サイト内検索サービス
AI検索サービス
EC向け商品検索サービス
ECサイトの運営において、ユーザーの利便性向上やSEO対策に欠かせないのが「サイトマップ」です。 しかし一口にサイトマップと言っても、HTML・XMLなど複数の種類があり、それぞれ役割や作成目的が異なります。 そこで本記事では、ECサイトでよく使われるサイトマップ4種類を解説し、効果的な作り方や導入の流れ、実際の成功事例も交えて紹介します。 また、記事内ではサイト内検索で導線を効率よく改善する「GENIEE SEARCH(ジーニーサーチ)」をご紹介します。ぜひあわせてご検討ください。
GENIEE SEARCHについてのお問い合わせ・資料請求はこちら
ECサイト担当者必見! AIを活用したパーソナライズ施策と新たな体験 現代社会では、情報の氾濫により消費者が「コンテンツ疲れ」に陥ることが問題視されています。このような状況下では、不要な情報を排除し、ターゲットに対して的確な情報を提供する施策が欠かせません。必要な情報をピンポイントで届けるためのパーソナライズ施策をご紹介します。 お役立ち資料の無料ダウンロードはこちら 【目次】
AIを活用したパーソナライズ施策と新たな体験
現代社会では、情報の氾濫により消費者が「コンテンツ疲れ」に陥ることが問題視されています。このような状況下では、不要な情報を排除し、ターゲットに対して的確な情報を提供する施策が欠かせません。必要な情報をピンポイントで届けるためのパーソナライズ施策をご紹介します。
ECサイトにおける「サイトマップ」とは、Webサイト内の全体構造やページ情報を一覧化したファイルを指します。 ユーザーと検索エンジンの双方に向けて、サイト内の情報を整理して伝える役割を担っており、SEO施策においても非常に重要な要素の一つです。 特に、商品数が多く、カテゴリ階層が深くなりがちなECサイトにおいては、適切なサイトマップの設置が不可欠です。 適切なサイトマップを設置すれば、検索エンジンの評価向上だけでなく、ユーザーの利便性向上にもつながり、最終的にはCVRアップも期待できるでしょう。 ECサイト運営の基盤として、サイトマップの重要性を正しく理解し、最適な構築を目指しましょう。
おもなECサイトのサイトマップの種類は以下の4つです。
ここでは、上記のサイトマップが持つ役割について解説します。
構成図サイトマップは、サイト制作側へ向けた設計図の役割を担います。ツリー状の表で作成し、どんなページがあり、どのような階層構造をしているかを一目でわかるようにしたものです。 例えば、アパレル系のECサイトの場合、構成図サイトマップには企業情報やプライバシーポリシーなどの基本的なページのほかに、商品のカテゴリや、カテゴリ内の商品ページが細かく表にまとめられています。 構成図を作成することで、制作側はコンテンツの抜け漏れを防ぐことができ、正確・効率的にサイト制作を進めることができます。
HTMLサイトマップはECサイトに訪問したユーザ向けに作成されるもので、いわば実店舗における案内図です。ページ作成にはプログラミング言語の「HTML」を利用するため、HTMLサイトマップと呼ばれています。 ECサイトを閲覧した時に、トップ画面のヘッダやフッタ、左右に配置されるカラムと呼ばれるスペースなどにサイト内の案内を作成します。 例えば、総合百貨店のECサイトの多くでは左側に商品カテゴリ(アウター/シューズ/食品/日用品など)が並んでいます。また、サイト下部のフッターと呼ばれるスペースに、より網羅的にカテゴリを陳列している場合もあります。 HTMLサイトマップがあることで、ユーザが欲しい商品を探す時間が省け、購入までつながりやすくなります。しかし、現在ではHTMLサイトマップよりも、商品キーワードを入力し商品を探せるサイト内検索がよく使われるようになっています。
サイト内検索とは?3つのやり方・導入方法から活用事例までを解説
XMLサイトマップは、SEO対策に重要な役割を担っています。XMLとは、GoogleやYahoo!などの検索エンジンがWebページの内容を収集し、検索結果に表示できるようにデータベースへ登録するクローラというロボット向けにサイト内の全ページのURLや更新頻度、重要度などをまとめたXML形式のファイルです。XMLサイトマップがあることで、Webページがインデックスされやすくなり、クローラがECサイトの内容を理解しやすくなるため、SEO対策の有効な手段となっています。
ハイレベルサイトマップとは、サイト全体の構造を上位階層で整理したもので、トップページからカテゴリーページ、主要な商品一覧ページまでの大枠を俯瞰できるようになっています。 詳細な下層ページを省き、サイト構造を簡潔に可視化して、ユーザーの回遊経路やCVまでの導線を最適化するために活用されます。 ハイレベルサイトマップを設計段階で活用すると、ECサイト内の「情報の整理」「動線の明確化」「UX改善」に繋がり、最終的にはCVの最大化が実現できます。 CVR向上を目的とするのであれば、まずはハイレベルサイトマップでサイト構造を整理し、導線を改善するためユーザーの検索・回遊体験を支援するツールを活用すると効果的です。 そこでおすすめの支援ツールが、高度な検索体験を提供する「GENIEE SEARCH」です。 GENIEE SEARCHについては次項にて詳しく解説します。
ECサイトのCVRを最大化させるためには、ハイレベルサイトマップでサイト構造を整理した上で、ユーザーが欲しい商品に素早くたどり着ける導線を設計することがポイントです。 この導線設計の際に役立つのが、GENIEEが提供する「GENIEE SEARCH」です。 「GENIEE SEARCH」は、ユーザーの検索体験を格段に向上させる高性能なサイト内検索エンジンです。 検索キーワードの入力補助や商品名のあいまい検索、カテゴリ・価格・在庫状況による絞り込み、画像付きサジェストなど、ECサイトに特化した多彩な機能を備えています。 特に、商品数の多いECサイトでは「検索で見つからない」と離脱に直結するため、精度の高い検索機能はCV向上に直結します。 また、スマホ向けにも最適化されており、モバイルユーザーにも快適な操作性を提供できる点も大きな強みです。
ECサイトのCV対策として、単に見やすく構造を整えるだけでなく、検索による導線と商品提案の質を高めることが大切です。 GENIEEの検索機能を導入すれば、ユーザーは迷わず、欲しい商品と出会えるようになり、売上アップにつながります。 ECサイトの成長を本気で目指すなら、ぜひ導入を検討してみてください。
ECサイト担当者必見! AIを活用したパーソナライズ施策と新たな体験 現代社会では、情報の氾濫により消費者が「コンテンツ疲れ」に陥ることが問題視されています。このような状況下では、不要な情報を排除し、ターゲットに対して的確な情報を提供する施策が欠かせません。必要な情報をピンポイントで届けるためのパーソナライズ施策をご紹介します。 お役立ち資料の無料ダウンロードはこちら
ECサイトでサイトマップを作成するメリットはおもに以下の5つです。
ここでは、上記のメリットについて解説します。
1つ目のメリットは「ユーザビリティの向上」です。ユーザビリティとは、主にWebサイトの使いやすさを指します。ユーザ向けのサイトマップは、トップページ内で商品カテゴリや問い合わせ場所などがすぐにわかるように配置をすることが重要です。 ユーザーがサイト内の構造を把握することで、目的商品がどこにあるのかが明確になり商品を探す手間を減らすことができるため、離脱率低下につながります。
離脱率を改善する7つの方法とは?原因から対策までを解説
メリットの2つ目はサイト内のリンク構成の明確化です。 ECサイトは商品ページが多くなりがちです。 サイトマップを作成することで、ECサイトの構造や階層関係を一覧化し、視覚的に把握することができます。ユーザーやECサイトの管理者は、どのページにどの商品があるのかをすぐに把握することができ、ナビゲーションとして役立ちます。
Webサイトのナビゲーションメニューの種類と役割を徹底解説
3つ目のメリットは、クローラに向けたSEO対策が可能な点です。 クローラとは、前項でも説明したように検索エンジンのプログラムであるロボットです。SEOはこのクローラに対して、ECサイトの各ページを理解しインデックス登録してもらうことで検索結果の上位に表示されることを目的としています。そのため、XMLサイトマップを整備しクローラへECサイトの存在と構成を認識してもらうことが重要です。
4つ目のメリットは階層構造の可視化ができる点です。 階層構造とは親となる階層の中にいくつもの子の階層が入り、それぞれが枝わかれをしていく構造で、ECサイトは基本的に階層構造になっています。 サイト制作において、管理者はECサイトのメンテナンスや修正、紹介文のリライトなどの管理が必要なため、階層構造を把握しておく必要があります。また新しいECサイトを構築する際にも構成図サイトマップを用いて制作を進めるため、階層構造の可視化により運用を効率化できるメリットがあります。
5つ目のメリットはWeb解析の精度向上です。 管理者側はECサイトの運営において、定期的にWeb解析が必要です。Google Analyticsなどのアクセス解析ツールを利用して、PV数やユーザの回遊率、CVRなどの数値データから改善点を見つけ、新たな施策を打ち出していきます。 構成図サイトマップやHTMLサイトマップを用意しておくことで、数値データとサイトの構成を照らし合わせながら視覚的なWeb解析が可能になります。
ECサイトのデータ分析手法とは?おすすめツール12選や手順、指標を解説
現在のECサイトのサイトマップを確認する方法はおもに以下の2つです。
ここでは、上記の方法について解説します。
手動でのもっとも基本的な確認方法は、以下のような一般的なURLに直接アクセスしてみる方法です。
(※example.com箇所は任意のドメイン)
サイトマップが適切に設置されていれば、URLをブラウザで開くと、XML形式のページ一覧が表示されます。 また、URLで確認できなかった場合は、サイトのルートにある「robots.txt」ファイルを確認し、このファイル内に「Sitemap:」という記述がある場合、そこに記載されたURLがサイトマップの場所となります。
ECサイトのサイトマップを効率的かつ正確に確認したい場合、専用のチェックツールの活用がおすすめです。 特に商品数やページ数の多いサイトでは、手動では見落としやすい構成ミスや記述エラーを自動で検出できるため、SEO施策においても非常に有効です。 代表的なチェックツールは以下の通りです。
上記のようなツールを活用すれば、人的リソースを削減しながら高精度なチェックが可能となります。
ここでは、以下のサイトマップごとの作成手順を解説します。
まずは構成図サイトマップの作成手順は以下の3ステップです。
構成図は必要ページの抜け漏れがないように書き出すのがポイントです。トップページ、カテゴリーページ、商品一覧、会社情報、問い合わせページなど、ユーザーが訪れる可能性の高いページを優先的にリストアップしましょう。 ExcelやGoogle スプレッドシートを使いツリー状に作成していきましょう。
HTMLサイトマップの作成手順は、以下の2ステップです。
HTMLサイトマップは前述したようにユーザー向けに作成されるものです。そのため作成する際はユーザーが目的の情報を探し出せるような構成を意識します。すべてのページを網羅する必要はなく、ユーザビリティ向上につながる「重要ページの一覧」を意識することがポイントです。 選定したページは構成図サイトツリーを参考にしつつ、ユーザーが迷わずたどれる導線を意識して階層構造やデザインを検討し、ナビゲーションやフッターに配置しましょう。PCサイトはもちろん、スマートフォンでの閲覧性も考慮しましょう。 「サイトマップ」という文言でECサイト上にリンクを明示すれば、訪問者にもわかりやすくなります。
参考:Amazonのサイトマップ
XMLサイトマップを作成する際は、まずサイト内のどのページをXMLサイトマップに記載するかを決定します。 一般的に、以下のようなSEO上重要なページを対象とします。
ページを選定した後は実際の作成に入りますが、ECサイトの規模によって、XMLサイトマップの作成方法は以下のように異なります。
特にページ数が多い場合は、サイトマップインデックス(sitemap_index.xml)を使って管理すると効率的です。
ここでは、以下のECサイトのサイトマップの参考となる事例を5つ紹介します。
イタリア発の高級レザーブランド「PELLE MORBIDA」は、オムニチャネル戦略の好例としてそのサイトマップの設計が注目されています。 特に以下の3つの工夫が特徴的です。
特に、商品販売ページとブランド情報ページを分けて配置している点は、ECサイトにおける導線設計の参考になります。 商品スペックだけでなく、ブランドの世界観や理念などの情報にも価値があるからこそ、それぞれを独立させて伝える設計が高い効果を生んでいます。
商品ジャンル別の分類が工夫されている好例として、西武・そごうが展開する「e.デパート」のサイトマップが挙げられます。 e.デパートのサイトマップの特徴は以下の通りです。
e.デパートでは、実店舗の商品構成を反映する形で、ECサイト上でもカテゴリーを丁寧に細分化しています。 例えば、「レディースファッション」や「食品」などの大枠から、「ワンピース」「和菓子」などの具体的な小分類へと、階層的にナビゲートできるよう設計されています。
食品宅配サービスを展開する「生活協同組合パルシステム東京」のECサイトでは、サイトマップの設計にも工夫が凝らされています。 例えば、左側のカラムには常にナビゲーションが表示されており、サイト内のどのページからでも主要ページにすぐアクセスできる設計になっています。 また、フォントや配色も全体のデザインと調和しており、視認性が高く、ユーザーにとってストレスのない閲覧体験が実現されている点も特徴的です。 サイト全体の雰囲気にマッチしたUIが、使いやすさを高めている好例といえるでしょう。
家具・インテリアを扱う通販サイト「LOWYA」でも、サイトマップの構成に工夫が見られます。 画面中央には商品カテゴリごとのリンクが一覧化されており、右側のカラムでは会員情報や利用ガイドなど、サイト利用に関するページへの導線が設けられています。 掲載されている商品数が非常に多いため、サイトマップの内容もボリュームがありますが、各項目が整理されており、目的のページに迷わずアクセスできる点が特長です。
化粧品や健康食品を主力とするDHCのECサイトのサイトマップは、ユーザー視点を意識した設計になっています。 各ページがカテゴリごとに整理されており、非常に見やすい構成です。 特に、利用頻度が高いと想定されるコンテンツは上部に配置されており、訪問者が目的の情報にスムーズにたどり着けるよう配慮されています。
ここでは、以下のECサイトのサイトマップに関するよくある質問とその回答について解説します。
サイトマップは一度作成すれば終わりではなく、ECサイトの運営状況に応じて定期的に更新する必要があります。 特に商品数やページ構成の変化が多いECサイトでは、更新のタイミングを見逃すと検索エンジンに最新情報が正しく伝わらず、インデックス漏れやSEO評価の低下を招く可能性があります。 サイトマップを更新すべきタイミングは以下の通りです。
検索エンジンに正確な構造と最新コンテンツを届けるためにも、サイトの運用状況に合わせて、定期的かつ柔軟にサイトマップを更新していくようにしましょう。
サイトマップの作成に必要なツールは、HTML・XMLで以下のように異なります。
サイトマップは基本的にはインストールしたプラグインにより自動更新されます。 XMLサイトマップも自動で更新されますが、記事の新規投稿やページの修正、追加などが反映されないことがあります。 その場合は手動で更新を行なう必要があるため、定期的に確認を行いましょう。
今回はECサイトに必要な4種類のサイトマップについて解説しました。 サイトマップは制作者向け、ユーザ向け、検索エンジンのクローラ向けがあり、それぞれが重要な役割を担っています。 現在はサイトマップの自動生成ツールもあり、よりECサイトが管理しやすくなっています。また、サイト内検索機能を活用することで、より成果につながるサイト運営ができます。
サイト内検索機能をECサイトに導入する際におすすめするツールが「GENIEE SEARCH」です。 GENIEE SEARCHは、検索キーワードに即した商品をスムーズに表示し、ユーザーの離脱を防止できるサイト内検索ツールです。 欲しい商品を「探しやすく」することで、購入への導線を強化します。ECサイトの成長を目指すなら、サイトマップで土台を固め、GENIEEの高機能ツールで戦略的に導線を強化する施策が効果的です。 サイトマップの整備とあわせて、ぜひGENIEEのツールの導入も検討してみてください。
ECサイトとは?種類や作り方から成功させるポイントを事例とともに解説
サイトの使い心地、見直してみませんか?
EC/Webの課題を解決できる! 「GENIEE SEARCH」の 機能をご紹介
離脱率改善
CVR向上
リピート率向上
UX改善
サイト改善分析
パーソナライズド
会社名*
姓*
名*
メールアドレス*
電話番号*
資料のご利用目的*
自社利用他社利用
検討中のサイト種別*
企業サイトECサイトその他
導入検討のご状況
会社的に導入検討個人的には検討したい情報収集
個人情報の取扱いに同意する
GENIEE SEARCH編集部(X:@BST_hoshiko)
ECサイトや企業サイトにおける快適なユーザ体験を実現するための導線改善方法から、ECマーケティングの手法まで幅広く情報を発信しています。
監修者:森本 葉月
企業サイトやECサイトにおけるブランディング向上やUX改善につながる情報を発信。主にセミナー・SNS・メルマガ・プレスリリース等の企画運営を担当。
株式会社ストリーム様
ビジネスサーチテクノロジ株式会社