검색엔진 최적화 : SEO실전 2 - Onpage 최적화2 " <h1>,<b>,<alt>태그, "

SEO실전 2 - Onpage 최적화2 " <h1>,<b>,<alt>태그, "

Chapter 3 : Onpage 최적화 - Part2

타이틀 태그와 메타 태그에 각 페이지의 메인 키워드를 어떻게 넣어야 하는지 챕터2에서 설명드렸습니다. 마찬가지로 <body></body> 본문태그 사이에 위치하는 실제 방문객들이 읽을 컨텐트에도 적절히 키워드를 배치시켜야 합니다. 그래야지만 다른 비슷한 키워드 제목을 가진 웹페이지들을 제치고 상위에 랭크될 수 있기때문이죠. 어떤 검색엔진들은 본문에 해당 키워드가 존재하지 않다면 검색결과에서 완전히 제외시키는 곳도 있습니다. 이번 챕터에서는 웹페이지에 출력되는 본문에 어떻게 적절히 키워드를 배치해야 하는지 등 Body text 최적화에 대해 알아보겠습니다.

1. <h1>,<h2>...<h6> 태그
문서제목이나 머릿말 작성시 사용하는 태그로서, 해당 키워드에 <h#>헤더 태그를 사용하여 표기한다면 검색엔진들은 그 웹페이지에 가중치를 부여합니다. 이런 머릿말 태그를 이용해 키워드를 감싼다면 그 웹페이지가 키워드와 상당히 연관된 정보를 가지고 있구나 하고 판단하는것이죠.
따라서 웹페이지 디자인을 계획할때 헤더 태그를 적절히 삽입하여 관련 키워드를 표기할 수 있도록 고려해야 합니다.

<h1></h1>태그사이에는 웹페이지의 가장 중요한 키워드를 넣습니다.
예컨데, <h1>천연 화장품 샵</h1> , <h1>일본호텔 예약</h1> 그리고 이런 <h1>태그는 웹페이지의 최상단에 배치해야 합니다. 보통 웹페이지 상단 좌측이나 중앙에 제목을 넣는데 이때 <h1>태그를 이용합니다.

쇼핑몰의 경우 테이블을 이용하여 쇼핑몰 로고아래 텍스트로 <h1>키워드</h1>를 넣으면 되겠죠.
검색엔진 봇들은 웹문서를 읽을때에는 최상단 좌측부터 읽어 나갑니다.
따라서 최상단 좌측에 <h1>키워드</h1>를 넣는것이 바람직합니다.

~사이트 로고~
예) 유기농 <h1>천연 화장품샵</h1>

여의치 않다면 위와 같은 방법으로 로고 바로 옆에 <h1>키워드</h1>를 넣는것도 무방합니다. 이 사이트는 'cheap web hosting' 이라는 키워드로 구글 SERP에서 #7에 랭크되어 있군요. (물론 <h1>태그 하나 가지고 그런 순위를 얻은것은 아니겠죠. :)

그 다음엔 <h2> 부제목 태그를 이용헤 두 번째로 중요한 키워드를 넣습니다.
"<h2>천연 화장품 쇼핑몰</h2>XXXX 여름 이벤트 " , "<h2>오사카 호텔 예약</h2>" 이런식으로 사용하면 좋겠지요.

그런 다음 <h3>~<h6>까지 적절하게 헤더태그를 사용하는게 좋습니다.
좌측이나 상단에 상품 카테고리별 네비게이션에 유용하겠죠.
대부분 쇼핑몰들이 네이게이션 바를 플래쉬나 이미지 파일로 디자인 하던데 그것보다는 텍스트로 작성해서 자바스크립트를 통한 폴링다운 효과를 주는게 좋습니다.
예) http://www.rackspace.com
|기초 세트|천연 팩|기능성|남성용|바디&헤어|..... 이런식으로 해서
<h3>기초 세트</h3>, <h3>천연 팩</h3>....이렇게 사용합니다.

헤더태그는 style.css에 지정하여 사용한다면 더욱 깔끔하고 간편하게 텍스트가 출력됩니다. 폰트 종류, 크기, 색깔 등 웹페이지 디자인에 맞춰 사용하세요.

이렇게 <h#>태그를 이용해 키워드를 잘 최적화 시킨다면 사용자들이 "천연 화장품 기초세트" 키워드로 검색했을경우 해당 웹페이지가 SERP에 노출됭 가능성도 높아지니 검색엔진 최적화 작업에선 필수겠죠.

2. <b> , <i>, <u>태그
<b>태그는 볼드체, 즉 폰트를 굵게하여 강조할때 쓰이는 태그입니다.
<i>태그는 이탤릭체, <u>태그는 언더라인.
위 세가지 태그를 이용해 본문의 키워드를 강조해주면 약간의 가중치를 얻습니다.
"델리스DC에서는 모든<b>윈도우 서버 호스팅</b>세팅비가 <b>무료</b>입니다." 이런식으로 키워드를 강조합니다. 하지만 이 세가지 태그는 페이지에서 키워드 당 한번씩만 사용하세요. 과할경우 스팸으로 오인될 수 있습니다.

위의 잘 SEO된 웹호스팅 사이트를 보면 본문 텍스트의 중요 키워드는 저렇게 굵게 강조한것을 볼 수 있습니다.

3. <alt> 이미지 태그
웹페이지에 사진이나 그림을 넣을때 <alt>태그를 같이 사용하세요.
예) <img src="image.jpg" alt="사진설명(키워드)">

웹페이지에 사진을 넣을때마다 사진설명을 첨부하는게 좋습니다. 관련된 키워드를 적절히 이용하세요.
예컨데, 일본 호텔예약 사이트에서는 각 지역별 호텔 페이지마다 호텔 사진을 첨부할것입니다.

예) <img src="image1.jpg" alt="오사카 호텔예약">
<img src="image2.jpg" alt="도쿄 호텔예약">

이렇게 alt태그에 키워드를 첨부합니다.
그리고 당연히 alt="키워드,키워드.키워드,키워드,키워드...." 이런식으로 반복하면 스팸으로 간주됩니다.

만약에 상품명이 영문으로도 존재한다면 이미지 파일을 해당 상품명으로 리네임해서 사용하세요. 판매중인 상품이 Xbox 360일 경우 상품 이지미를 "xbox360.jpg"
그래서 <img src="xbox360.jpg" alt="xbox360 할인판매"> 이런식으로 최적화시킵니다. 이미지 파일 이름으로 xbox360에 관한 키워드를 추가로 추출하는 효과를 볼 수 있습니다.

summary

웹페이지 상단 제목 작성시 <h1>태그를 이용, 메인 키워드를 삽입한다.
웹페이지 구조에 따라 <h2>~<h6>부제목 태그를 이용, 관련 키워드를 삽입한다.

본문 내용중에 나오는 키워드는 <b>,<i>,<u>태그를 이용해 강조한다. 단, 한번씩만

웹페이지에 이미지를 삽일할 경우 <alt>태그를 이용하여 키워드가 포함된 그림설명을 첨부한다.

다음 챕터에서는 본문의 키워드 밀도, 연관성, 주기성에 관한 내용을 다루겠습니다.

크리에이티브 커먼즈 라이센스