Google検索エンジン

トップページ » HTMLタグ入門講座 » 段落と見出しを設定するHTMLタグの使い方


段落と見出しを設定するHTMLタグの使い方

  • 文書の「見出し」と「段落」を設定する意味

    HTMLやCSSでレイアウトを整えると、ユーザーにWebサイトの構成や内容を正しく伝えることは可能でしょうが、検索エンジンには伝わりにくいです。 文書の見出しと段落を設定することで、ユーザーと検索エンジンの両方に、Webサイトの構成や内容を正しく伝えることができます。 文書の見出しや段落を正しく設定することは、SEO対策としても効果があります。


    Webサイトの「見出し」と「段落」の設定方法

    Webサイトの段落は、「見出し」と「本文」で構成されており、最初に段落の見出しを記述し、後に続くかたちで段落の本文を記述します。

    段落の見出しを設定するには、「<h1>」〜「<h6>」の見出しタグで段落の見出しを囲みます。 「<h1>」〜「<h6>」の見出しタグの番号が小さいほど、大きな段落の見出しとなります。 段落の本文を設定するには、「<p>」(開始)と「</p>」(終了)で、段落の本文を囲みます。

    検索エンジンは、見出しタグで段落の重要度を判断してます。 「<h1>」〜「<h6>」の見出しタグの番号が小さいほど、大きくて重要な段落の見出しだと判断します。 1つのHTMLドキュメントに、「<h1>」タグは1回だけ記述するようにします。 1番大きな見出し「<h1>」が何度も出現するのは、文書の構成が正しいとはいえません。

    HTMLおよびXHTML記述例
    <h1>大見出し</h1>
    <p>おすすめ商品を紹介します。</p>
      <h2>中見出し1</h2>
      <p>冷凍食品を紹介します。</p>
        <h3>小見出し1</h3>
        <p>冷凍チャーハンを紹介します。</p>
      <h2>中見出し2</h2>
      <p>お菓子を紹介します。</p>
        <h3>小見出し1</h3>
        <p>ポッキーを紹介します。</p>
        <h3>小見出し2</h3>
        <p>カールを紹介します。</p>
    Webサイトの表示

    大見出し

    おすすめ商品を紹介します。

    中見出し1

    冷凍食品を紹介します。

    小見出し1

    冷凍チャーハンを紹介します。

    中見出し2

    お菓子を紹介します。

    小見出し1

    ポッキーを紹介します。

    小見出し2

    カールを紹介します。



HTMLタグ入門講座
書籍の紹介
  • できるホームページ HTML&CSS入門 Windows 7/Vista/XP対応
    できるホームページ HTML&CSS入門
    発売:2010/12/24
    定価:1,659円
    著者:佐藤 和人
    出版:インプレスジャパン
    内容:オールカラーの大きな画面で操作手順がよく見える初心者向けの書籍です。HTMLタグやスタイルシートの入力手順を丁寧に解説してます。手順の横にヒントも掲載されており、関連知識も身に付きます。ホームページやHTMLの用語集も付属してます。
  • Twitter×アメブロでビジネスを加速する方法
    Twitter×アメブロでビジネスを加速する方法
    発売:2010/12/09
    定価:1,554円
    著者:青山 華子
    出版:ソーテック社
    内容:ブランディングと人脈を構築する86の法則。twitterやFacebookなど、ソーシャルメディアの時間短縮と有効活用方法を徹底解説。
おすすめレンタルサーバー
  • 「コロリポプラン」なら月額105円で容量2GB、「ロリポプラン」なら月額263円で容量13GB、マルチドメイン、データベース、共有SSLが使えます。「チカッパプラン」なら月額525円で容量30GB利用可能です。
  • 月額125円のプランからビジネスにも使えるプランまで、予算や利用目的で選べる共用レンタルサーバや、サーバ1台まるごと利用できる専有レンタルサーバなど様々なサービスが用意されています。
  • 50GBの大容量で、月額525円からのレンタルサーバーです。マルチドメイン、無料お試し期間、その他ユーザーツールなど便利な機能がたくさんあります。
  • 100GBの容量以外は、ほとんど無制限のレンタルサーバーです。マルチドメイン、サブドメイン、FTPアカウント、データベース、メールアカウントなどが無制限で利用できます。