헤더 태그란 무엇인가요?
헤더 태그는 웹페이지의 나머지 콘텐츠와 제목 및 부제목을 구분하는 데 사용되는 HTML 태그로, 중요도에 따라 H1에서 H6까지 내림차순으로 표시됩니다.
대부분의 경우 H1에서 H4까지만 필요합니다:
- H1은 페이지의 기본 제목 및 제목입니다.
- H2는 소제목 및 보조 요점입니다.
- H3는 H2 아래의 하위 섹션 또는 목록 항목입니다.
- H4는 H3 아래의 하위 섹션 또는 목록 항목입니다.
또한 H1 태그와 제목 태그는 HTML에서 동일한 요소가 아니라는 점에 유의해야 합니다. 모든 헤더 태그는 페이지 자체에 표시되는 내용을 설명하지만 제목 태그는 브라우저 창과 검색 엔진 결과 페이지 스니펫에 대한 페이지 제목을 전달합니다.
따라서 특정 웹페이지를 볼 때 페이지 자체의 상단 근처에 H1이 표시되고 브라우저 창이나 탭에 '제목'이 표시됩니다.
헤더 태그가 SEO에 중요한 이유는 무엇인가요?
헤더 태그는 사용자가 페이지를 탐색하고 탐색하는 데 도움이 됩니다. 헤더 태그는 정보를 세분화하여 독자가 정보를 스캔하고 원하는 정보를 빠르게 찾을 수 있도록 합니다.
하지만 헤더를 사용하면 검색 친화적인 웹사이트를 만드는 데도 도움이 됩니다. 검색 엔진은 페이지의 섹션을 더 잘 이해하기 위해 헤더에 의존합니다.
일반적으로 헤더 태그는 검색 엔진과 독자 모두가 콘텐츠를 체계적이고 이해하기 쉽게 유지하는 데 도움이 됩니다.
헤더 태그 모범 사례
1. 헤더 태그에 키워드를 과도하게 채우지 마세요.
몇 년 이상 SEO 모범 사례를 따라왔다면 H1, H2, H3 태그에 타겟 키워드를 포함시키는 데 익숙할 것입니다.
이러한 헤더는 예전에는 중요한 순위 요소였지만, 이제 Google의 알고리즘은 더 똑똑해졌습니다. 따라서 헤더의 키워드는 예전과 같은 영향력을 발휘하지 못합니다.
그렇긴 하지만 헤더 태그에 키워드를 포함하는 것은 여전히 좋은 생각입니다. 하지만 요즘에는 보다 현명하고 자연스럽게 키워드를 추가하는 데 집중해야 합니다. 마지막으로 원하지 않는 것은 Google에서 페이지를 스팸으로 인식할 정도로 헤더 태그를 과도하게 채우는 것입니다.
최근에는 헤더 태그에 키워드를 신중하게 사용해야 하는 또 다른 이유가 생겼습니다. 설명이 잘 된 하위 헤더는 특히 하우투 가이드나 목록에서 추천 스니펫을 얻을 수 있습니다.
2. 헤더를 짧고 일관성 있게 유지
헤더의 또 다른 중요한 습관은 가능한 한 짧고 일관되게 유지하는 것입니다. 헤더의 길이는 3~5단어로 제한하고 독자가 쉽게 스캔할 수 있도록 일관성 있게 구성하세요.
헤더는 텍스트의 벽을 깔끔하고 정돈된 섹션으로 나누기 위한 것이므로 지나치게 긴 헤더와 부제목이 페이지에서 보기 좋지 않은 이유를 알 수 있습니다.
이러한 빠른 헤더는 독자를 더 쉽게 만드는 것 외에도 Google이 페이지의 콘텐츠를 더 잘 이해하는 데 도움이 됩니다.
3. 적절한 콘텐츠 계층 구조를 위한 헤더 태그 사용
애초에 헤더 태그가 존재하는 이유를 알고 있나요? 헤더 태그의 원래 목적은 HTML 페이지에서 적절한 콘텐츠 계층 구조를 유지하는 것입니다.
다시 말하지만, H1은 메인 헤더, H2는 서브 헤더, H2 내의 H3는 해당 섹션의 하위 헤더입니다. 각 섹션 내에서 내림차순으로 가장 중요하고 관련성이 높은 정보부터 시작 하여 진행하면 됩니다.
4. CSS에서 헤더의 디자인이 일관성 있는지 확인
기본적으로 HTML은 웹페이지의 시각적 계층 구조를 설정하는 데 효과적입니다.
일반적으로 H1 및 H2 태그는 글꼴 크기가 크고 가중치가 무거우며(각각 약 32px 및 24px), H3 및 H4 태그는 글꼴이 더 작습니다(각각 18px 및 16px).
이에 대한 명확한 규칙은 없지만, 가끔 H3와 H4를 H2보다 크게 만드는 웹사이트 테마를 본 적이 있습니다.
웹사이트에서 CSS 스타일시트 내에서 변경하여 적절한 글꼴 서식 코드를 사용하여 일관된 헤더 디자인을 설정하거나 추가 스타일시트로 사용자 정의 CSS 필드에 선택기를 추가할 수 있습니다.
H2를 사용해야 하는 곳에 H3를 사용하는 경우도 있습니다. 이는 헤더 디자인이 제대로 설정되지 않은 경우에 흔히 발생합니다. 중요한 단계는 아니지만, 이렇게 하면 최상의 사용자 경험을 제공하고 Google에서 최대의 SEO 가치를 얻을 수 있습니다.
자주 묻는 질문
여러 개의 H1 태그를 사용할 수 있나요?
네, 가능합니다. Google은 이에 대해 아무런 문제가 없다고 말합니다. 하지만 가장 좋은 SEO 관행은 페이지당 하나의 H1을 사용하는 것입니다.
Google의 이익이 아니더라도 페이지당 하나의 H1 태그만 사용하면 페이지의 일관성을 유지하고 다른 사용자가 페이지를 변경해야 할 때 쉽게 이해할 수 있습니다.
H1과 제목 태그 - 다를 수 있나요?
기본적으로 새 글을 게시할 때 H1과 제목은 동일하게 설정됩니다. 하지만 원하는 경우 제목과 H1을 다르게 작성할 수 있습니다.
예를 들어 SERP에서 보기 좋게 제목을 짧게 하고 페이지 방문자에게는 H1을 조금 길게 할 수도 있고, 제목에 연도를 포함하되 H1에는 연도를 빼고 제목을 선택할 수도 있습니다.
이유가 무엇이든 SEO 목적상 H1과 제목 태그가 다른 것은 괜찮습니다.
헤더 태그에는 몇 개의 레벨이 있나요?
HTML은 총 6개의 헤더를 지원합니다: H1-H6. 즉, H7, H8 등은 사용할 수 없습니다.
그러나 H4 이상의 하위 섹션이 더 필요한 경우는 거의 없습니다. 한 페이지에 H5 및 H6이 필요하다면 한 페이지에 너무 많은 정보를 몰아넣고 있는 것은 아닌지 생각해 볼 필요가 있습니다.
대신 콘텐츠에 대한 별도의 페이지를 만들어 더 쉽게 읽을 수 있도록 할 수 있습니다.
