SEOの場合、H1要素はページごとに1回だけ使用してください

最適なSEOを実現するために、ウェブサイトのページごとに1回だけH1要素/タグを使用する必要がある理由を学びましょう。

Web開発者またはデザイナーが最初に学ぶことの1つは、H1からH6までの6レベルのHTML5の見出し要素です。

初心者として、H1は最も重要な要素であり、メインのタイトルや見出しなど、最も重要な要素に使用する必要があると言われています。次に、そこから下に向かって作業し、コンテンツの小見出しとしてH2、H3、H4などを使用します。

多くの初心者が同じページでH1タグを複数回使用していることに気づきました。これは、そのページの複数のテキスト要素が重要であると彼らが考えているためだと思います。ただし、これは問題です。

検索エンジンは、H1タグ内にラップされているコンテンツはすべて、コンテンツのヘッドライン（メイントピック）であると自動的に想定します。これは重要です。SERP（検索エンジンの結果ページ）で何かを検索すると、Enterキーを押したときに表示されるのは次のとおりです。

• タイトル
• メタディスクリプション
• URL

ページごとにH1を複数回使用している場合は、各ページの優先順位を低くします。検索エンジンは、検索結果を検索者に表示するときに、どのH1見出しを選択するかをどのように知るのですか？デフォルトでは、検索エンジンは通常 上から下に選択しますが、コンテンツのインデックス作成と表示方法にさまざまな要因が影響する可能性があるため、これは保証されません。

検索エンジンはH1の見出しを使用して、各ページで最も重要なトピックを決定しますが、すべてが重要であると言っている場合は、何も重要ではありません。

H1の使いすぎの典型的な例は、作成者がプロジェクトのリストを表示するグリッドアイテムギャラリーをフロントページに持っているポートフォリオです。

最初は、グリッドアイテムのプロジェクトタイトルにH1を使用するのが理にかなっています。これは、各プロジェクトがそのプロジェクトを説明する個別のURLにつながるためです。

これは正しくないSEOです。

これが正しい方法です：

• クライアントプロジェクトのグリッドリストを表示するフロントページでは、グリッドアイテムのタイトルにH2、H3、またはH4のいずれかを使用する必要があります。
• 各プロジェクトのページで、プロジェクトのタイトルをH1（<h1></h1>）で囲む必要があります。 ）タグ。プロジェクトページごとに1つのH1要素。

各ページで必要な数のH2、H3、H4などを使用できるため、これら3つの見出しタグの1つを選択して、グリッドアイテムのタイトルを折り返します。

なぜH2、H3またはH4？どちらが重要ですか？そうは思いません。 （ランキングの観点から）上位のWebサイトのほとんどが、これら3つの見出しのいずれかを使用していることに気づきました。 H2がH3またはh4よりも優れているという証拠は見つかりませんでした。

参考として：

• css-tricks.comおよびScotch.ioはH2を使用します
• Medium.comとsidebar.ioはH3を使用しています

見出しは、コンテンツがどのように編成されているかを検索エンジンに伝えるためだけでなく、コンテンツの階層についてユーザーに視覚的に伝えるためにも使用されることを考慮する必要があります。

グリッドアイテムのタイトルを表示するために使用する見出し要素は、Webサイトで使用するタイプスケール（フォントサイズのリスト）によって簡単に決定できます。したがって、H3がfont-size: 1.5rem;に設定されている場合 そのフォントサイズはグリッドアイテムのタイトルに最適です。それを使用します。