web-dev-qa-db-ja.com

サイドバーで見出しタグを使用する必要がありますか？

写真のようにシンプルなブログのようなウェブサイトを想定してください：

enter image description here

  • 赤テキストはこのページのみに関連するテキストです（特定の記事）
  • 緑は、このページの主題に関連する記事の見出しです
  • 青はこのページとはまったく関係のないテキストです
  • Blackは、すべてのページで繰り返される「ガイドラインテキスト」です。

あなたは明らかにあなたのウェブサイトを最適化したい-現在の記事-記事のコンテンツ（red）。そのため、この記事では、H1タグからH3タグまでの見出しを使用しています。

しかし、サイドバーと関連記事のテキストはどうですか？以前は「関連記事」にH2を使用し、関連記事「方法を探す」にはh3を使用していましたが、多くの記事があり、それぞれに「関連記事」や「サイドバー」などのh2テキストがありました。私のウェブサイトで最も注目すべきキーワードは「記事」と「サイドバー」であることがGoogle Webmastersでわかったので、Googleは私のウェブサイトのコンテンツは「記事」と「サイドバー」についてであり、それは私が達成したいものではないと考えています。

関連記事にh4を使用し、関連記事の見出しにh5を使用することを考えていましたが、記事の見出し構造とは一致しません（h4を使用するには記事をh3で終了する必要があります）。

googleの従業員からのビデオもあります（ http://www.youtube.com/watch?v=iR5itZlq8sk ）、そうではないと言うコンテンツをH2-> H4（H3なし）のように構成する場合は問題になりますが、以下の説明では、正しい順序でコンテンツを作成する方がはるかに良いと述べています。

したがって、最大値を達成するには、上記の例のHxタグをどのように構成する必要があります。 SEO（単なるホワイトハットテクニック）？

seoheading
4
Joudicek Jouda

見出しはドキュメントに構造を与えます。これは覚えておくことが重要です。 SEOを忘れてください。正しいことをすれば、訪問者とランキングが表示されます。

さて、H1-H6の使用について。

正しいことをして、この主題に関するHTML5の柔軟性を活用する場合、言及するセクションごとにセクションが必要です。各セクションには見出しがあります。これらの見出しは、1から6まで順番に使用する必要がありますが、各セクションは、他のセクションの他の見出しから独立しています。

セクションと言っても、それがセクションであろうと記事タグであろうと関係ありません。セクションと記事は最も一般的なものですが、他のフローコンテンツタグも同様です。

結論、はい、提供しているコンテンツに意味がある場合は使用する必要があります。

これは単なる例であり、セクションと記事の正しい使い方は何をしたいかによって異なります。

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>title of the page</title>
        </head>
    <body>
        <section>
            <h1>main title of the section</h1>
            <p>some text</p>
            <p>some text</p>
            <h2>Secondary title of this section</h2>
            <p>some text</p>
        </section>
        <article>
            <header>
                <h1>main title of the section</h1>
            </header>
            <p>some text</p>
            <p>some text</p>
            <h2>Secondary title of this section</h2>
            <h3>Terciary title of this section</h3>
            <p>some text</p>
            <h3>Terciary title of this section</h3>
            <p>some text</p>
            <h2>Secondary title of this section</h2>
            <p>some text</p>
        </article>
    </body>
</html>
2
PatomaS