최적의 SEO를 위해 H1 요소/태그를 웹사이트의 페이지당 한 번만 사용해야 하는 이유를 알아보세요.
웹 개발자 또는 디자이너가 가장 먼저 배우는 것 중 하나는 H1에서 H6까지 HTML5의 표제 요소의 6단계입니다.
초보자는 H1이 가장 중요한 요소이며 주요 제목, 헤드라인, 가장 중요한 항목에 H1을 사용해야 한다고 들었습니다. 그런 다음 거기에서 아래로 내려가 H2, H3, H4 등을 콘텐츠의 부제목으로 사용합니다.
많은 초보자가 같은 페이지에서 H1 태그를 여러 번 사용하는 것으로 나타났습니다. 나는 그들이 그 페이지에 있는 하나 이상의 텍스트 요소를 중요하다고 생각하기 때문이라고 가정합니다. 하지만 이것은 문제입니다.
검색 엔진은 자동으로 H1 태그 안에 포함된 콘텐츠가 콘텐츠의 헤드라인(주제)이라고 가정합니다. 이것은 SERP(검색 엔진 결과 페이지)에서 무언가를 검색할 때 Enter 키를 쳤을 때 표시되는 내용이 다음과 같기 때문에 중요합니다.
- 제목
- 메타 설명
- URL
페이지당 H1을 여러 번 사용하는 경우 각 페이지에서 우선 순위를 낮추고 있습니다. 검색 엔진은 검색자에게 검색 결과를 표시할 때 어떤 H1 제목을 선택해야 하는지 어떻게 알 수 있습니까? 기본적으로 검색 엔진은 보통 위에서 아래로 선택하세요. 하지만 보장되지는 않습니다. 다양한 요인이 콘텐츠 색인 생성 및 표시 방식에 영향을 미칠 수 있기 때문입니다.
검색 엔진은 H1 제목을 사용하여 각 페이지에서 가장 중요한 주제를 결정하지만 모든 것이 중요하다고 말하면 아무 것도 중요하지 않습니다.
H1을 남용하는 전형적인 예는 작성자가 프로젝트 목록을 표시하는 첫 페이지에 그리드 항목 갤러리가 있는 포트폴리오에 있습니다.
처음에는 그리드 항목의 프로젝트 제목에 H1을 사용하는 것이 합리적입니다. 각 프로젝트는 해당 프로젝트를 설명하는 개별 URL로 연결되기 때문입니다.
잘못된 SEO입니다.
이것이 올바른 방법입니다:
- 클라이언트 프로젝트의 그리드 목록을 표시하는 첫 페이지에서 그리드 항목 제목에 H2, H3 또는 H4를 사용해야 합니다.
- 각 프로젝트의 페이지에서 프로젝트 제목이 H1(
<h1></h1>) 태그. 프로젝트 페이지당 하나의 H1 요소.
각 페이지에 H2, H3, H4 등을 원하는 만큼 사용할 수 있으므로 3개의 제목 태그 중 하나를 선택하여 그리드 항목 제목을 둘러싸십시오.
왜 H2, H3 또는 H4입니까? 어느 것이 중요합니까? 나는 그렇게 생각하지 않는다. 나는 대부분의 상위 웹사이트(순위 측면에서)가 이 3가지 제목 중 하나를 사용한다는 사실을 알게 되었습니다. H2가 H3 또는 h4보다 낫다는 증거를 찾지 못했습니다.
참고로:
- css-tricks.com 및 Scotch.io는 H2 사용
- Medium.com 및 sidebar.io는 H3 사용
제목은 콘텐츠가 어떻게 구성되어 있는지 검색 엔진에 알려주는 것뿐만 아니라 콘텐츠의 계층 구조에 대해 사용자에게 시각적으로 알려주는 데에도 사용된다는 점을 고려해야 합니다.
그리드 항목 제목을 표시하는 데 사용하는 제목 요소는 웹사이트에 사용하는 유형 스케일(글꼴 크기 목록)에 따라 간단히 결정할 수 있습니다. 따라서 H3가 font-size: 1.5rem;으로 설정된 경우 그 font-size는 그리드 항목 제목에 적합하며 사용하십시오.