SEO

【SEO】HTMLサイトマップとは?XMLとの違いと作り方を徹底解説

Hirokuma
11分で読める
お気に入りに登録しませんか?
【SEO】HTMLサイトマップとは?XMLとの違いと作り方を徹底解説

「HTMLサイトマップって作る意味あるの?」
「XMLサイトマップとの違いがわからない」
「簡単に作成する方法を知りたい」

そんな疑問をお持ちではありませんか?

結論からお伝えすると、HTMLサイトマップには直接的なSEO効果はほとんどありません。しかし、ユーザーが目的のコンテンツを見つけやすくなり、ユーザビリティや滞在時間の向上につながります。WordPressならプラグインで簡単に作成できるので、余力があるなら作成がおすすめです。

この記事では、HTMLサイトマップとXMLサイトマップの違いから、作成するメリット、WordPressでの作り方まで、わかりやすく解説します。

この記事でわかること

  • HTMLサイトマップとXMLサイトマップの違い
  • HTMLサイトマップのSEO効果
  • 作成するメリットと判断ポイント
  • WordPressプラグインでの作り方
  • 参考になるHTMLサイトマップ例

HTMLサイトマップとXMLサイトマップの違い

サイトマップには「HTMLサイトマップ」と「XMLサイトマップ」の2種類があります。混同しやすいので、しっかり区別して理解しましょう。

HTMLサイトマップ

  • 対象:来訪した人間に見せるもの
  • 形式:HTMLページ
  • 効果:ユーザビリティ向上
  • SEO:効果なし

XMLサイトマップ

  • 対象:検索エンジンに見せるもの
  • 形式:XMLファイル
  • 効果:クローラビリティ向上
  • SEO:効果あり

HTMLサイトマップとは

HTMLサイトマップとは、サイトの来訪者に見せるサイト全体の地図のようなものです。「サイト内のリンク集のようなもの」とも言えます。

HTMLサイトマップがあることで、ユーザーは目的のコンテンツの場所を見つけやすくなります。

XMLサイトマップとは

XMLサイトマップとは、検索エンジンにサイト内の構造を伝えるファイルのことです。

サイトの全ページのURLや更新日時などの情報が入っています。これを検索エンジンに伝えることで、新しく作成したページや更新したページのクロール(巡回)を促すことができます。SEOにも良い影響を与えます。

文脈でどちらを指すか異なる

  • SEOについて話している文脈で単に「サイトマップ」と言われたら → XMLサイトマップの可能性が高い
  • サイト上にコンテンツとして「サイトマップ」がある場合 → HTMLサイトマップのこと

HTMLサイトマップにはSEO効果はほとんど無い

HTMLサイトマップには、現在は直接的なSEO効果はほとんどありません。HTMLサイトマップがあるからといってサイトの評価が上がることもないし、無いことで評価が下がることもありません。

XMLサイトマップが存在しない時代には、検索エンジンにサイトの構造を伝える役割もHTMLサイトマップが担っていました。

しかしXMLサイトマップの仕組みが誕生した2005年以降、その役割はXMLサイトマップが担うようになりました。Google公式ヘルプでは、サイトの構造を伝える方法としてXMLかRSSかテキストを推奨しており、HTMLサイトマップはサイトの構造を伝える方法として期待されていません。

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

HTMLサイトマップを作成するメリットは、ユーザー(読者)が得たい情報にすぐアクセスできることです。

自治体の公式サイトなど、さまざまな目的を持ったユーザーが訪問するサイトでは、HTMLサイトマップがあれば自分が得たい情報がどこにあるか見つけやすく、すぐにアクセスできます。

ユーザーが回遊しやすくなり、結果としてユーザビリティや滞在時間の向上につながります。

HTMLサイトマップを作成するか判断するポイント

HTMLサイトマップは、ユーザビリティを向上させるために必要なら設置すべきものです。

判断ポイント1:余力があるなら作るのがおすすめ
WordPressなら簡単に作成可能です。

判断ポイント2:HTMLサイトマップが無くても全てのコンテンツに辿り着けるか確認する
ナビゲーションやカテゴリページだけで十分なら、無理に作成する必要はありません。

判断ポイント3:競合他社や同じ事業領域の企業が作成しているか確認する
業界の慣習として作成されている場合は、作成を検討しましょう。

余力がないなら無理をしてまで作成する必要はありませんが、簡単に作成できるツールもあるので便利に活用すると良いです。

HTMLサイトマップの作り方(WordPressプラグイン)

カテゴリごとにページを分類し、見出し(h2, h3など)とリスト(箇条書き)でサイトの一覧を作る方法が良いです。

WordPressで作成している場合は、サイトマップ作成用のプラグインを使えば自動で簡単に作成できます。

Simple Sitemapプラグインでの作成手順

STEP1:プラグインをインストール

  1. WordPress管理画面で「プラグイン」→「新規追加」
  2. 「Simple Sitemap」と検索
  3. 「今すぐインストール」→「有効化」

STEP2:新しいページを作成

  1. 「固定ページ」→「新規追加」
  2. タイトルに「サイトマップ」と入力

STEP3:プラグインのブロックを追加

  1. ブロック挿入ツールを開く
  2. 「Simple Sitemap Group」を選んで挿入

注意点として、「Simple Sitemap」を選ぶと固定ページだけが表示されます。投稿一覧も表示させたい場合は「Simple Sitemap Group」を選びましょう。

STEP4:公開してサイトを確認

ページを公開し、表示に問題がないか確認します。

参考になるHTMLサイトマップ例

慶応義塾大学(教育機関)

さまざまなニーズを持って訪れたユーザーに対して、「慶応義塾について」「入学案内」「教育」「研究」「学生生活」などのカテゴリに分類しています。サイトマップへのリンクはフッターに配置されています。

ひらかたパーク(遊園地)

カテゴリごとに見出し色を変えて分かりやすく分類しています。「アトラクション」は赤、「イベント」はライトブルー、「フード」はオレンジなど。サイトマップはページ最下部に固定配置されています。

横浜市(自治体)

網羅性が高いのが特徴です。「暮らし・総合」「観光・イベント」などのカテゴリ別分類だけでなく、区別の情報も全てHTMLサイトマップ内で分類しています。ヘッダー部分にサイトマップへのリンクがあります。

ヨドバシカメラ(オンラインショッピング)

買い物にまつわる情報から商品カテゴリまで網羅的にまとめたHTMLサイトマップです。ユーザーが辿り着きたいページに最短経路で誘導しています。ヘッダー部分にリンク配置されています。

CNET(IT関連メディア)

記事そのものにリンクを張るのではなく、記事を「ニュース」「特集」「インタビュー」に分類し、さらにニュース記事は「製品・サービス」「企業・業界」などに分けてアクセスしやすくしています。

HTMLサイトマップへのリンクは共通メニューに配置しよう

HTMLサイトマップを作成したら、全ページからサイトマップにアクセスできるよう共通メニュー部分に配置しましょう。

  • ヘッダー部分
  • フッター部分
  • グローバルメニューなど

ユーザーがアクセスしたいタイミングでアクセスできるよう、サイト内の全コンテンツからアクセスできることが大切です。

また、サイトの構造が変わった時にはサイトマップのページも更新し、情報が古くならないよう心がけましょう。

よくある質問(FAQ)

Q. HTMLサイトマップは必須?

A. 必須ではありません。ユーザビリティを向上させるために必要なら設置すべきものです。ナビゲーションやカテゴリページだけで全コンテンツに辿り着けるなら、無理に作成する必要はありません。

Q. XMLサイトマップとどちらが重要?

A. SEOの観点からはXMLサイトマップの方が重要です。XMLサイトマップは検索エンジンにサイト構造を伝え、クロールを促進します。HTMLサイトマップはユーザビリティ向上が目的です。

Q. HTMLサイトマップの更新頻度は?

A. サイトの構造が変わった時に更新しましょう。新しいカテゴリを追加したり、大幅なリニューアルを行った際には、サイトマップも合わせて更新します。

Q. 記事を追加するたびに更新が必要?

A. WordPressのプラグインを使っている場合は自動更新されるので、手動での更新は不要です。手動で作成している場合は、定期的な更新が必要になります。

まとめ:HTMLサイトマップでユーザビリティを向上させよう

この記事では、HTMLサイトマップとXMLサイトマップの違いから作り方まで解説しました。

重要ポイント:

  • HTMLサイトマップは人間向け、XMLサイトマップは検索エンジン向け
  • HTMLサイトマップには直接的なSEO効果はほとんどない
  • メリットはユーザーが得たい情報にすぐアクセスできること
  • WordPressならプラグインで簡単に作成可能
  • 全ページからアクセスできるよう共通メニューに配置する

判断ポイント:

  1. 余力があるなら作るのがおすすめ
  2. HTMLサイトマップが無くても全コンテンツに辿り着けるか確認
  3. 競合他社が作成しているか確認

次のステップ:

  • 自サイトにHTMLサイトマップが必要か判断する
  • 必要ならWordPressプラグインで簡単に作成する
  • 共通メニュー(ヘッダーやフッター)にリンクを配置する
  • XMLサイトマップも設定されているか確認する

HTMLサイトマップは直接的なSEO効果はありませんが、ユーザビリティや滞在時間の向上につながります。特に多くのコンテンツを持つサイトでは、ユーザーが目的のページを見つけやすくなるので、余力があれば作成を検討しましょう。