블로그 마케팅 강좌 - 프롤로그..

강좌의 대상 층은 "전업 블로거"의 수입을 조금 늘릴 수 있는 방법을 제시하고, 마케팅 비의 부담을 느끼는 소기업이나 소상 점을 위한 내용을 중심..

블로그 1:1 멘토링 교육 안내..

블로그가 요동을 치고 있는 상황입니다. 덕분에 저도 블로그 교육을 다시 시작을 하려고 합니다. 교육 방식은 1:1교육으로 메토링을 진행 하려고 ...

IT 제품 등에 대한 리뷰를하고...

브랜드 블로그와 블로그 마케팅을 블로그를 전문적으로 운영해드리고 있습니다.
TEL.010-2776-9081 / chunchu99@gmail.com

블로그 마케팅을 위한 블로그 운영 법[1] 마케팅 블로그 운영과 웹 표준

웹 표준에 대하여 조금 말씀을 드리려고 합니다. 지인이 "웹 표준이 왜 필요한가!"에 대한 질문에 답변 격이 포스팅입니다. 예전에 블로그 운영 잘 하는 법의 시리즈 포스팅에서 정식 포스팅 한번 다루고 번 외편으로 한번 더 다루었는데 대하여 조금 더 이해를 높이기 위하여 정리를 해드리는 것입니다. 


웹 표준은 블로그 방문자를 늘리는 글이라고 하기는 그렇지만, 방문자를 늘리는 방법 중에 하나 임에는 틀림없습니다.  일단 오늘 설명하는 원칙을 지키면서 블로그들을 운영하고 있습니다. 




제가 관리를 하는 마케팅 블로그들이 전체적으로 어느 정도의 방문자기 있기 때문에 틀린 방법은 아니라고 생각을 합니다. 네이버 블로그나 티스토리 블로그 모두 기본적인 웹 표준을 지키고 있다는 것은 많은 분들이 알고 계실 것입니다. 


블로그 운영 잘하는 법 전체 보기


* 마케팅을 하는 상업 블로그를 중심으로 내용을 맞추기 때문에 개인 블로그의 상황과는 맞지 않을 수 있습니다.


1. 블로그 운영 잘하는 법 [1] 네이버 키워드 상단 노출의 허와 실

http://chunchu.tistory.com/76

2. 블로그 운영 잘하는 법 [2] 다음 뷰의 활용

http://chunchu.tistory.com/80

3. 블로그 운영 잘하는 법 [3] 파워 블로그로 보이게 하는 커뮤니티 법

http://chunchu.tistory.com/85

4. 블로그 운영 잘하는 법 [4] 웹 접근 성을 활용하여 검색에 유리한 블로그 만들기

http://chunchu.tistory.com/98

5. 블로그 운영 잘하는 법 [5] 네이버 오픈 캐스트를 이용하자

http://chunchu.tistory.com/145

6. 블로그 운영 잘하는 법 [6] - 글 감의 저장으로 다양한 글을 쓰자

http://chunchu.tistory.com/175

7. 블로그 운영 잘하는 법 [7] - 포스팅 이미지 관리[남들과는 다른 이미지 생성하자

http://chunchu.tistory.com/182

8. 블로그 운영 잘 하는 법 [8]- 구독자가 늘어나면 블로그도 활성화된다.

http://chunchu.tistory.com/465

   




   

번 외 편 들

   

블로그 운영 잘 하는 법 [번 외 편 1] 네이버 키워드 상단에 노출하는 법

http://chunchu.tistory.com/115

블로그 운영 잘하는 법 [번 외 편 2] 내가 티스토리 블로그를 운영하는 이유

http://chunchu.tistory.com/157

블로그 운영 잘 하는 법 [번 외 편 3] 블로그 마케팅에 관하여

http://chunchu.tistory.com/189

블로그 운영 잘하는 법 [번 외 편 4] 네이버 오픈 캐스트를 활용하기 집중 

http://chunchu.tistory.com/226

블로그 운영 잘하는 법 [번 외 편 5]- 다음 뷰 활용하기 집중 

http://chunchu.tistory.com/227

   

   

오늘은 이 설명을 드리기 위해서 일단 블로그 운영 잘 하는 법 시리즈를 다시 발행하여 순서대로 보실 수 있게 해 놓았습니다.  



웹 표준은 무엇인가


간단하게 정리를 하면 월드 와이드 웹(www)의 공식적인 표준이나 규격을 제시하는 것이며 사용성과 접근성에 직접 적인 영향을 미치는 것등에 대한 표준을 제시하는 것입니다. 


 디자인과 개발에서 접근성과 시맨틱 HTML의 가이드라인을 제시하는 것이라는 것입니다. 


복잡하고 어렵게 이야기를 풀어나가고 있는데 웹관리를 매우 오랫동안 해온 제 입장에서는 다시 기본으로의 회기입니다. 


즉 웹 표준을 주창하고 진행하는 세력은 바로 제 윗 세대의 월드와이드 웹 세대입니다.  그들이 만들고 키워온 월드 와이드 웹이 거대하게 발전을 하면서 원하는 방향과는 다른 반대로 흘러가는 것을 바로잡기 위한 시스템이 웹 표준입니다. 


개인적으로는 웹 생성의 시대와 비표준의 시대, 그리고 표준화의 시대를 모두 격은 웹 개발자라고 할 수 있습니다. 





1996년 경에 홈페이지를 처음 만들 때는 지금과는 매우 다른 상황이었습니다. 보이는 모습이나 속도는 천지차이지만 달라지지 않은 것이 있습니다.


그 당시와 즉 문서의 기본적인‘제목, 단락, 목록 등과 같은 본문을 위한’ 구조적 형식은 달라지지 않았습니다.  웹 표준은 이 달라지지 않는 것에 가이드 라인을 제시하는 것입니다. 


“개인적으로는 원하는 경우 W3C 표준 코딩 기준을 100% 만족하는 문서(디자인 된 홈 페이지 인덱스를 기준으로)를 한번에 제작이 가능합니다.” 문제는 상용성을 높이기 위해서 약간 규격을 무시하는 경우도 생기기는 합니다. 


- 웹표준에 대해서 잘 아시는 분이라고 이의 제기는 말아주십시오.



W3C의 웹표준 권고안


  • 이미지 & 애니메이션. 모든 이미지와 애니메이션을 설명하기 위하여 alt이용.

  • 이미지 맵. 클라이언트 사이드 맵을 이용하며, 링크부분에는 텍스트로 설명을 추가.

  • 멀티미디어. 오디오에는 자막을, 비디오에는 설명 추가.

  • 하이퍼텍스트 링크. 링크부분의 텍스트는 단독으로 소리내어 읽을때에도 올바르게 이해할 수 있는 말을 사용. 예를 들어 “여기를 클릭”등의 사용은 피한다.

  • 페이지 구성. 헤딩, 리스트, 일관된 구조를 사용. 레이아웃과 스타일을 쓸때에는 가능한 CSS를 사용.

  • 그래프 & 차트. 요약이나 longdesc 속성을 이용.

  • 스크립트, 애플릿, & 플러그인. 접근할 수 없거나 지원 불가능하는 경우를 위하여 대체 컨텐츠를 제공.

  • 프레임. noframes 엘리먼트와 의미있는 제목을 사용.

  • 테이블. 한행씩 읽을때에도 이해할 수 있도록 한다. 요약한다.

  • 작업 확인. 검증한다. http://www.w3.org/TR/WCAG의 검증툴, 체크리스트, 그리고 가이드라인을 이용.



W3C의 웹표준 권고안은 HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적인 문서를 만들 수 있는 방법을 제공하는 것입니다. 


* 예전에 모바일 홈페이지를 만들 때 검증 툴에 100% 부합되게 작업 했던 기억이 납니다. 

블로그와 웹 표준

블로그와 웹 표준은 거의 같은 말로 적용이 됩니다. 


  1. 디자인과 웹문서의 분리 - 블로그 스킨을 한번에 적용할 수 있는 이유입니다. 

  2. 기본 메뉴 - 기본으로 제공되는 메뉴의 경우 목록으로 인식을 하여 보다 빠르게 분기를 줍니다. 

  3. 복잡한 블로그라고 결국은 하나의 웹페이지로 이루어져 있습니다. 

  4. 기본적인 스킨의 코딩이 웹 표준을 지켜서 만들어지고 있습니다. 

  5. 웹 표준을 가장 잘 지긴 웹 문서의 나열이 블로그이다.


블로그와 웹 표준, 웹 접근성을 강조하는 이유는 검색엔진이나 검색 로봇과 같은 프로그램은 결국 웹 페이지를 찾아다니면서 DB화 하는 프로그램입니다.  이러한 검색 로봇이나 검색을 할 때 중요도가 높은 것은 결국 웹 표준과 웹 접근성입니다.  


웹 표준과 웹 접근성을 이용하면 더욱 검색에 잘 걸리는 블로그를 운영할 수 있다는 말이 됩니다.  





내가 생각하는 검색엔진 최적화란 - search engine optimization


기본적으로 스킨과 특성에서 이미 표준 코딩이 적용이 되어있습니다. 이번 장에서는 검색 로봇에게 더욱 웹 표준을 지키는 블로그라는 것을 어필 하는 방이라고 할 수 있습니다. 


구글에도  SEO 권고안

http://support.google.com/webmasters/bin/answer.py?hl=ko&answer=35291


하단 부에 강조하는 것은 역시 제가 말하고 싶어하는 부도덕한  SEO 업체에 대한 주의가 강조되어 있습니다.



구글의 품질 가이드라인 - 기본 원칙


검색엔진이 아닌 사용자를 위한 페이지를 만듭니다.


사용자를 속이지 마세요.


검색엔진 순위를 높이기 위해 속임수를 사용하지 마세요. 운영자와 경쟁 관계에 있는 웹사이트 운영자 또는 Google 직원에게 자신의 행동을 떳떳하게 밝힐 수 있는지 여부가 좋은 기준이 됩니다. "사용자에게 도움이 될까? 검색엔진이 없어도 이 행동을 하게 될까?"하고 스스로에게 물어보는 것도 좋은 방법입니다.


어떻게 하면 본인의 웹사이트를 고유하고 가치 있게, 더 매력적으로 보이게 만들 수 있을지 생각해 봅니다. 전문 분야에서 다른 경쟁자와 차별화되도록 해야 합니다.


* "검색엔진이 아닌 사용자를 위한 페이지를 만듭니다." 라는 말은 제가 블로그를 운영하시는 모든 분들에게 해주고 싶은 말입니다.  


몇 년 전에 블로그의 SEO를 잡아준다는 프로그램을 써본 적이 있습니다. 조금 써보면 결국 키워드의 나열을 주장하는 프로그램이었습니다. 제 글에는 SEO 프로그램을 돌려보면 키워드의 심도나 나열 등이 그렇게 많이 되지는 않습니다. 그래도 검색 등이 무리 없이 잘 되고 있습니다.  


일단 기존의 SEO라고 제시하는 업체의  SEO가 제대로 된 search engine optimization이 아니고 키워드 나열 최적화라는 것입니다. 


제가 제시하는 검색엔진 최적화는 블로그의 제목, 단락, 목록 등과 같은 본문을 위한 구조를 강화 하는 방법이라고 생각을 합니다. 


웹 표준을 블로그에 적용하는 간단한 방법

  • 소재목의 경우 볼드체 대신 <H2>소제목</H2> 형식을 유지 할 것 

  • 외부 링크의 연속은 <li></li> 안에 넣을 것
  • 이미지에  alt 값 넣을 것

    [alt 값은 검색 엔진은 그림의 설명이나 대체값으로 인식합니다 - 이미지의 이름 이외에도 검색 될 수 있는 특성을 넣을 수 있는 것입니다.]


위의 3가지만 충실히 지키셔도 검색엔진에서 매우 좋아하는 글이 될 것입니다. 그리고 티스토리의 기본 기능인 이전 글 넣기도 문서 내에서 좋은 웹 표준 적용 방법이라고 할 수 있습니다. 



블로그 운영 잘하는 법 [4] 웹접근성을 활용하여 검색에 유리한 블로그 만들기

주성사이버 평생 교육원 2학기 개강안내 [7월 개강]

미라캐스트 어댑터 모두시스 'Twingle Air MDS -3000'

원노트 강좌 [15] 오피스 웹 앱을 이용한 "웹 오피스 활용하기"

바니찌 컬렉션[05] diena Couple Ring [디엔나 다이아몬드 커플링]

여름을 준비하는 프리랜서 블로거[2] 윈도 태블릿 거치 대를 만들다!

저가 태블릿의 가능성 한성 컴퓨터 gadget V10 리뷰[2] 데스크톱 모드 - 활용

프리랜서 블로거의 여름 준비

저가 태블릿의 가능성 한성 컴퓨터 gadget V10 리뷰[1]




홍보배너링크

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://rja49.tistory.com BlogIcon 온누리49

    잘 보고 갑니다
    러시아 전 보려고 아침 일찍 기사 써 놓고
    잠시 들려갑니다 좋은 날 되시고요

  3.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://silviantf.tistory.com BlogIcon 은방울꽃story

    천추님 역시나..
    구글에서 색인때문에 알아보다가 pdf 파일로 열려서 혹시나해서 주소 찾아 들어와봤는데..
    여기도 계시네요.
    다음뷰에서 많이 왔었는데 다음뷰없고나서는 자주 못들렸어요.
    진짜 심하게 정말 궁금한게 있는데요.
    지금 크롤러 및 색인 생성으로 구글로 검색하면 님꺼가 2페이지에 pdf파일로 검색이 되요
    저 정말 이거 몇달전부터 너무 궁금했어요.
    어떻게해서 pdf 파일이 웹에서 검색이 되는지요?
    꼭 알려주세요~~ 흑흑

  4.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://silviantf.tistory.com BlogIcon 은방울꽃story

    아~네~
    모바일새버젼 오늘 깔았는데 좋으네요
    바로 소통되고 ㅎ
    자주 올께요~~

  5.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://themeat.tistory.com BlogIcon 오늘도힘차게

    이제껏 "이전 글 넣기" 기능을 몰랐네요. 수작업으로 제목 만들고 링크 걸었지요. 요런 기능이 있을 줄이야..
    많이 배우고 갑니다.

  6.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://kaka77.tistory.com BlogIcon 메트라프

    제가 티스토리 초보라서 정말 많이 배우고있습니다.혹시 이전글넣기가 뭔지 다시한번 알려주시면 안될까요? 죄송합니다

  7.  댓글주소  수정/삭제  댓글쓰기 Favicon of https://boyundesign.tistory.com BlogIcon 귀여운걸

    모든 블로거들이 꼭 보아야 할 포스팅이네요^^
    꼼꼼히 잘 숙지하고 갑니다ㅎㅎ

  8.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://aaqq.tistory.com BlogIcon 아쿠나

    블로그 운영법에 대해서 알아보시는 분들께
    좋은 글 저도 잘 보고 가네요 ^^

  9.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://1rkrkrk.tistory.com BlogIcon 양군!

    블로그마케팅에 대해서 정리 잘해주셔서 잘 보고 갑니다 ^^

  10.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://mkm5669.tistory.com BlogIcon 다딤이

    잃어봐도 잘모르겠어요, 그렇지만 웹 표준에 대해선 잘알고 갑니다.^^
    천추님 블러그는 정말 많은 분이 방문시네요^^ 좋은 하루 되세요^^

  11.  댓글주소  수정/삭제  댓글쓰기 Favicon of https://toyvillage.net BlogIcon 라이너스™

    좋은 정보입니다.^^
    잘보고갑니다.

  12.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://fuente.tistory.com BlogIcon 목요일.

    정말 조은데용?ㅎㅎㅎ
    잘보고가용!!
    오늘도 홧팅하세요ㅎㅎ
    시간되면 자주 놀러올께요! 좋은 포스팅 감사해욤!

  13.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://cbdok.tistory.com BlogIcon 명태랑 짜오기

    좋은 정보 감사합니다.
    어려워서 늘 기본만 지키고 가고 있네요~~ㅎㅎ

  14.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://boksuni.tistory.com BlogIcon 복돌이^^

    ^^ 저도 블로그를 하고 있지만...정말 어려워지는거 같아요..집중할려면요..
    그래서 전 다포기..ㅋㅋ ^^걍 기록의 의미로 사용하는것 같아요
    다녀갑니다. 행복한 하루 되세요

  15.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://sunkist5rg.tistory.com BlogIcon 구아바12

    너무 좋은 포스팅 최곱니다 ^^
    블로그는 정말 어렵지만 재미있는 것 같아요!

  16.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://kimstreasure.tistory.com BlogIcon Zoom-in

    유용한 정보글 잘 보고 갑니다.^^

  17.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://olive3216.tistory.com BlogIcon 초보올리브

    천추님 블로그에 유용한 정보들이 정말 많네요.
    오늘 알려주신 내용도 꼭 적용해 보도록 하겠습니다. 감사합니다^^

  18.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://www.naver.com BlogIcon Zoom-im

    유용한 정보글 잘 보고 갑니다.^^

  19.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://www.naver.com BlogIcon 멍태랑 짜오기

    좋은 정보 감사합니다.
    어려워서 늘 기본만 지키고 가고 있네요~~ㅎㅎ

  20.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://WWW.NAVER.COM BlogIcon 구아바12

    너무 좋은 포스팅 최곱니다 ^^
    블로그는 정말 어렵지만 재미있는 것 같아요!

  21.  댓글주소  수정/삭제  댓글쓰기 Favicon of http://www.naver.com BlogIcon 일요일

    정말 조은데용?ㅎㅎㅎ
    잘보고가용!!
    오늘도 홧팅하세요ㅎㅎ
    시간되면 자주 놀러올께요! 좋은 포스팅 감사해욤!