Hx 제목 태그가 있는 콘텐츠의 계층 구조
게시 됨: 2018-01-30목차
웹사이트에서 콘텐츠 제목을 사용하는 것은 오늘날에도 여전히 지속되는 수많은 신화를 가져온 꽤 인기 있는 주제입니다. 그렇다면 제목 태그는 무엇이며 왜 사용되며 웹 사이트에서 제목 태그의 최적 구조를 구현하는 방법은 무엇입니까?
- 1 제목이란 무엇입니까?
- 2 Hx 제목 태그에 중요한 내용 사용
- 3 Google은 Hx 제목 태그에 대해 무엇이라고 말합니까?
- 4 콘텐츠 제목에 대한 기타 필수 정보
제목이란 무엇입니까?
표제 태그는 사용자(웹 브라우저 크롤러도 포함)에게 콘텐츠 구조를 표시하는 데 사용됩니다. H1에서 H6까지 6개의 제목 크기가 있지만 그 중 첫 번째가 가장 관련성이 높지만(가장 중요한 제목임) H5와 H6은 거의 사용되지 않습니다.
Hx 머리글 태그에는 나머지 콘텐츠보다 훨씬 더 큰 (반드시 커야 하는) 텍스트가 포함되어 있으므로 사용자가 그 아래에 있는 단락이 설명하는 내용을 이해할 수 있도록 시각적인 단서를 제공합니다. 다양한 크기의 제목을 사용하여 계층 구조를 나타내면 사용자가 콘텐츠를 쉽게 소화할 수 있습니다.
HTML 구문에서 <> 괄호 안에 태그를 사용합니다.
<h1>제목 1</h1> <h2>제목 2</h2> <h3>제목 3</h3> <h4>제목 4</h4> <h5>제목 5</h5> <h6>제목 6</h6>
그러나 웹사이트에서는 예를 들어 다음과 같이 보일 것입니다(분명히 스타일 시트에 따라 다름).
사용 예는 https://www.w3schools.com/html/html_headings.asp에서 찾을 수 있습니다.
Hx 제목 태그에 중요한 콘텐츠 사용
거의 매일 새로운 블로그 게시물, 뉴스, 가이드 또는 전문가 기사가 제공될 때 멋진 사진이나 눈에 띄는 제목뿐만 아니라 구조화된 콘텐츠로 사용자를 끌어들이는 것은 가치가 있습니다.
독자들은 모바일 장치에서 특정 기사를 볼 때 주로 제목에 주의를 기울이는 경우가 많습니다. 순전히 미학적인 측면을 제외하고, 제목의 적절한 구조는 콘텐츠를 더 쉽게 해석하고 소화 할 수 있도록 하므로 사용자가 특정 웹사이트에 더 오래 머무를 가능성이 있습니다.
사용자는 잘 구조화된 웹사이트의 이점을 누릴 수 있을 뿐만 아니라 제목 텍스트도 중요하기 때문에 크롤러도 이를 수행할 수 있습니다. 그렇기 때문에 제목 태그에 주제 측면에서 페이지의 콘텐츠와 관련된 키워드를 포함하는 것이 중요합니다 . 특정 키워드를 사용하여 특정 페이지를 타겟팅하는 경우 해당 키워드를 (다른 형식으로라도) 제목에 넣는 것이 바람직합니다. 그들은 자연스럽게 텍스트 안에 배치될 수 있지만 이유가 있습니다.
구조는 명확하게 정의 되어야 하고 제목은 크기가 서로 달라야 합니다. 본문과 같은 방식으로 스타일을 지정하거나 중요도에 따라 구분하지 않는 것은 실수입니다.
기사의 Hx 표제
블로그 게시물을 작성하는 동안 제목을 창의적으로 사용할 수 있습니다. 기사를 시작하기 전에 기사의 구조를 정의해야 합니다. 표제는 개별 단락을 나누는 교차 표제일 수 있으며 (바로 이 기사에서와 같이) 그 중 가장 중요한 것인 <h1>을 사용하여 주제를 설명할 수 있습니다. 웹 사이트 템플릿에서 자동으로 정의되는 경우가 많기 때문에 그렇지 않은 경우 SEO 전문가 및 웹 개발자와 논의하여 변경하는 것이 좋습니다.
기사의 잘 설계된 구조는 기사를 더 매력적으로 보이게 할 수 있습니다. 제목에 포함된 흥미로운 콘텐츠는 독자(및 크롤러)에게 주어진 기사에 대해 무엇을 기대해야 하는지 명확하게 알려줍니다.
웹 사이트 홈페이지에 넣을 제목 태그는 무엇입니까?
홈페이지(또는 서비스 페이지와 같은 다른 페이지)도 제목의 계층 구조를 가져야 합니다. <head>섹션에서는 H1, H2, H3 등 아래에 배치하는 것이 좋지만 최대 표제 태그 수는 없습니다. H1의 경우에도 단일 제목으로 제한할 필요가 없습니다(아래에서 자세히 설명).
그러나 제목에 "회사 소개" 또는 "자세히 알아보기"와 같은 섹션을 넣는 것은 내용 측면에서 많은 것을 추가하지 않는다는 점을 기억해야 합니다. 또한 H5-H6과 같이 덜 중요한 제목을 사용하는 것은 거의 무의미합니다(기사의 레이아웃 측면 제외).
한 페이지 웹사이트 = 하나의 H1 제목 태그?
한 페이지 웹 사이트의 경우 블로그 기사만큼 명확하지 않습니다. HTML5 사양 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html)에서 HTML 문서의 개별 섹션을 정의하는 <section> 태그를 찾을 수 있습니다. 섹션에는 일반적으로 제목이 포함되므로 모든 섹션은 다른 계층 구조를 가질 수 있습니다. 예를 들면 다음과 같습니다.
<섹션 ID="정보"> <h1>내 소개</h1> <p>나에 대한 텍스트:)</p> <h2>내 이름은 Dawid...</h2> <p>나에 대한 두 번째 단락. ㅋㅋ :)</p> </섹션> <섹션 ID="포트폴리오"> <h1>내 포트폴리오</h1> <p>최근 프로젝트...</p> </섹션> <섹션> <h1>평가</h1> <p>만족한 고객의 의견...</p> <h2>최신 트윗</h2> <p>트윗 1</p> <p>트윗 2</p> </섹션> <섹션> <h1>연락처</h1> </섹션>
위에서 볼 수 있듯이 각 섹션에는 다른 H1 제목이 있고 그 다음에는 H2 제목이 있습니다. 하나 이상의 H1 제목 태그와 후속적으로 H2, H3 등을 갖도록 결정할 수 있지만.
Google은 Hx 태그에 대해 무엇이라고 말합니까?
Google 직원은 제목 태그에 대해 많은 말을 했지만 최근 의견을 인용할 가치가 있습니다. 1년 전 John Meuller 는 웹마스터를 위한 Google 포럼에서 다음을 작성했습니다. https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA
“우리는 HTML5를 다르게 취급하지 않으며 한 페이지에 여러 H1 태그를 갖는 것이 좋습니다. 합리적으로 사용하고 합리적인 곳에 사용하십시오. H1 사용에 대한 불이익은 확실히 없습니다.”
조금 후인 2017년 4월에 John은 Twitter(https://twitter.com/JohnMu/status/852131231928135680)에서 한 페이지에 몇 개의 H1 제목을 사용할 수 있는지에 대한 질문에 아주 간략하게 답변했습니다.
마지막으로 Google 웹마스터 채널의 "SEO Snippets" YouTube 시리즈의 일부로 해당 문제에 대한 짧은 가이드가 업로드되었습니다.
콘텐츠 제목에 대한 기타 필수 정보
Google 직원이 (적어도 공식 성명에서) 표제 태그에 대한 유연한 접근 방식을 제안하지만 따라야 할 몇 가지 규칙이 있습니다.
- 페이지의 제목을 남용하지 마십시오
- 사용자가 주어진 단락이 시작하고 끝나는 위치를 결정하는 데 도움이 되도록 이해가 되는 곳에 제목을 사용하고 그 아래에 있는 텍스트를 반영할 때 사용합니다.
- 제목에 전체 단락(모든 내용)을 넣지 마십시오.
- 특히 부자연스러운 형태로 키워드만 사용하지 마십시오.
- 제목과 본문 텍스트 모두에 동일한 글꼴 크기를 사용하여 본문 텍스트의 제목을 숨기지 마십시오.
- 구조 계층을 순서대로 유지
- 때때로 제목 태그 ???? 대신 <strong> 태그를 사용하십시오.
콘텐츠를 생성할 때 과도하게 최적화하거나 과소 최적화하지 마십시오. 대신 기사, 가이드 또는 기타 블로그 게시물을 포함하여 웹사이트의 콘텐츠를 소화하는 사용자의 감정에 집중하고 균형을 유지하기 위해 노력하십시오. 결국 제목은 Google 검색 엔진의 순위 결정 요소이므로 무시해서는 안됩니다.