サイトマップとは?種類ごとの違いや作り方、SEO効果を分かりやすく解説

サイトマップ:アイキャッチ

「サイトマップとは何か」と聞かれた時、どのようなイメージが思い浮かびますか?

「なんとなくサイト全体の地図みたいななもの?」
「HTMLサイトマップとかXMLサイトマップとか見るけど違いがわからない…」

このようにぼんやりと認識はしていても、はっきりとした意味や用途はわかっていないという人も多いのではないでしょうか。

サイトマップは正しく活用することで、ユーザビリティの向上やSEO対策に大きな効果を発揮します。

この記事ではサイトマップとは何かという解説から、種類やメリット、作成方法などについて詳しく説明していきます!

目次

サイトマップとは

Webサイトを作成する時、あらゆる場面で「サイトマップ」という言葉を目にすることがあると思います。
このサイトマップとは具体的にどのようなものを指すのでしょうか?

サイトマップとは、一言でいうと「ウェブサイトの案内図」のようなものです。
ウェブサイト内にどのようなページがあり、どのような構成になっているかが一目でわかるようになっています。

サイトマップがあればユーザーはサイトの地図や目次として利用でき、検索エンジンにはサイト全体の構造を正しく伝えることができます。

それにより、ユーザビリティの向上やSEO対策などの面で様々な効果を発揮します。

サイトマップを正しく理解し活用することは、Webサイトの品質を高めるために欠かせないといえるでしょう。

サイトマップの種類について

サイトマップには大きくわけて以下の3つの種類があります。

  • サイトマップ(ホームページ運営者用)
  • HTMLサイトマップ(訪問ユーザー用)
  • XMLサイトマップ(検索エンジン用)

同じ「サイトマップ」という名称でも、用途によって形式や作り方が全く異なります。

サイトマップという名前でなんとなく把握しているだけでは、打ち合わせ時にどのサイトマップの話かがわからず誤った認識のまま進んでしまう恐れもあります。

そのため、それぞれのサイトマップがどのような場面で必要になるかを理解し、適切に活用することが大切です。

ここからは、これらの3種類のサイトマップについて順番に詳しく解説していきます。

【ホームページ運用者用】サイトマップとは

ホームページ運用者用のサイトマップとは、サイト制作のためにWebサイト全体の構成を示した図のことです。

いわゆるWebサイトの「設計図」のようなもので、サイトを新しく作成する際やリニューアルする際に構成やレイアウトを整理するために使われます。

まず最初に、ホームページ構成図としてのサイトマップについて解説していきます。

ホームページ構成図としてのサイトマップを作成するメリット

ホームページ構成図としてのサイトマップを作成することで、サイト設計や運用において様々なメリットが得られます。

主なメリットを4つにわけて見てみましょう。

サイト全体の構造を把握しやすくなる

サイトマップを作成すると、Webサイト全体の構造を俯瞰的に把握できるようになります。

特にページ数が多いサイトの場合、すべてのページのつながりや階層関係を一目で確認できるのは大きなメリットです。

サイト全体を俯瞰することで、「どのページがどこに位置しているか」「どの情報がどのページに含まれるか」を明確にできます。

その結果、ページの作り忘れや重複した内容のページを作成してしまうといったミスを防ぐことにもつながります。

構成を練る段階でサイトマップを用意しておけば、サイトの全体像を把握しながら漏れなくページを準備することができるでしょう。

チーム内での共有がしやすくなる

サイトマップの構成図は、チームでWebサイトの作成を行う際にも役立ちます。

サイトの構造をわかりやすく示したサイトマップがあれば、プロジェクトメンバー全員で共有して制作の指標にすることができます。

チーム内でサイトマップを共有することで、「このサイトにはどんなページがあり、どういう構成で繋がっているのか」を一目で理解できます。

その結果、サイト作成時の認識のずれを防いだり、確認や修正によるタイムロスを削減することができるでしょう。

ナビゲーションや内部リンクの設計に役立つ

サイトマップは、サイト内のナビゲーションや内部リンクの設計にも役立ちます。

たとえば、ある情報に辿りつくためにはどのように辿れば良いか、どのページをトップやメニューから直接アクセスできるようにすべきか、といった判断に活用できます。

サイトマップをもとにナビゲーションやメニューを設計すれば、ユーザーが迷わず目的のページに移動できる導線を作りやすくなります。

また、内部リンクを設計する際にも、サイトマップで全体の構造をシミュレーションすることでリンク漏れや不適切なリンクの設置を避けやすくなります。

不要なページや重複コンテンツを見直せる

サイトマップを作成することで、「本当に必要なページかどうか」「似たような内容のページが重複していないか」を検証することができます。

特にページ数が多いサイトの場合、サイトマップなしで全てのページやカテゴリの全体図を把握することは困難です。

そのため、気づかないうちに離れた場所に似た内容のページが重複してしまうようなことも少なくありません。

また、あとから「このページはこっちのカテゴリと紐付けておくべきだった」と思うようなケースもあるでしょう。

サイト制作を進める前にサイトマップで構成をチェックすることで、コンテンツの整理や最適化を行うことができます。

ホームページ構成図としてのサイトマップの作り方

ここからは、ホームページの構成図となるサイトマップの作り方を簡単に解説します。

  • サイトの目的とターゲットを明確にし、それにあわせて必要なページをリストアップする
  • リストアップしたページをカテゴリごとに分類する
    • 内容によってトップページの直下に置くか、特定のカテゴリ下に配置するかを考え、ユーザーにとってわかりやすい構成になるよう意識する
  • 決めた構成を紙に手書きしたりデザインツールを使って視覚化することで、サイトマップが完成する

【訪問ユーザー用】HTMLサイトマップとは

次に、HTMLサイトマップについて解説していきます。

HTMLサイトマップとはHTMLで構築されたサイトマップのことで、主に訪問ユーザー向けの案内ページとして利用されます。

Webサイトの目次の代わりにもなるため、サイトに訪れたユーザーがどのようなページがあるのかを把握したり、目的のページを探したりするのに役立ちます。

HTMLサイトマップはサイトのフッターなどに「サイトマップ」としてリンクが貼られていることが一般的です。

HTMLサイトマップを作成するメリット

「HTMLサイトマップってメニューやナビゲーションがあっても必要なの?」と思ってしまう人もいるかもしれません。

メニューやナビゲーションがあってもHTMLサイトマップを作成するメリットとは何でしょうか?

ここからはHTMLサイトマップを作成するメリットについて解説していきます。

ユーザーが目的のページを見つけやすくなる

HTMLサイトマップを作成する最大のメリットは、ユーザーが目的のページを探しやすくなることです。

サイト内のページ一覧が表示されているHTMLサイトマップにアクセスすれば、ユーザーはその中で自分が求めているページを探すことができます。

特にページ数が多いウェブサイトでは、メニューの階層やサイト内検索だけでは目的のページに辿りつけない場合もあります。

HTMLサイトマップがあれば、カテゴリを辿ったり思いつくワードで何度も検索しなくても目的のページを見つけやすくなります。

直帰率や離脱率の改善が期待できる

ユーザーが目的のページを見つけやすくなることは、Webサイトの直帰率や離脱率の改善にもつながります。

HTMLサイトマップがなく、ユーザーが目的のページを見つけられない場合、「このサイトには求めるページがない」とそのまま離脱してしまうかもしれません。

そこで、サイト内のページ一覧をわかりやすく示したHTMLサイトマップを用意しておけば、ユーザーの離脱や機会損失を防ぐ手助けになります。

HTMLサイトマップはサイト内の回遊性やユーザーの満足度向上にも貢献するメリットがあるといえるでしょう。

内部リンクの強化によるSEO対策

HTMLサイトマップを作成することはSEO対策の面でも大きなメリットがあります。

検索エンジンにとっても、HTMLサイトマップはサイト構造を理解するために役立つからです。

HTMLサイトマップには主要なページへのリンクが一覧化されているため、クローラーがページを発見しやすくなります。

そのため、他のページからリンクされていない階層の深いページも見つけやすくなります。

HTMLサイトマップを設置するだけで必ず検索順位が上がるという訳ではありませんが、SEO対策の一環として作成を検討するのもいいかもしれません。

アクセシビリティの向上

HTMLサイトマップはアクセシビリティの向上にも役立ちます。

何らかの理由で通常のメニューやサイト内検索が利用しづらいユーザーにとって、HTMLサイトマップが手助けになることがあります。

たとえば音声読み上げソフトを使っている場合、サイトマップのページであればリンクが一覧になっているため、目的のページに移動しやすくなるでしょう。

また古いブラウザを使っていたり、回線速度が遅い場合は通常のメニューや検索が正しく動作しないことがあります。

そのような場合でもシンプルなHTMLサイトマップページがあれば情報にアクセスすることができます。

HTMLサイトマップの作り方

「HTMLサイトマップを作ってみたいけど、作り方がわからない…」

そう思って手が出せずにいる人もいるのではないでしょうか?

HTMLサイトマップの作り方はとっても簡単です!

ここでは、HTMLサイトマップの主な作り方を2種類に分けて紹介します。

手作業で作成する

HTMLサイトマップは名前の通りHTMLで構築されているため、他のWebサイトやページと同じように作成することができます。

また、最低限の簡単なHTMLコードのみで作成できるため、難しい知識や作業は必要ありません。

WordPressなどのCMSを利用している場合は、他のページや記事と同じようにCMSのツールだけで作成することもできます。

コーディングの知識があまりない場合も手軽に作れるのがHTMLサイトマップの利点といえます。

手作業でHTMLサイトマップを作成する手順
  • サイト内のコンテンツをカテゴリごとに整理する
  • 各ページのタイトルとURLをリスト化する
  • リストタグなどでタイトルをカテゴリ別に並べる
  • 該当するページのリンクをつけていけば完成

手作業で作成する場合のメリットは、自分で自由にレイアウトや内容をカスタマイズできる点です。

ページのグループ分けや並べ方も、サイトの構造に合わせてわかりやすく調整できます。

また、余計なプラグインを使わないのでサイト表示が重くなったり、予期せぬエラーでトラブルが起きる心配もありません。

一方でデメリットは、ページを追加・削除する度にサイトマップを手作業で更新しなければいけないため、管理の手間がかかることです。

HTMLサイトマップの情報を更新せず古いままで放置してしまうと、逆にユーザーに誤った情報を伝えることになってしまいます。

そのため、手作業でHTMLサイトマップを作る場合は、サイト情報の変更にあわせてサイトマップの更新を忘れないようにルール化しておくことをおすすめします。

WordPressのプラグインで作成する

WordPressの場合、プラグインを利用することでHTMLサイトマップページを自動生成することもできます。

代表的なプラグインには「PS Auto Sitemap」「WP Sitemap Page」などがあります。

これらのプラグインを使えば簡単な操作だけでHTMLサイトマップを自動生成してくれます。

プラグインを使えば新しいページを公開するたびにサイトマップも自動更新されるため、更新忘れの心配もありません。

ただし、プラグインを利用すると予期せぬエラーが起こってしまったり、サイトが重くなってしまう場合もあります。

怪しいプラグインは使わないことと、動作確認や表示チェックを忘れず行うことなどの対策を忘れないようにしましょう。

HTMLサイトマップを作成した方がいいケース

HTMLサイトマップは特にどのようなケースで効果を発揮するのでしょうか?

たとえば、以下のような場合はHTMLサイトマップを作成した方がいいケースといえます。

  • ページ数の多い大規模なサイト
  • 回遊率が低く直帰率が高いサイト
  • 複数カテゴリを抱えるEC サイト

HTMLサイトマップは、特にページ数が多く構造が複雑なサイトで効果を発揮します。

大規模なコーポレートサイトや複数のカテゴリを扱うECサイトでは、訪問者が目的のページにたどり着けず迷ってしまうことも少なくありません。

また、サイト内の回遊率が低く直帰率が高い場合にもHTMLサイトマップの設置が効果的です。

HTMLサイトマップがあればユーザーが目的のページを見つけやすくなるため、ユーザーの滞在時間や満足度の向上が期待できるでしょう。

HTMLサイトマップが不要なケース

逆に、HTMLサイトマップの効果があまり期待できないケースも存在します。

たとえば、以下にあてはまる場合は無理にHTMLサイトマップを作成する必要はありません。

  • ランディングページやページ数の少ないサイト
  • メニューやナビゲーションが充実しているサイト
  • 回遊性を重視せず手間をかけたくないサイト

ページ数が少ないサイトやナビゲーションメニューが充実しているサイトの場合は、HTMLサイトマップの必要性はあまり感じないかもしれません。

特に1ページで完結するランディングページは基本的に縦スクロールだけですべての情報を得ることができるため、HTMLサイトマップのメリットを感じることはないでしょう。

また、HTMLサイトマップは作成や管理のコストが多少かかるため、サイトの回遊性を上げるより手間を削減することを重視したい場合も不要といえます。

HTMLサイトマップ作成の注意点とポイント

作成すれば様々なメリットのあるHTMLサイトマップですが、一方で注意すべき点もいくつか存在します。

ここからは、HTMLサイトマップを作成する際におさえておきたい注意点とポイントを解説していきます。

常に更新を行うようにする

HTMLサイトマップは一度作って終わりではなく、サイトの変更に合わせて常に最新の状態に保つことが大切です。

新しいページを追加したのにサイトマップに載っていない、逆に削除したページのリンクが残ったままになっている、といったことがないように注意しましょう。

また、HTMLサイトマップを手作業で作成している場合は、サイト更新を行うたびにサイトマップも修正する運用ルールを定めるようにしてください。

プラグインで自動化している場合でも、正しくページが反映されているかを定期的にチェックする必要があります。

ページの構成をわかりやすく記述する

HTMLサイトマップは、ユーザーが一目でサイト全体の構造を把握でき、目的のページを簡単に見つけられるようになっている必要があります。

そのため、ページの構成をわかりやすく記述することも重要です。

ただ全てのページのリンクを羅列するだけではなく、サイトの構造が伝わるようにカテゴリごとに分類してレイアウトしましょう。

たとえば、大カテゴリー名を見出しのように目立たせ、その下に子ページのリンクをリスト形式で並べるなど、階層が視覚的にわかりやすいようメリハリをつけるのもおすすめです。

これらの点を守ってHTMLサイトマップを作成すれば、ユーザーにとって使いやすく効果的なページとなるでしょう。

【検索エンジン用】XMLサイトマップとは

続いて、XMLサイトマップについて解説します。

HTMLは知っていても、XMLという言葉には馴染みがない人も多いかもしれません。

そのため、まず「XMLサイトマップとは何か」という点について簡単に解説します。

XMLとはExtensible Markup Languageの略で、データの内容や構造をわかりやすく示し、管理を簡単にするために使用されるマークアップ言語です。

そしてXMLサイトマップとは、サイト内の全てまたは主要なページURLをリスト化したXML形式のファイルのことです。

ファイルは通常「sitemap.xml」としてWebサイト上に設置されます。

これをGoogleなど検索エンジンのクローラーに読み込んでもらうことで、サイトのページ構造や更新情報を伝えることができます。

XMLサイトマップはHTMLサイトマップと異なり、ユーザーが直接目にするものではありません。

ブラウザで表示してもXMLコードの羅列が見えるだけですが、検索エンジンはこのXMLファイルを解析して中のURLリストを取得します。

HTMLサイトマップとは仕様や用途が異なるため、違いを理解してから導入を検討するようにしましょう

XMLサイトマップを作成するメリット

XMLサイトマップも導入することでWebサイトにあらゆるメリットをもたらしてくれます。

ここからは、XMLサイトマップを作成するメリットをいくつか紹介していきます!

検索エンジンによるクロールの精度が上がる

XMLサイトマップを活用すれば、検索エンジンに対してWebサイト内のページ構造を正確に伝えることができます。

特に内部リンクだけでは辿りにくいページや階層の深いページも、クローラーにしっかり認識させることが可能になります。

その結果、重要なページが検索エンジンに見落とされるリスクを減らせるため、SEO対策の面でも大きな支えともなります。

XMLサイトマップは、検索エンジンへの案内役として優れた存在だといえるでしょう。

更新情報を素早く検索エンジンに反映できる

Webサイトを更新しても、検索エンジンがすぐに気づいてくれるとは限りません。

しかし、XMLサイトマップに更新日時を記載することで、検索エンジンにページが更新された情報を的確に伝えることができます。

これにより、新しく公開したり内容を修正したページが検索結果により早く反映されやすくなります。

最新情報をできるだけ早く届けたい場合や、頻繁にコンテンツを更新するサイトにとっては非常に大きなメリットといえるでしょう。

Webサイトのコンテンツをすっきりさせられる

SEO対策で重要なポイントのひとつに内部リンクの設置があります。

内部リンクはHTMLでも設置ができますが、数を多く設置すれば更新の負担が増したり、ごちゃごちゃして見辛いサイトになってしまう場合もあります。

XMLサイトマップの場合はHTMLサイトマップと異なり、ユーザーの目を意識する必要がありません。

そのため、デザインや構造にこだわらずシンプルにURL情報だけをまとめたサイトマップとして運用することが可能です。

余計なリンクを増やさずに済むため、ナビゲーションが複雑になるのを防ぎ、ユーザー視点でもすっきりした構成を維持できます。

検索エンジン向けの情報提供とユーザーの使いやすさを両立できる点が、XMLサイトマップの隠れたメリットともいえるでしょう。

XMLサイトマップを作成した方がいいケース

以下のような場合はXMLサイトマップを作成した方がいいケースといえます。

  • 検索結果ページに表示させたいサイト
  • 新しく作成したばかりのサイト
  • ページ数の多い大規模なサイト
  • 内部リンクで繋がっていないサイト

まず、検索結果にしっかり表示されることを重視するのであれば、XMLサイトマップの作成は欠かせません。

たとえば、新しく立ち上げたばかりのサイトや大量のページを抱える大規模サイトでは、検索エンジンがすべてのページを確実に見つけてくれるとは限りません。

特に内部リンクが不十分な状態だと、重要なページがクロールされないままになってしまうこともあります。

これらのタイプのサイトはXMLサイトマップを作成することで特に大きなメリットを得られるといえるでしょう。

XMLサイトマップが不要なケース

一方で、すべてのWebサイトにXMLサイトマップが必須というわけではありません。

以下のようなケースはXMLサイトマップを作らなくても問題がないといえるでしょう。

  • 検索結果に表示させる必要がないサイト
  • 小規模なサイト
  • 全てのページが内部リンクされているサイト

たとえば、検索結果に表示させる必要がないサイトや小規模なサイトであれば、特別にXMLサイトマップを用意しなくても問題のないケースが多いです。

また、すべてのページが適切に内部リンクでつながっている構造であれば、検索エンジンは自然にそれらを巡回してくれます。

XMLサイトマップの運用には多少の手間や知識が必要なため、サイトの規模や目的に応じて必要かどうかを見極めることが大切です。

XMLサイトマップの作り方

XMLサイトマップの作り方は、WordPressを利用しているサイトとそうでないサイトで異なります。

ここからは、XMLサイトマップの作り方を大きく2つのパターンにわけて解説していきます。

WordPressで作成する

WordPress5.5以降ではXMLサイトマップ機能が標準で備わっているため、特に何もしなくてもXMLサイトマップを利用することができます。

生成されたXMLサイトマップはサイトURLの末尾に「wp-sitemap.xml」をつけることで見ることができます。

また、Yoast SEOなどのSEO対策用のプラグインでもXMLサイトマップを作成することが可能です。

ただし、XMLサイトマップを複数作成してしまうと検索エンジンを混乱させてしまう原因になってしまうため、重複して作成されていないか確認するようにしましょう。

サイトマップ自動生成ツールで作成する

WordPress以外で作成した場合は、自動生成ツールを使ってのXMLサイトマップ作成がおすすめです。

たとえば「sitemap.xml Editor」は、会員登録やインストール不要で使えるXMLサイトマップ自動生成ツールです。

自分のサイトURLや簡単な設定を入力するだけで、XMLサイトマップファイルを自動で作成してくれます。

あとは出力されたXMLファイルをダウンロードし、自分のサイトのindexファイルがある階層にアップロードすれば設置完了となります。

XMLサイトマップを検索エンジンに伝える方法

Google Search Consoleを使用する

XMLサイトマップを作成したら、Google Search Consoleを使ってGoogleに通知しましょう。

「サイトマップ」メニューでXMLサイトマップのURLを追加して送信すると、Googleがそのファイルを取得してサイト内のページを効率よくクロールしてくれるようになります。

また、Search Console上では送信ステータスや検出されたページ数、エラーの有無などを確認できるため、送信後も定期的にチェックしてメンテナンスしておきましょう。

robots.txtを使用する

もうひとつは、サイトの「robots.txt」ファイルにXMLサイトマップのURLを記述してクローラーに知らせる方法です。

robots.txtに次のような一行を追加します。

Sitemap: https://【サイトのドメイン名】/sitemap.xml

クローラーはサイト訪問時にXMLサイトマップの記述を読み取り認識してくれます。

Search Consoleへの送信とあわせて、robots.txtへの記載も行っておくとより安心です。

XMLサイトマップ作成の注意点とポイント

データサイズを大きくしすぎない

XMLサイトマップは1ファイルあたり最大50,000件のURL、ファイルサイズは50MBまでという制限があります。

あまり超えてしまうことはありませんが、万が一上限を超える場合はサイトマップを複数ファイルに分割して対応しましょう。

エラーを監視し定期的にメンテナンスする

サイトマップファイルを送信したからといって、確実に検索結果に反映されるわけではありません。

Google Search Consoleでサイトマップ送信後のステータスをチェックし、エラーが出ていないかを確認することも大切です。

エラーが発生した場合は原因を調べ、サイトマップの修正や再送信を行うようにしましょう。

よくあるエラーの原因と対処方法について

拡張子や記述方法が間違っている

XMLサイトマップのファイルはXML形式で作成し、拡張子も「.xml」にする必要があります。

XMLのタグが誤っていたり、テキストファイルのままアップロードしていたりするとエラーの原因となります。

XMLサイトマップを自作した場合は記述内容や拡張子が正しいか確認しするようにしましょう。

サイトマップのURLが間違っている

Search Consoleに送信したサイトマップのURLが間違っているのもよくあるケースです。

サイトマップは基本的にindex.htmlと同じドメイン直下に存在します。

実際にブラウザでそのURLにアクセスし、サイトマップファイルが存在するかを確認するようにしましょう。

また、プラグインでサイトマップを生成した場合、保存先のURLが通常と異なっていることがあるため注意が必要です。

Basic認証がかかっている

Basic認証とは、Webサイトへのアクセスに対してIDとパスワードの入力を求める認証機能のことです。

サイト全体にBasic認証がかかっていると、サイトマップファイルを送信してもクローラーがアクセスできません。

XMLサイトマップを送信するときはBasic認証を解除するようにしましょう。

Googleのクロールが行われていない

サイトマップを送信してすぐ検索エンジンに巡回されるという訳ではありません。

特にエラーなどの問題が見つからない場合、単純にまだクロールが行われていないのが原因ということもあります。

大抵の場合、送信してからクロールが行われるまでにはある程度の時間がかかります。

原因が見つからない時は少し様子を見たり、再送信を行ってみるといいでしょう。

まとめ

サイトマップを正しく理解し活用すれば、ユーザビリティやSEO対策の面であらゆるメリットをもたらしてくれます。

さらにプラグインやツールなどを活用することで、専門知識がなくても無料で簡単に利用できるというのも優れたポイントです。

ただし、サイトマップは一度作れば終わりではなく、サイトの更新やリニューアルを行う度に最新の情報を反映させていく必要があります。

また、サイトマップの作成には、システム設計、デザインの導線、SEO(検索エンジン対策)といった、専門的で幅広い知識が必要になりますが、自社だけでこれらすべてを網羅するのは簡単ではありません。

もし外注を検討しているなら、システム開発・Web制作だけでなく、Webマーケティングにも強い「株式会社I-SEED」にお任せください!

メールフォームでのご相談も可能ですので、お気軽にお問い合わせください。

この記事の著者

I-SEEDブログ編集部のアバター
I-SEEDブログ編集部

システム開発やWeb制作・デザイン、Webマーケティングを強みに持つI-SEEDスタッフが、さまざまなノウハウや最新情報をお届けします。

CONTACT/ お問い合わせ

システム開発やWeb制作・デザイン、Webマーケティングに関するご質問やご相談はこちらから。

お問い合わせする

ESTIMATE/ 料金シミュレーター

Web上で簡単なお見積もりが可能です。シミュレーション結果をもとにお問い合わせいただくことも可能ですので、お気軽にご相談ください。

Web見積もりをする
目次