<h1>의 남용은 좋지 않았지만 이제는 HTML5를 사용합니까?


22

과도하게 사용하면 과도하게 <h1>최적화 된 패널티 가 발생할 수 있지만 HTML5 <h1>에서는 동일한 페이지 (중첩 섹션 내부)에서 여러 개를 사용할 수 있습니다.

Google은 <h1>제목이 포함 된 페이지 만 어떻게 처리합니까?


나는 구글이 무엇을하는지 모르지만 언젠가는 그들을 처벌하고 남은 생애 동안 지옥에 보내길 바란다! HTML5에 의해 우리에게 제공되는 모든 아름다운 것들과 함께, 사람들이 왜 <h1>코드에서 중첩 태그를 사용하여 부풀려 야 하는지를 이해하려고 애 쓰고 있습니다. " <title>내 페이지에 태그 가 두 개 이상 있습니까?" 대답은 아니오입니다. 왜 <h1>페이지에 둘 이상의 태그 를 추가해야합니까 ?!
Marco Demaio

1
여러 H1 태그 사용과 관련하여 SEO와 동일하지 않은 경우 매우 유사 합니까?
Zhaph-Ben Duguid

1
@MarcoDemaio, H1태그는 태그와 동일하지 않습니다 TITLE. HTML5에서 소개 한 거의 모든 섹션 요소와 HTML5 개요 알고리즘은 단일 페이지에 하나 이상의 기사가 포함될 수 있다는 개념을 해결하기 위해 만들어졌습니다. 한 페이지에 Wikipedia의 대부분의 페이지와 같이 단일 기사가 포함 된 경우 H1-H6 만 사용하는 것이 좋습니다. 페이지에 여러 기사 티저를 표시하기 시작하면 H1-H6 태그 만 사용하여 콘텐츠를 구성하면 혼란스러워집니다.
thirdender

@thirdender : IMHO 여러 기사가 포함 된 한 페이지를 표시하면 페이지 <h1>의 실제 이름을 "Articles about about ..."이라고 말하고 기사 제목이 래핑 될 수 있습니다. <h2>왜 그런지 알 수 없습니다. <h1>페이지에서 여러 시간 을 사용해야 합니다.
Marco Demaio

1
@MarcoDemaio, 예, 그렇게 할 수는 있지만 HTML5 섹션 요소를 최대한 활용하지는 못합니다. 스매싱 매거진 : 구조적 의미 – HTML5 섹션 요소의 중요성을 참조하십시오 . 그는 역사적 문서를 설명하는 메커니즘의 단점과 새로운 HTML5 섹션 요소로 어떻게 해결되는지를 잘 알고 있습니다. 이는 삶을 편하게함으로써 프로그래머에게 도움이되고, 개요 방식을 의미있는 방식으로 표준화함으로써 스크린 리더 사용자에게 도움이됩니다.
thirdender

답변:


14

Matt Cutts에 따르면 Google은 여러 개의 <h1>태그 가 있다고 사이트에 불이익을주지 않습니다 . 인덱서가 태그 안에 모든 텍스트 <h1>를 포함 하는 것과 같이 엄청나게 많은 남용을 감지 <h1>하고 그러한 페이지에 불이익을 주도록 프로그래밍 될 수 있지만 직접 확인하지는 못했습니다. 그것은 이다 가능성이 높다 자신의 인간의 직원이, 같은 페이지에 경고 경우, 남용으로 볼 그에 따라 행동 것이다.

나는 구글에서 일을하지 않고 나는 그들의 알고리즘 방법 아무 생각도 없어 실제로 경우 (아는 사람에 의한 관찰과 글에서 추론 할 수있는 이상) 작품이 있지만, 나는 그들의 제목 처리하는 코드를 작성했다, 나는 할당 할 것을 페이지 당 일정량의 "제목 가중치"를 적용하고 해당 가중치를 페이지의 모든 표제에 비례하여 나눕니다. 이렇게하면 두 개의 <h1>태그를 갖는 것이 하나의 긴 하나를 갖는 것과 정확히 동일한 효과를 가지며 <h3>페이지의 태그 만 사용하는 것은을 사용하는 것과 정확히 동일한 효과를냅니다 <h1>. 그것은 구글이하지 않은 경우 오히려 놀랄 거라고 그런 뻔한 해결책 뭔가를 더 많거나 적은 같은.


1
Asker는 언급 된 내용을 정확하게 언급하지는 않지만 Ilmari가 링크하는 비디오가 2009 년이라는 것을 주목할 가치가 있습니다. 특히 최적화가 과도한 페널티 (궁극적으로 Penguin )를 목표로 한 업데이트 는 약 일주일 전에 소개되었습니다. .
Su '

8

일반적으로 <h1>한 페이지에 하나만 있거나 <h1>HTML5 섹션에 1 개만있는 것이 가장 좋습니다 . 구글은 HTML 기준을 충족 당신을 처벌하지 않으며 여러 줘서 불이익을 것 <h1>'들 -이 줘서 불이익 <h1> '하지만이야.

중요한 점은 컨텐츠의 요구 사항과 사용자의 요구 사항에 대해 점이다 - 즉, 그들이 목격 여부이어야 한다 날 실시한다.

다음은 Google의 Johnathan Mueller가 Google이 HTML 5 색인을 생성 할 수 있고 특별한 작업을 수행하지 않는다는 것을 확인합니다 (예 : HTML 5 사용에 대한 보상).

Google의 크롤링 및 색인 생성 시스템은 현재 HTML5에 대해 특별한 작업을 수행하지 않으므로 HTML5 구문을 사용하기위한 "보너스"는 없지만 일반적으로 단점도 없습니다. 즉, 내가 본 HTML5 마크 업이있는 대부분의 페이지는 "깨끗한"요소와 불필요한 요소가 거의없는 매우 깔끔한 경향이 있습니다. 깔끔한 마크 업을하는 것은 알고리즘에서 명시 적으로 찾는 것이 아니지만 때때로 거의 분석 할 수없는 페이지를 보게됩니다. 또한 깨끗한 마크 업을 사용하면 웹 사이트를 훨씬 쉽게 유지 관리하고, 마이크로 포맷과 같은 새로운 요소를 쉽게 추가 할 수 있으며, 다양한 브라우저와 장치에서 페이지를보다 이식성이 좋게 만들 수 있습니다. 그래서 그것을 염두에두고 HTML5로 멋진 사이트를 만드는 데 (검색 관점에서) 방해하지 않습니다. :)


당신이 말하는 것을 증명하십시오. Google이 TODAY html5를 이해하고 있음을 증명하십시오. 그러나 오늘?
skyline26

1
matt cutts의 블로그 : 과도한 H1 태그 – 모두 함께 : H1은 최고의 제목입니다. 나머지는 H2와 H3입니다. 기사 또는 페이지 당 하나의 H1 제목 만 있어야합니다.
skyline26

@toPeerOrNotToPeer 예, 정확합니다. 표준을 준수하면 문제가 없지만 Google은 여러 H1에 대해 처벌하지 않으며 HTML 5를 이해합니다.
toomanyairmiles

단일 H1 제한은 사실이 아닙니다.
Su '

@Su '사양에 없습니다. 그것은 일반적으로 받아 들여지는 연습입니다-나는 사건을 과장했습니다.
toomanyairmiles

3

모든 사람은 항상 2009 년부터 Matt Cutts 게시물을 가리 킵니다. 다음 은 라이브 웹 캠 채팅 중 2011 년부터 Matt Cutts가 <h1>페이지 당 단일 태그에 대한 선호도를 명시한 비디오입니다 .


사이트에 오신 것을 환영합니다! 유익한 링크입니다. 질문을보다 잘 해결하기 위해 답변을 조금 확장 할 수 있습니까? 그렇지 않으면 답변이 댓글에 더 가깝습니다. 감사!
dan

3

항상 <h1>한 문서에서 여러 개를 사용할 수 있으며 절대로 불이익을받지 않았습니다. 동안 일을 그 자체에 문제가 만들 수있는 것입니다.

Google의 경우 엔지니어가 작업을 수행하고 있으며 HTML5를 올바르게 색인 생성하는 경우 Googlebot은 중첩 된 <h1>수준이 효과적으로 "아래로"내려 갔다는 것을 알고 있어야 합니다. 당신이 그것을 믿지 않는다면, 그것을 믿지 말고 <h2>명확하고 직접적인 대답을 얻을 때까지 수동으로 만드 십시오. (@toomanyairmiles의 답변에서 Johnathan Mueller의 게시물에 대한 링크는 흥미롭지 만 나에게 충분하지는 않습니다.) 나는 이것이 아직 일어나지 않은 것을 보았습니다.


1

이 질문은 <h1>태그가 페이지의 하나의 주요 제목을 나타내는 논리를 기반으로한다고 가정 합니다. 이전에는 그랬지만 HTML5는 이러한 유형의 논리를 변경했습니다. HTML5에서 <h1>태그는 섹션의 기본 제목입니다. 이것은 전체 페이지, 서브 페이지, 모듈 등이 될 수 있습니다. 이러한 차이점이 중요한 이유는 다른 활동 전용의 다른 섹션으로 구성된 모듈 식 시스템을 구축 할 때입니다.

여러 개의 "페이지"가 ​​나란히 정렬되어있는 시스템을 상상해보십시오. 각 페이지는 날씨, 작업 구성, 디스플레이 고객 등의 다른 목적으로 사용됩니다. 각 페이지는 시간별 예측, 단일 작업, 단일 고객 등으로 세분화 될 수 있습니다. "하위 페이지"는 실제 페이지와 함께 시각적으로 배치 될 수 있습니다.

HTML5를 사용하기 전에 어떤 헤더 태그가 적합한 지 논리적으로 결정해야하고 6 단계 이상으로 깊이 들어가면 헤더 태그가 부족합니다. HTML5를 사용하면 <h1>추가 논리 나 중첩 제한없이 모두 설정할 수 있습니다 .


그러나 그는 "Google이 페이지를 처리 ​​할 것인가 ..."라고 물었다. 당신이 생각하는 시스템은 웹리스트가 아닌 웹 애플리케이션 인터페이스처럼 보입니다. 일반적으로 웹 응용 프로그램은 로그인 뒤에 있어야하므로 Google은 전혀 크롤링 할 수 없습니다.
Marco Demaio
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.