本や新聞などを読む機会は誰でもあるかと思います。その中で長い文章を読む際、何気なく役に立っているのが「見出し」です。新聞紙いっぱいにズラッと並んだ起伏の無い文字の列を...。内容が有用で面白いものであっても読み始める気が起きませんよね。見出しには文章に起伏を付け、どんな内容が書かれているかを読む人に伝える役割があります。ウェブサイトのページやブログ記事なども同様に見出しが重要です。いえ、ホームページの見出しには本や新聞以上に必須級の役割が見出しの重要性があると言っても過言ではありません。その理由も含めて今回は、ホームページでの見出しの役割と設定方法をご紹介いたします。見出しのもつ2つの役割ホームページ上の見出しには2つの大きな役割があります。上記でも触れましたが、起伏の無い、長い文章はユーザーの読む気を奪ってしまいます。試しに以下のURLのリンク先を見て下さい。この記事の文章のみを並べたページです。ブラウザのバックボタンを押したくなりませんでしたか?(挿絵となる画像などもないので顕著ですが...)見出しのない長い文章は確実に直帰率向上に繋がります。ユーザーが長い文章を「さあ読もう」と取り掛かる際、まずは「どんな内容がどこに書かれているか」を見渡せるようにするのがホームページでの「見出し」の第一の役割です。見出しの視覚的な役割に関しては本や新聞などの他の媒体とおおよそ一緒です。ホームページにおける見出しの重要な役割はもう一つあります。それが「SEO対策としての役割」です。ホームページに訪れるのは人間のユーザーだけではありません。Googleなどの検索エンジンのクローラーと呼ばれるプログラム(ロボット)が情報を取得し検索エンジンに登録するために定期的に巡回してきます。その際、「このページはどのような文章が書かれていて、何を発信しようとしているのか」ということをクローラーは見出しからも強く評価します。見出しは、検索結果を上位化させるためのSEO対策として、非常に重要な役割も担っているのです。どんな言葉で検索された際、検索エンジンの上部に表示されたいか、つまり「キーワード」を見出しに組み込むことが重要です。やりすぎて文章のバランスを崩すような場合逆効果です。「読みやすいページ」を作るための見出し構成を考えるのが一番大事です。見出しの設定方法ではそのような重要な見出しを、ホームページでどのように設定すれば良いのでしょうか?HTML上には「見出しタグ」と呼ばれる「h1~h6」までの6種類のタグが用意されています。見出しにしたい箇所をこれらのHTMLタグで囲むことで見出しを設定することが出来ます。見出しタグには設定する際の多少のルールがあるのでそちらもご紹介いたします。見出しタグは「h1~h6」まで6種類ありますが、数字が若いほど「重要な見出し」という意味合いになります。「h1」は最も重要な見出しであり、唯一「ページ内で1か所のみ」というルールがあります。ページ内で最も端的にその内容を表している箇所に設定するようにしましょう。h2~h6タグのルール「見出しタグ」と呼ばれていますが「h1」はその性質上、「サイトロゴ」や「ページのタイトル」に使用されるのが一般的です。その場合、実際の文章中の見出しで使用するのは「h2~h6」のタグになります。「h1」タグと違って使用数に制限はないので、文章が見やすくなるよう単元ごとに設定していきましょう。「h2→h3→h4→...」と重要度の高いものから使用する。いうルールが存在します。「h3」を1つも使用していないのに「h4,h5,h6」を使用するのは正しい方法ではありません。全ての見出しを見渡して重要度の高いものから順番に「h2~h6」を設定するようにしましょう。上のパートで述べた通り「見出し」の設定はSEO対策としても非常に重要です。弊社S&EパートナーズもSEO対策の一環として「見出し提案」行っています。既存のページやブログの見出しの改善案をご提案しています。HTMLのルールにのっとった正しい形で見出しタグを設定し、ユーザーが見やすいページや記事を構築することで多くのお客様のホームページを上位化してきました。「見出し」でコンテンツを整理するただただ長い平坦な文章やコンテンツではユーザーに情報を伝えるのが困難です。発信する側も、コンテンツを作成している途中で何を伝えるべきだったのか迷走することもままあります。伝えたい事、発信すべき事を一度整理して「見出し」の設定に落とし込むことで過不足なく情報を発信できるページ構成を考えるようにしましょう。S&Eパートナーズでは「見出し提案」の施策から、日々の運用サポートまで総合的に承っております。ご不明な点等ございましたらお気軽にお問い合わせくださいませ。過去の記事で見出しタグから自動的に目次を作成する方法を紹介しています。こちらもご覧になってください。Reserved.PageTop。