Optimizleyランディングページバナーには2つのh1
要素があります :
<div class="header-container tooltip-container"> <h1 class="mkt-hero__header optly-header-one">Hello!</h1> <h1 class="mkt-hero__header">Let's optimize digital experiences for your customers.</h1> <span class="tooltip"><!-- […] --></span> </div>
他のサイトでこれを見た場合、それは悪い習慣として却下します。しかし、Optimizelyは、サイトパフォーマンスの最適化に関する本を書いたYC同窓生です。
2つのh1
要素を使用することを選択した理由を誰もが知っていますか?
あなたが正しい。同じセクション内の2つのh1要素は、セマンティックまたは構造的には良いアイデアではありませんが、HTMLエラーではありません。ほとんどの場合、コピー/貼り付けのエラーですが、一部の人々が自分の仕事をする理由を知っている人がいます。
常に1つの会社を見て、彼らが誰であろうと、常にあらゆる方法で完全にコードを書いているとは思わないでください。
原則として悪い習慣ではありませんが、例の実装はです。
ページで複数の<h1>
要素を使用することは完全に有効なHTMLであり、SEOで適切に使用すれば問題ありません(要するに、個別のセクションの見出しとしてコンテンツの)。
元Googleエンジニア Matt CuttsはQ&Aビデオでこれを確認しています 。彼は過去に<h1>
sの使い過ぎが悪用されており、そのアルゴリズムは「それを考慮に入れようとしている」と述べていることに注意してください。
最初の<H1>Hello!</H1>
は、実際にはジオターゲティングのプレースホルダーです。会社の名前を追加します(IP情報に基づいて)そのこんにちはにアクセスし、夜に訪れると、テキストをStill Awake?
に変更します(バックエンドのコードが残っている場合でも) 「hello」)、2番目のH1が続きます。
たとえば、ローカルPCからWebサイトを開くと、Hello, (ISP Name)
が表示されますが、フランス(深夜0時過ぎ)にあるVPSから開くと、Still Awake?
の後にハードコードが表示されますH1。
それらすべてを単一のH1に含めることができたとしても、H1を使用してUXを強化し、Googleのゲームにキーワードを詰め込まないため、セットアップに問題はありません。
Googleは、一部のHTML要素を他のすべてとは異なる方法で処理します。タイトルタグ、説明メタタグ、キーワードメタタグ(減価償却済み)、およびh1タグは、これらの要素に与えられる重みと特定の影響に固有の影響を与えることがわかっています。その場合、Googleは常に最初に見つかったものを取得し、残りを無視します。これは、そうではなく、歴史的な振る舞いです。
これは、複数のh1タグを持つことは良い考えではありませんが、時間の無駄でもあることを意味します。
あなたの例の最初のタグはあまり役に立たないので、特に複数のh1タグを使用する理由を誰が知っているのでしょうか?最初のh1タグは、SEOではなく別の理由で存在する可能性があります。おそらく間違いです。それ以外の場合は、意味がありません。