ECサイトの運営者が知るべき3つのサイトマップと作成方法を完全解説

ECサイトの運営に携わる方で「サイトマップ」をよく知らない方も多いかと思います。サイトマップは「お客様向け」、「制作スタッフ向け」、「クローラー向け」の3種類があります。サイトマップの知識を得ることで、適切なSEOの対策はもちろん、利便性の高いECサイトの構築ができるようになります。今回は、初心者の方にもわかりやすく「サイトマップ」のいろはを解説します。最後までご一読ください。

1. ECサイトを正確に認識してもらうためにサイトマップを作る
2. まとめ

ECサイトを正確に認識してもらうためにサイトマップを作る

サイトマップとは、サイト全体の「ページ構造」を表した一覧です。あなたのECサイトを参照するのは、「お客様」・「制作スタッフ」・「検索エンジンのクローラー」の3方が存在します。それぞれに対応したサイトマップが次の3つです。

HTMLサイトマップ（お客様向け）
サイトの構成図（制作スタッフ向け）
XMLサイトマップ（クローラー向け）

それぞれの形式を詳しく見ていきましょう。

1. HTMLサイトマップ（お客様向け）

あなたのECサイトに訪問してくださったお客様向けに公開するサイトマップです。特に商品点数やカテゴリが複雑な中～大規模ECサイトの場合、お客様が目的の商品・サービスにたどりつけないことがあります。お客様を迷子にさせないために、HTMLサイトマップを用意します。

例えば、楽天トラベル様の実例を見てみましょう。

楽天トラベル様のサイトマップでは、国内旅行、海外旅行のカテゴリ別に、エリア・テーマなどの目的別でデザインされています。商品点数が多く旅行目的も無数にあるため、詳細をアコーディオン型で開閉し見やすさを工夫されています。

続いてライフネット生命様の実例を見てみましょう。

ライフネット様のサイトマップでは、保険の各種手続き方法や、支払方法などの「悩み・目的別」で構成されています。シンプルなサイトマップですが、色分けや配置のデザインで見やすさを工夫されています。

SEO目的であればHTMLサイトマップは不要

10年ほど前までは、検索エンジンのクローリングのあり・なしがSEOに直結していたため、HTMLサイトマップの配置が一般的でした。現在はクローラーの精度が向上しており、よほどECサイトの構造に欠陥がない限りは、問題なくクローリングされるようになりました。また、クローラー対策においては、後述の「XMLサイトマップ」が主流であるため、SEO目的でHTMLサイトマップを作る必要はありません。

HTMLサイトマップを作成する際は、「お客様目線」で利便性の高いコンテンツを目指しましょう。

2. サイトの構成図（制作スタッフ向け）

ECサイトの運営や制作にかかわる社内・外部スタッフに対して、情報共有するための資料が「サイトの構成図」です。

ECサイトは規模が拡大すると運営にかかわるスタッフが増えてきます。また、商品点数が増えてカテゴリが複雑になると、第三者にサイトの構造を共有するのは困難になってきます。

サイトの構成図を作成することで、関係者への共有が容易になるだけでなく、サイトの全体像を俯瞰して見渡せるので、リニューアルや改修を行う際も効率的に進めることができます。

サイトの構成図は「ハイレベルサイトマップ」から作成する

サイトの構成図は「ハイレベルサイトマップ」と「詳細サイトマップ」の2種類があります。

ハイレベルサイトマップとは、サイトの上位階層のみ明記された構成図のことです。

上位階層のディレクトリをツリー状でまとめることで、ECサイトの全体像を俯瞰してみることができます。ハイレベルサイトマップは情報量が少ないため添削が容易です。新たにECサイトを構築する場合や、大幅にリニューアルする場合は、ハイレベルサイトマップの添削を繰り返して構成をしっかり固めましょう。

「詳細サイトマップ」を作成してECサイトの仕様をまとめる

ハイレベルサイトマップの構成がまとまれば、次に具体的な情報を記載した「詳細サイトマップ（ディレクトリマップ）」を作成しましょう。

詳細サイトマップに明記する項目は、主に次の内容です。

階層構造
パス（URL）
コンテンツ内容
ページタイトル
Meta description

ECサイトの制作に必要な情報が詳細サイトマップに明記されるので、あなたのECサイトに詳しくない第三者に対しても、容易に構造を理解してもらえます。結果として制作の労力が省けて作業効率がアップします。

「サイトの構成図」はエクセルやパワーポイントで作成する

サイトの構成図は、お客様向けのコンテンツではないので、こだわったデザインは不要です。作成ツールは「サイト構成図作成ツール」で検索するとたくさんヒットしますが、エクセルやパワーポイントでも十分です。

ツールを選ぶポイントは関係者と共有しやすい形式であること。そして修正しやすいツールを選びましょう。個人的には、ハイレベルサイトマップは「パワーポイント」、詳細サイトマップは「エクセル」が一押しです。なお無料のGoogleスプレッドシートを活用すれば、外部スタッフともリアルタイムで共有が可能です。

Googleスプレッドシート

3.XMLサイトマップ

XMLサイトマップは、検索エンジンにクロールしてほしいページを伝えるためのリストです。次のイメージ画像のように、形式にそって情報を記述します。

XMLサイトマップで理解しておきたいのは次の2つです。

必ずしもクローラーが巡回してくれるとは限らない
検索エンジンで上位表示される要因にならない

XMLサイトマップを作成するメリットは、検索エンジンのクローラー巡回（クローリング）を効率的に行えることです。SEOは「コンテンツの質」が重要であるため、XMLサイトマップの有り無しは直接関係ありません。ただし、クローリングの効率が上がればインデックスされやすくなるので、頻繁に更新するサイトにとっては、SEO的に好ましい状態であるといえるでしょう。