“구획 제목 요소”라고 명칭을 쓰긴 했지만 이 글을 읽는 대부분의 사람들은 처음 듣는 단어일 것 같습니다. 사실 저도 이글을 쓰기 위해 찾아본 자료에서 이렇게 이야기해서 알게된 것이라서.. 영어로는 Heading Elements 라고 하고 실제 현장에서는 보통 “H tag”라고 부르고 있죠. 그냥 쉽게 생각해서 <H1> ~ <H6> 로 표시되는 HTML 태그입니다.
<h1>Beetles</h1> <h2>External morphology</h2> <h3>Head</h3> <h4>Mouthparts</h4> <h3>Thorax</h3> <h4>Prothorax</h4> <h4>Pterothorax</h4>
대부분 그냥 이걸 모르는 사람이 SEO 때문에 이글을 보고 있을리 없다 싶은 상황이겠지만 SEO에서는 의외로 꽤 중요한 요소로 관리됩니다. SEO라는 것은 사용자가 만든 콘텐츠가 어떤 방법을 통해서 기계(검색엔진)에게 잘 읽혀지게 만들어서 그 기준을 충족해 더 잘나오게 하는 과정이기 때문입니다.
간단하게 정리하면 아래와 같습니다.
- 페이지 전체의 구조에 맞추어 제목 태그를 활용하여 Hierarchy(계층구조)를 만들어 적용한다.
- <H1> ~ <H6>를 사용해 페이지의 구조를 정의하도록 한다. 검색엔진은 <H> 태그를 제목으로 아래 부분을 본문으로 인식한다.
- 강조의 의미 또는 스타일을 위해 <H>태그를 사용하지 않아야 한다. 페이지 내 너무 많은 제목 태그를 사용하지 않아야 한다.
기본적으로 대한민국에서 웹사이트를 만들 때 제목과 본문을 구별하기 위해 H tag를 정리하고(가이드를 잡고) 퍼블리싱하는 곳이 늘고 있지만 아직은 완벽하지 않습니다. 해외에서는 이 제목 태그의 계층구조를 맞추는걸 해당 페이지의 SEO 작업의 시작으로 생각하고 있습니다.
새롭게 프로젝트를 시작한다면 해외의 SEO가 잘되어 있는 서비스를 참고하여 H tag를 기준으로 디자인 가이드와 퍼블리싱 가이드를 잡는다면 조금은 나은 SEO 환경이 될 것으로 생각됩니다. 아래는 Booking.com의 메인페이지 제목 태그 상황입니다. booking.com, expedia.com 등 해외의 글로벌 OTA(online travel agency)들은 천문학적인 광고비를 집행하는 만큼 SEO에도 꾸준히 투자하기에 SEO를 참고하기에는 굉장히 좋은 샘플이 됩니다.
<H1> Find deals on hotels, homes, and much more... <H2> Try searching for... <H2> Browse by property type <H3> Hotels <H3> Apartments <H3> Resorts <H3> Villas <H3> Cabins <H3> Cottages <H3> Glamping <H3> Serviced Apartments <H3> Vacation Homes <H3> Guest houses <H3> Hostels <H3> Motels <H3> B&Bs <H3> Ryokans <H3> Riads <H3> Resort Villages <H3> Homestays <H3> Campgrounds <H3> Country Houses <H3> Farm Stays <H3> Boats <H3> Luxury Tents <H3> Self-catering Accommodations <H3> Tiny houses <H2> Recommended destinations <H3> Seoul <H3> Tokyo <H3> Singapore <H3> Osaka <H3> Busan <H2> Homes guests love <H3> Sugar Loft Apartments <H3> Apartments on Belinskogo ulitsa <H3> A casa di Edi <H3> Baranova Apartments <H3> BNBHolder Vintage & Deluxe LATINA <H2> Get inspiration for your next trip <H3> America is for everyone <H3> Safety cleans up <H3> Vital value: Maximizing travel for less <H3> Bye bye 9-to-5: Work from wherever you want <H3> Spontechnaity: How tech will drive travel <H2> Connect with other travelers <H3> Travel Talk <H3> More communities <H3> Taipei <H3> Bangkok <H3> Paris <H3> London <H3> New York <H3> Rome <H2> Destinations we love <H2> Save time, save money! <H2> Verified reviews from real guests. <H2> How does it work? <H3> It starts with a booking <H3> Followed by a trip <H3> And finally, a review