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