見出しタグを適切に使う
見出しタグを適切に使う
見出しタグ (heading tags) (HTML タグの <head> や HTTP headers とは混同しないようにしてください) は、ユーザーにページの構成を示すために使用されます。最も重要であることを示す <h1> から順に、重要度の最も低いことを示す <h6> まで、6 種類のサイズがあります。
見出しタグは通常、このタグで囲まれたテキストを普通のテキストに比べて大きく表示させるのでユーザーがその重要性に気づく視覚的なきっかけとなり、その下に続くコンテンツがどのようなものであるかを理解しやすくなります。複数の見出しタグのサイズを使い分けてコンテンツに階層構造を持たせると、ユーザーがページを読み進めやすくなります。
良い見出しタグの付け方
-
アウトラインを書くことを想像する ―― 目次を作るように、そのページのコンテンツの何が主要なポイントで次に何が重要なのかを考え、見出しタグを使うのに適切な場所を判断しましょう。
注意点- ページ構成とは関係なくテキストを見出しタグで囲むことはしない
- <em> や <strong> のほうが適切だと思われる箇所で見出しタグを使わない
- 見出しタグのサイズの使い分けを不規則にしない
-
ページ全体を通して見出しタグは慎重に利用する ―― 見出しタグは使用する意義がある場所で使いましょう。見出しタグがページ内に多すぎると、ユーザーにとってコンテンツが読みづらくなり、 ひとつのトピックがどこで終わって次のトピックがどこから始まるのかわかりにくくなります。
注意点- ページ内で見出しタグを使いすぎない
- ページにあるすべての文章を見出しタグに入れない
- 見出しタグを構造を示すためではなく、スタイルを整える目的で使用しない
- この記事のキーワード
関連記事
検索エンジンの動きを制御する方法とツール - 『検索エンジン最適化の初心者ガイド』改訂版#8-1
2009年1月29日 9:00
有料リンクとは？ - ブラックハットSEO大全#08
2010年11月12日 8:00
Googlebotを手なずけるワザ
2006年8月22日 0:42
ECサイトで個別商品ページの検索順位を上げる3つの定石手段 など10+4記事（海外&国内SEO情報）
2012年8月24日 9:00
被リンクを増やすための賢いサテライトサイトの作り方 など10記事（海外&国内SEO情報）
2009年6月19日 10:00
アクセス解析でサイトの課題を発見する12のステップ など10記事（海外&国内SEO情報）
2010年1月15日 10:00
バックナンバー
この記事の筆者
筆者の人気記事
ROIとは／「ROAS」「CPA」「ROI」を理解してリスティング広告の正しい効果測定を
2012年5月31日 14:00
Webサイトのスマートフォン対応 7つの基本ルール
2011年1月31日 10:00
アクセス解析ツール＆サービス13種類徹底比較！ 史上最強の機能比較表
2007年12月10日 9:00
5月中に対応しないと、Gmail宛にメールが届かなくなる? メール送信者ガイドラインを解説【先週のTop10】
2024年5月1日 8:00
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート
2008年3月17日 10:00
はじめてのRFP――発注時に意思疎通をスムーズにする提案依頼書の作り方
2008年2月4日 10:00
