HTML見出し:ドキュメント構造の見出しを追加するための完全なガイド
コンテンツ見出し
六つの見出しタグは、HTMLコンテンツ作成の重要な部分です。 それらが満たす幾分明らかな必要性のほかに(人々は時々事の上に見出しを置きたいと思う)、見出しの札にまたSEOの価値があり、より組織された作家であるのを助け、ページをよりユーザーフレンドリーにさせる。,
見出しタグとSEO
検索エンジンがあなたのページについて把握しようとしている二つのことがあります：
- それは何ですか？li>
- それはどのように良いですか？
一般的に、ページへのリンクは品質（それがどれほど良いか）の尺度として使用され、ページ上の分析はページが何であるかを把握するために使用さ （もちろん、ここでいくつかの重複があります：Googleはページを見てページの品質についていくつかの判断を下し、また、彼らはそれにリンクするときに他のページ,）Googleや他の検索エンジンが見ている（多くの）ものの一つは、ページのコンテンツを決定する見出しタグの内側に表示される単語です。 そういうわけで、特定の単語か句のためにランク付けすることを試みればそれはあなたの見出しの札にそれらの単語および句を含める実際に考え
より組織化された書き込み
人々が見出しタグを使用せずに書くとき（たとえば、手で書くとき、またはMS Wordのようなビジュアルエディタで書くとき）、彼らはしばしば長すぎるテキストの長く切れ目のないストリームで書くことがあります。, または、さらに悪いことに、彼らが追加視覚見出し(大胆に、すべてのキャップ、大きなテキスト、または、地下鉄からも近くて便利。 これは非常に共通している一方で、わずかなるすべての最大文字小さなチャンク. その問題は、異なるセクションが互いにどのように関連しているかが明確ではないということです。 15ptフォントのセクションは、14pt太字フォントの部分の見出しのサブセクションであることになっていますか？ 彼らは本当にそれについて考えていなかったので、多くの場合、でも作家は知りません。,
見出しタグはコンテンツ階層を作成します
単一のコンテンツ（ほとんどのページ）を持つページでは、そのコンテンツのメインタイトルは<h1> そのコンテンツ内の主要なセクションは、<h2>でヘッドライン化する必要があります。 これらのセクション内のサブセクションの先頭には、<h3>などを付ける必要があります。 見出しタグからアウトラインを抽出することが可能であるはずです。 （実際には、我々はこれを行う—ページの上部にあるコンテンツウィジェットを見てください。,）この構造は、（少なくとも99％の時間）また、より良い書き込みになり、より組織化された書き込みを行います。
見出しはユーザーのために良いです
ここでは、オンラインコンテンツについての汚い小さな秘密です：読者はスキム。 ほとんど誰もオンライン記事のあらゆる単語を読まない。, できることはほとんどありません 確かに止められない ができるようにskimmersてもラッチ板として目下方に移動します。 見出しは、内容に十分配られ、関連していれば、スキマーに記事のテキストに戻って小さい方法の束を与える。 彼らはまた、antsyスキマーが中断されないテキストの長いsolumnによって不安にならないように、一見消化可能な一口サイズの作品に記事を分割します。,
リンクを忘れないでください
HTML5では、要素のハッシュ記号（#）とidを追加することで、ページ上の任意の要素にリンクできます。 （以前は、アンカー要素にのみリンクできました。 ページ上のすべての見出しにidを追加することで、ドキュメント内の任意の場所にリンクできるようになります。 (再度、ページの上で内容リンクがいかに働くか見なさい。,）これらの文書内のリンクは、特に任意の並べ替えの参照コンテンツを提供する場合、またはあなたの記事が特に長い場合、途方もなく役立ちます。
見出しタグを使用してコンテンツを構成する
一般的に、コンテンツページには、単一のコンテンツページ（単一のコンテンツを提示する）とインデックスページ（コンテンツの束をリストする）の二つのタイプがあります。 インデックスページには、サイトのメインブログページ、カテゴリとタグのアーカイブ、著者によって書かれたすべての記事を一覧表示する著者ページなどが, 次に、ほぼすべてのページに表示され、実際には”コンテンツ”ではないコンテンツ（サイドバー、ウィジェット、フッター）もあります。”このような状況で見出しタグを使用する方法は、SEOと使いやすさに影響を与える可能性があります。
<h1>および<h2>要素
サイト全体の単一のコンテンツページでは、その特定のコンテンツのタイトルはほとんど常に<h1><body>の上部付近のタグ。, 次に、上記のように、記事内のセクションでは<h2>タグを使用できます。
<main><article> <h1>All About Headlines</h1> . . . <h2>Headlines and SEO</h2> . . . <h2>Headlines and Structure</h2> . . . </article></main> インデックスページでは、通常、サイトのタイトルを<h1>タグに入れるか、カテゴリ名、著者名、またはそのページを定義するものは何でもそこにインデックス名を入れることが理にかなっています。 次に、そこにリストされているすべての個々の作品のタイトルには、タイトルの<h2>要素が必要です。,
これまでは、単一コンテンツページに表示されるサイトタイトルに<h2>タグを使用するのが一般的でした。
<header> <h2>HTML Code Tutorials</h2> <nav><!-- menu --></nav> </header> <main> <h1>Actual Title of This Page</h1? . . . </main> これについて意見が混在していますが、傾向はますます少なくなっています。 より多くの人々は、単にヘッダーにタイトル（および、より可能性が高い、ロゴimg）を配置し、特定のページ上のコンテンツの見出しタグを保存しています。 これを行うかどうかについてのあなた自身の考察の一部は、おそらくあなたのSEPの目標との関係であなた自身のサイトのタイトルがどれほど重要,
ウィジェットやその他の”非コンテンツ”
最近まで、サイドバーのウィジェットタイトルに<h3>または<h4>要素を使用することも 多くのコンテンツ管理システムのように自動的に何をやってもうまくいかない問いません。 しかし、ページ全体のマークアップをゼロから設計する場合は、考えてみてください。 あなたの見出しの要素にあなたのページの実質の意味が”ログイン”または”郵送のリストのために”署名することであることを提案してほしいか。, （もちろん、これはサイドバーを<aside>要素に配置することで部分的に回避されます。)
