はじめに
概要
この文書は、サイトマップのツリー(階層図)を自動生成したい方のためのガイドです。既存サイトの階層構造を可視化したい場合、XMLやHTMLのサイトマップファイルを自動生成したい場合、新規サイト設計でツリー図を作成したい場合など、用途別に役立つツールや検索キーワード、探す際のポイントを紹介します。
本書の目的
用途に応じた検索キーワードやツールを整理し、探す時間を短くします。具体例を交えて、どんな場面でどのキーワードが有効かを示します。たとえば、既存サイトのURL一覧からツリー図を作る場合と、新しくページ設計するために空のツリー図を作る場合では、検索ワードやツールが異なります。
想定する読者
・自分でサイト構造を把握したいウェブ担当者
・制作会社に指示を出すプランナー
・個人でサイトを設計する方
専門知識がなくても使えるツールを中心に紹介します。
本書の構成と使い方
第2章で目的別のおすすめキーワードを示します。第3章で探す際のポイントを説明し、第4章で具体的な提案を行います。まずは自分の目的(可視化・XML生成・設計)を明確にしてから第2章へ進んでください。
目的別おすすめキーワード
目的別に使いやすい検索キーワードをまとめました。用途に合わせて組み合わせて検索すると、目的に合うツールや情報を見つけやすくなります。
既存サイトの階層構造をツリー表示したい
- 「サイトマップ ツリー 自動生成 ツール」
- 「ビジュアル サイトマップ 自動生成」
- 「サイト構成図 自動作成 ツール」
- 「ディレクトリマップ 自動生成 Chrome 拡張”
用途説明:既存サイトのページ構成を視覚化したいときに有効です。例えば、Chrome拡張で素早くページをたどり、ツリー表示を生成できます。表示を画像やCSVで保存できるツールを探すと便利です。
XML/HTMLのサイトマップを自動生成したい(SEO向け)
- 「XML サイトマップ 自動生成 ツール」
- 「HTML サイトマップ 作成 フリーソフト」
用途説明:XMLは検索エンジン向け、HTMLは訪問者向けの一覧作成に適します。サイトの規模や更新頻度に合わせて自動生成と手動更新の両方を検討してください。
新規サイト設計用にツリー図を作りたい(ドラッグ&ドロップ)
- 「サイトマップ 作成 ツール 無料」
- 「サイト構成図 作成 オンライン」
- 「ビジュアル サイトマップ 作成 SaaS」
用途説明:設計段階ではドラッグ&ドロップでページを並べ替えられるツールが便利です。テンプレートやエクスポート機能(PNG、CSV、XML)を確認すると運用が楽になります。
探す際のポイント
まずは表記を確認しましょう
「既存サイトURLを入力 → 自動クロールしてツリー生成」といった文言があるか探します。サービス説明や機能一覧にこの流れが書かれていれば、実際にサイト構造を自動で読み取ってツリーを作れる可能性が高いです。ボタン名やキャッチコピー(例:「サイトマップ生成」「サイトクロール」)も手がかりになります。
「ビジュアル」「ツリー表示」「階層図」があるか
こうした言葉があると視覚的なサイトマップツリーを出せることが多いです。スクリーンショットやデモの画像が掲載されていれば、どの程度見やすいか判断できます。視覚化があると、直感的にページの関係を把握できます。
無料枠の範囲を必ずチェックする
無料プランの上限(ページ数、プロジェクト数、更新頻度など)を確認してください。例えば「無料は100ページまで」「プロジェクトは1つまで」といった制限がよくあります。制限内容で使い勝手が大きく変わるため、事前確認が重要です。
実際に試すための手順
- 機能説明やスクリーンショットで確認する。2. デモや無料トライアルがあれば短時間で試す。3. 利用規約や料金表で制限を読む。4. レビューで実使用の感想を探す。これらを順に行うと選びやすくなります。
注意点
ログインが必要なページや動的に生成されるコンテンツはクロールできない場合があります。ログイン対応やJavaScript対応の有無も確認してください。
具体的な提案について
はじめに
どちらを望むか(既存サイトをクロールしてツリー化するか、これから作るサイトの構成案をツリーにするか)を教えてください。選択により使うツールや手順を絞り込めます。
1) 既存サイトをクロールしてツリー化したい場合
- おすすめの手順
- クローラーでサイトを取得します(例:Screaming Frogや無料のwget)。
- URL一覧をCSVで出力します。
- 階層(スラッシュ区切り)でグループ化し、ExcelやGoogleスプレッドシートでツリー化します。
- ツール候補
- Screaming Frog(GUIで簡単、サイト構造が見やすい)
- wget/HTTrack(無料でダウンロードして解析可能)
- 注意点
- ログインが必要なページは別扱いになります。
2) これから作るサイトをツリーで作りたい場合
- おすすめの手順
- 主要な目的(例:商品紹介、ブログ、問い合わせ)を決めます。
- トップ層(例:ホーム/サービス/事例/ブログ/お問い合わせ)を作ります。
- 各カテゴリの下に必要なページを列挙します(例:サービス→料金、特徴、導入事例)。
- ツール候補
- diagrams.net(旧draw.io):無料で図を作れます。
- Figma/Whimsical:共同編集に便利です。
- テンプレ例(簡易ツリー)
ホーム
├ サービス
│ ├ 概要
│ ├ 料金
│ └ 導入事例
├ ブログ
└ お問い合わせ
次に教えていただきたいこと
- 既存サイトのURLか、新規サイトで想定するページ数や目的を教えてください。そうすれば、より具体的な手順とツール構成を提案します。












