web-dev-qa-db-ja.com

<h1>の使い過ぎは悪かったが、今ではHTML5で?

<h1>を使いすぎると最適化のペナルティにつながることがわかっていますが、HTML5では、同じページ(ネストされたセクション内)で複数の<h1>を使用できます。

Googleは<h1>タイトルのみを含むページで何をしますか?

22
skyline26

Matt Cuttsによると、 Googleは複数の<h1>タグを持っているだけでサイトにペナルティを科しません 。彼らのインデクサーは、<h1>のひどい乱用を検出するようにプログラムされる可能性があります。たとえば、allのテキストを<h1>タグ内に持つなど—そのようなページにペナルティを科すことができます。それisそのようなページに警告された場合、彼らの人間のスタッフはそれを乱用と見なし、それに応じて行動する可能性が非常に高い。

私はGoogleで仕事をしておらず、彼らのアルゴリズム実際(知っている人の観察や投稿から推測できるものを超えて)がどのように機能するのかわかりませんが、Iは、見出し処理コードを記述し、ページごとに一定量の「見出しの重み」を割り当て、その重みをページ上のすべての見出しに比例して分割します。そうすれば、2つの<h1>タグを持つことは、1つの長いタグを持つこととまったく同じ効果があり、ページで<h3>タグのみを使用すると、<h1>だけを使用することとまったく同じ効果があります。これは明らかな解決策なので、Googleがそうしなかった場合はかなり驚きますsomething多少なりともそうです。

14
Ilmari Karonen

一般に、ページに<h1>を1つだけ、またはHTML5のセクションに<h1>を1つだけ置くことがベストプラクティスとして受け入れられています。 Googleは、HTML標準を満たすことに対してペナルティを科すことも、複数の<h1>を有することに対してペナルティを科すこともありません-itmayのみ<h1>が。

重要な点は、コンテンツの要件とユーザーの要件に関することです-目が見えるかどうかにかかわらず、shouldはその日を運びます。

GoogleがHTML 5のインデックスを作成できることを確認しているGoogleのJohnathan Mueller であり、特別なことは何もしていません。

クロールシステムとインデックスシステムは現在、HTML5に対して特別な処理を行っていません。そのため、HTML5構造を使用することに対する「ボーナス」はありませんが、同様に一般的に欠点もありません。そうは言っても、私が見たHTML5マークアップのあるページのほとんどは、非常にきれいである傾向があります-"クラフティング"と不要な要素はほとんどありません。クリーンなマークアップを使用することは、アルゴリズムが明示的に検索するものではありませんが、ほとんど解析できないページが表示されることがあります。また、クリーンマークアップを使用すると、Webサイトの保守がはるかに簡単になり、マイクロフォーマットなどの新しい要素を簡単に追加できるようになります。また、さまざまなブラウザーやデバイス間でページをより頻繁に移植できるようになります。したがって、そのことを念頭に置いて、HTML5で素晴らしいサイトを作成することから(検索の観点から)あなたを妨げるものは何もありません:)。

8
toomanyairmiles

1つのドキュメントで複数の<h1>を使用することは常に許可されており、勝手に罰せられることはありませんでした。 Overそれを行うと、それ自体が問題になる可能性があります。

Googleに関しては、エンジニアが仕事をしていることを信頼する必要があります。HTML5を適切にインデックス付けしている場合、Googlebotはネストされた<h1>がレベルを効果的に「押し下げる」ことを認識します。信頼できない場合は、それを行わず、明確で直接的な回答が得られるまで手動で<h2>にしてください。 (@toomanyairmilesの応答にあるJohnathan Muellerの投稿へのリンクは興味深いですが、私にとっては完全ではありません。)私はまだこれが起こるのを見ていません。

3
Su'

この質問は、<h1>タグがページのメインタイトルを表すというロジックに基づいていると思います。それは前の日には当てはまるかもしれませんが、HTML5はそのタイプのロジックを変更しました。 HTML5では、<h1>タグはセクションのメインタイトルです。これは、フルページ、サブページ、モジュールなどです。この違いが重要な理由の良い例は、さまざまなアクティビティ専用のさまざまなセクションのモジュラーシステムを構築する場合です。

複数の「ページ」が並んでいるシステムを想像してください。各ページの目的は異なります。1つは天気、1つはタスクの整理、もう1つはディスプレイの顧客などです。これらの各ページは、さらに詳細にドリルダウンできます(時間ごとの予測、単一のタスク、単一の顧客)。 「サブページ」は、実際のページと一緒に視覚的に配置できます。

HTML5より前は、適切なヘッダータグを論理的に判断する必要があり、6レベルを超える深さになると、ヘッダータグが不足していました。 HTML5では、追加のロジックやネストの制限なしに、すべてを<h1>として設定できます。

1
KOVIKO