HTMLサイトマップは本当に必要?ユーザビリティやSEOの効果は

サイトマップを設置する理由

WEBサイト内で迷ったらどうする?

何らかの目的を持ってみているWEBサイトで、目的のページが見つからない場合、あなたならどうしますか?

「とりあえずサイト内検索してみる。」「トップページに戻って探してみる。」「イラッとしてそのサイトを離れる。」など、ユーザーのアクションはさまざまですが、おそらく「サイトマップから探してみる。」という人は少なくないでしょう。

わたしも大きなWEBサイトを見ていると、探しものが見つからないことがあります。そのため、サイト内検索を使ったり、サイトマップを見たりして、なんとか目的に辿り着こうとします。

もちろん、大手サイト・巨大サイトだけではなく、数十ページしかないコンパクトな企業サイトや個人が運営するブログまで、サイトマップを設置したWEBサイトはとても多く存在します。

このようにサイト内に設置されているサイトマップのことを「HTMLサイトマップ」と言います。

今回は、HTMLサイトマップの大切な役割と設置の方法についてお話したいと思います。

HTMLサイトマップとは

HTMLサイトマップとは、名前の通り、HTMLで作られたWEBサイト内の地図のことです。

WEBサイトやブログにおいて、すべてのカテゴリーをリスト形式にしたリンク一覧、またはすべてのページをリスト形式にしたリンク一覧の形式で表されます。

rakuten-html-sitemap

たとえば、これは楽天グループのHTMLサイトマップですが、このようにサービスを一覧にまとめたものもHTMLサイトマップの一つです。楽天は、サービスに合わせてさまざまなHTMLサイトマップが存在します。

一般的に、WEBサイトのページ数が多くなるとHTMLサイトマップは必須です。

とくに、最近はPCよりもスマホでWEBサイトを閲覧することが増えました。スマホの限られた表示領域では、テキストでわかりやすくページ一覧が示されていると使いやすいものです。

HTMLサイトマップの役割と設置のメリット

では、HTMLサイトマップの具体的な役割を見ていきます。

ユーザビリティの向上

HTMLサイトマップのもっとも重要な役割は、ユーザーがサイト内で迷わないようにするナビゲーションの役割です。

WEBサイト内で目的のコンテンツが見つけにくいと、初めはなんとか探そうとしますが、どうしても見つからなければ、目的を達成せずにサイトから離脱してしまいます。

そのような悪いユーザーエクスペリエンスは、ユーザーに「あのサイトはとてもわかりにくいから、二度と使わない!」と思わせてしまい、再訪問の機会を潰してしまいます。

適切なHTMLサイトマップを設置することで、ユーザビリティを高め、良いユーザーエクスペリエンスが持てる様に導きましょう。

クローラビリティの向上

HTMLサイトマップを設置することで、Google botのクローラビリティを助ける役割を果たします。

ただし、クローラビリティの向上はXMLサイトマップが担ってくれるため、必要がないという意見もあります。これは、GoogleのJohn Mueller(ジョン・ミューラー)氏もコメントしています。

HTMLのサイトマップはSEOのためなら今は必要なし | 海外SEO情報ブログ

とは言え、巨大サイトになるとXMLサイトマップでもインデックスできないページは出てくるため、保険として置いておくつもりでも良いと思います。

SEOの効果

HTMLサイトマップは、ページランクをすべてのページに均等に配分できるため一定のSEO効果が見られます。

ただし、それは2010-2011年ごろまでのお話です。こちらも、上記「海外SEO情報ブログ」がJohn Muellerの発言を引用している通り、HTMLサイトマップ自体がSEOに大きな影響を与えることはないとしています。

そのため、HTMLサイトマップを設置したからといって順位が上がるわけではありませんが、こちらもあって当然という意味合いで置いておけば良いと思います。

HTMLサイトマップの作り方

HTMLサイトマップの作り方・設置の方法は、とくに難しいものではありません。表示したいカテゴリー、ページをテキストリンクを用いて、リスト状に表示させるだけのものです。

ただし、カテゴリーやページの増減・変更があると、そのたびにHTMLサイトマップも修正が必要なためあまり現実的ではありません。

そのため、Wordpressを使ってWEBサイトを運用している場合は、プラグインを使ってHTMLサイトマップを自動生成・自動管理しましょう。

PS Auto SitemapでHTMLサイトマップの作成と設置方法

HTMLサイトマップを自動生成・自動管理するおすすめのプラグインは、「PS Auto Sitemap」です。このプラグインを使うと、設定するだけで以下のようなHTMLサイトマップを自動で作成し、ページを追加・削除した場合はHTMLサイトマップを自動で更新してくれます。

wakarukoto-html-sitemap

わかること!サイトマップ

「PS Auto Sitemap」は、HTMLサイトマップの作り方・設置の仕方はとても簡単です。まず、新規のプラグインで「PS Auto Sitemap」をインストールします。

新規の固定ページ(記事ページ)を作り、ページIDを控えます。以下の場合は「18010」です。

PS-Auto-Sitemap-setting-固定ページ

次に、Wordpressメニューの「設定 > PS Auto Sitemap」を選択し、以下の画面で設定をしたら、変更を保存をクリックします。

PS-Auto-Sitemap-setting
ホームページの出力|トップページをサイトマップに含めるかどうか
投稿リストの出力|記事をサイトマップに含めるかどうか
固定ページリストの出力|固定ページをサイトマップに含めるかどうか
サイトマップを表示する記事|先程控えたページIDを入力する
出力階層制限|含める上限階層を設定する(通常は制限なし)
先に出力するリスト|投稿と固定ページのどちらを先に並べるか決める
カテゴリーと投稿の表示|カテゴリーと投稿でページを分割するか
除外カテゴリ|サイトマップに含めないカテゴリのIDを入力する
除外記事|サイトマップに含めない記事のIDを入力する
スタイルの変更|14種類の表示スタイルを選ぶことができる
キャッシュの使用|通常はチェックを付ける

固定ページ(記事ページ)に以下のコードを入力して保存し、通常通りWEBサイト内に設置すれば完了です。

<!-- SITEMAP CONTENT REPLACE POINT -->

HTMLサイトマップは設置すべき?

サイトマップには、「XMLサイトマップ」と「HTMLサイトマップ」の2つの種類があります。

XMLサイトマップは、Googleのクローラーにサイト内のページ構造を正しく伝え、HTMLサイトマップは、サイトを訪問したユーザーにサイト内のページ構造を正しく伝える役割があります。

どちらかと言えば、SEOに貢献しているのは、XMLサイトマップの方でしょう。そのため、「じゃあHTMLサイトマップはいらないかな。」と考える人もいるかもしれません。

ただ、HTMLサイトマップがないことで、ユーザーの離脱を招き、再訪問のチャンスを阻害することは、WEBマスターとして看過してはいけません。

ユーザーにとって利便性の高いWEBサイト作りを心がけることが、翻ってそのWEBサイトの評価につながるということを肝に命じたうえで、ちゃんとHTMLサイトマップを設置してください。

なお、XMLサイトマップの役割や作り方・設置方法は、以下を参照してください。