web-dev-qa-db-ja.com

H1要素の上にH2を配置するSEOおよびHTMLセマンティクス？

これは、SEOとセマンティックHTML /コンテンツアーキテクチャの両方の観点からの仮説です。


一貫性のあるコード

複数ページのサイトを構築する場合、次のアーキテクチャon all pagesを採用するのはかなりコードの管理性に共通：

<h1>Company Name</h1>   <h1>Company Name</h1>   <h1>Company Name</h1>   etc.
<h2>Tagline</h2>        <h2>About Us</h2>       <h2>Category 1</h2>     etc.

ただし、この慣行に反対するconsiderationsが2つあります

  1. H1要素のセマンティクスを考慮すると、ページのメインヘッダーと見なされます。この場合、各ページの先頭には同じ会社名が付けられます。
  2. SEOに関しては、ページのtargetキーワードをH1に配置します おそらくランクを上げるのに役立ちます （たとえ少しでも）。


交互H1

それを考慮すると、次の方が優れているようです。

<h1>Company Name</h1>   <p>Company Name</p>     <p>Company Name</p>     etc.
<h2>Tagline</h2>        <h1>About Us</h1>       <h1>Category A</h1>     etc.

このように、各ページの先頭の見出しは各ページのメイントピックに関係します。また、各ページは、H1にあるものすべてについて検索エンジンでランク付けするより良い機会を持ちます。*

しかし、ちょっと待って...

この方法では、サイトアーキテクチャが次のようになると問題が発生します。

Home
About Us
Category A
Category A - Product W
Category A - Product X
Category B
Category B - Product Y
Category B - Product Z
etc.

この場合、bothをコード内で目立たせて、検索で適切にランク付けする必要があります。

セマンティックプラクティス に従い、製品名はH2のままになります。

しかし、それは元の目標に反します：H1をページの最も記述的な見出しにすることです。


H2はH1より上

それで、それは私たちに何を残しますか？カテゴリをH2に配置し、製品名をH1に配置します。

<h1>Company Name</h1>   <p>Company Name</p>     <p>Company Name</p>     etc.
<h2>Tagline</h2>        <h1>Category A</h1>     <h2>Category A</h2>     etc.
                                                <h1>Product X</h1>      etc.

しかし、ちょっと待ってください。セマンティックHTMLとは言いませんでしたか？ページのアウトラインが次のようになるため、これはセマンティックではなくなりました。

    1.1 Category A    <h2>
1.0 Product X         <h1>

意味的に正しい代わりに：

1.0 Product X         <h1>
    1.1 Category A    <h2>

しかし、それはもはや目的を満たしていません...


ここでの解決策は何ですか？

どうやってすべてを手に入れることができますか？

SEOの目的で<h1>内のページの最も関連性の高い見出しですが、「カテゴリA」の上に「製品X」をセマンティック上の重要度で配置し（両方とも見出し）、ドキュメントの最初に「カテゴリA」を表示します。

<hgroup>要素内にH2とH1を（この順序で）配置することは考えられますが、それでもセマンティクスには役立ちません。

H2 単独を<hgroup>または<section>の内部に入れると役立ちますか？それは意味的に正しいでしょうか？


* #idおよびp要素にCSS h1セレクターを使用することにより、3つすべてで会社名を簡単に均等にスタイル設定できます。

seokeywordsarchitecturesemantic-webheading
1
Baumr

多くの人は、ページ上でH1を1つしか使用しないと想定します。そうしないと、ページの実際のコンテンツが希釈されます。これは単に真実ではありません。コンテンツのH1会社名、次にH1は、絶対に有効です。

Googleには、ヘッダーやフッターなど、ページのコンテンツとそうでないものを判断する機能があります。複数のh1、h2によるコンテンツの希釈が依然として懸念される場合は、HTML5を使用して、Googleに対して、コンテンツやそうでないもの（脇や記事など）をより明確にすることができます。

例えば：

<body>
<header>
    <h1>Company Name</h1>
    <h2>Tagline</h2>
</header>
<aside>
    <h2>Category A</h2>
</aside>
<article>
    <h1>Article Name</h1>
</article>
<footer>
</footer>
</body>

Googleは多くの要素を考慮して、ページがランキングに最もふさわしいものを検討することに注意する必要があることに注意してください。 Googleはこれをキーワードのランキングだと考えています。カテゴリAなどのページでは、タイトル、メタ、またはコンテンツの要素に実際にランク付けしようとしている単語と同じ名前の会社名は使用しません。そのため、H1は他のH1とは無関係であることがほぼ確立されています。

1
Simon Hayter

20％SEOの話は受け入れられません。

Googleは、各H1タグが各セクションタグに属している/ラップされている場合、同じHTMLページに2つ以上のH1 tgsを公開するさまざまな理由を明確に識別します。セマンティックHTML 5では、各SECTIONタグには少なくとも1つのHタグが必要です（通常、必要に応じてH1またはH2）。あなたの場合、最初のセクションの最初のH1として「カテゴリ名」を、2番目のSECTIONタグの最初のH1として「製品名」を配置する方が適切です。その場合、最初のH1（カテゴリ名）の下に少なくとも1つのPタグを保持し、次のH1（製品名）の下に少なくとも1つのPタグを保持することをお勧めします。クローラーと人間の訪問者の両方にコンテンツの流れをより意味のあるものにします。

現在、1つのカテゴリに属する​​1つの製品のみを販売する必要がある場合、この方法は非常に受け入れられます。

次に、Googleは、「カテゴリ名」と「製品名」という2つの主要な事実が主要な見出しとして考慮されることを考慮します。このような状況でHTML 5 Microデータを埋め込むことを強くお勧めします。これは、「カテゴリ」の意味と「製品」の意味と、これら2つの関連概念の関係をGoogleに明確に伝えるためです。詳細は以下にあります： https://www.w3.org/TR/microdata/

enter image description here

1
Webengineer