web-dev-qa-db-ja.com

見出しを非表示にしたくないが、無題の記事はしたくない

現在、記事のタブ（ブートストラップ）を含むサイトを構築しています。タブはユーザーの見出しとして機能するため、記事に見出しを表示したくありません。

ただし、タブボタンはnav要素内にあるため、コンテンツに関連していません。

ドキュメントの概要を説明すると、すべての記事にタイトルが付けられません。見出しを追加して非表示にすると、Googleは私を嫌います。ベストプラクティスは何ですか？記事に見出しがある場合、違いはありますか？

googlearticlesheading
4
Sebastian Starke

私の知る限り、良好なSEOのために見出しタグ（H1、H2など）はオプションです。今日のGoogleのアルゴリズムは、ページ上のSEO要因をそれほど重視していません。実際、Googleは現在、キーワードの過剰使用（キーワードスタッフィング）により多くの場合ペナルティを課しています。

3年前、キーワードにランク付けする場合は、そのキーワードをターゲットにしたページを作成します。キーワードは、タイトル、見出し、メタ説明で使用し、ページの本文で数回使用します。キーワードをアンカーテキストとして使用して、そのページに内部的に頻繁にリンクします。キーワードをアンカーテキストとして使用して、外部サイトからそのページへのリンクを作成します。

今日、それは災害のレシピです。

今日、あなたはそのキーワードの周りにいくつかのページを作り、そのキーワードのすべての側面をカバーしたいと考えています。キーワードとその同義語をタイトルタグで使用しますが、フレーズの一部としてasタイトルタグは使用しません。テキスト内で適切な場合にキーワードを使用しますが、自然に聞こえない場合はキーワードを入れないように注意してください。ページをリンクする必要があります。外部リンクを取得したいが、長いフレーズ、ドメイン名、「ここをクリック」など、より自然なアンカーテキストを使用します。

今日のGoogleアルゴリズムでは、見出しタグは少し役立つかもしれませんが、不適切に使用すると傷つく可能性があり、必須ではありません。

0
Stephen Ostermiller

HTML5がどのように機能するかについて間違っていると考えてください。 NAV要素がArticleタグ内にある場合、その関連。実際、記事内でNAVを使用することは、優れたSEOになる可能性があります。使用できるNAV要素の数に制限はありませんが、マークアップにはlessを使用し、コードを可能な限り最小限に保ち、罰せられることはありません。

例えば：

<html>
<body>
<header>
    <div id="logo">
        <h1>I am the site name</h1>
    </div>
    <nav>
         <ul>
             <li>Site Menu 1</li>
             <li>Site Menu 2</li>
             <li>Site Menu 3</li>          
        </ul>
    </nav>
</header>
<aside>
    <nav>
         <ul>
            <li>Sidebar Menu 1</li>
            <li>Sidebar Menu 2</li>
            <li>Sidebar Menu 3</li>          
        </ul>
    </nav>
</side>
<article>
    <header>
        <nav>
             <ul>
                <li><h1>Tab 1</h1></li>
                <li><h2>Tab 2</h2></li>
                <li><h3>Tab 3</h3></li>
            </ul>
        </nav>
    </header>
    <div id="tabcontent">
        <p>I am the tabbed content</p>
    </div>
    <footer>
        <p>You can include some additional information here which is always invisible on all 3 tabs</p>
    </footer>
</article>
<footer>
    <div id="copyright">Copyright Information</div>
</div>
</body>
</html>
0
Simon Hayter