【無料】サイト構造を丸ごと可視化！ディレクトリマップ自動生成ツール

サイト構造を丸ごと可視化！ディレクトリマップ自動生成ツール

ECサイトのSEO改善やリニューアル時、「今のサイトって全部でどれくらいのページがあって、各ページのtitleやdescriptionってどうなってるんだっけ？」と調べたくなる場面、ありませんか？

ページ数が少なければ手作業でも対応できますが、100ページ、200ページ…と増えてくると、1ページずつ確認していくのは現実的ではありません。

そこで今回は、URLを入力するだけでサイト全体のディレクトリマップを自動生成するGoogle Apps Script（GAS）ツールをご紹介します。

このツールでできること

対象サイトのURLを入力して実行するだけで、以下の情報をGoogleスプレッドシートに自動出力します。

• サイト全体のURL一覧（sitemap.xml＋内部リンクから自動収集）
• 階層構造の可視化（第1階層〜第5階層にページタイトルを自動分類）
• 基本SEO項目（title / h1 / meta description / meta keywords）
• OGP情報（og:title / og:description / og:url / og:type / og:image）
• 技術チェック項目（HTTPステータスコード / https判定 / viewport / noindex / リダイレクト先 / ページサイズ）

一括取得可能で、取得結果はそのままスプレッドシート上で確認・編集できます。

活用シーン

① SEO現状調査 新規案件でサイトの全体像を把握したいとき、まずこのツールで一括取得。description未設定のページやnoindexの漏れなど、改善ポイントが一目でわかります。

② サイトリニューアル前の棚卸し 既存ページの一覧とSEO設定状況を洗い出し、リニューアル時のURL設計やリダイレクト計画のベースデータとして活用できます。

③ 定期的なサイトヘルスチェック 月次や四半期ごとに実行して、ステータスコードの変化やmeta情報の抜け漏れを定点観測。問題の早期発見につながります。

④ 競合サイトの構造分析 自社サイトだけでなく、競合サイトのURLを入力すればディレクトリ構造やSEO設定の傾向も確認できます。

使い方（3ステップ）

Step 1：スプレッドシートにスクリプトを設置 Googleスプレッドシートを新規作成し、「拡張機能」→「Apps Script」からコードを貼り付けて保存します。

Step 2：対象URLと取得数を設定 スプレッドシートをリロードすると「設定」シートが自動生成されます。対象サイトのURLと最大取得ページ数（デフォルト500件）を入力してください。

Step 3：メニューから実行 メニューバーに表示される「🗺️ ディレクトリマップ」→「▶ クロール実行」をクリック。あとは自動で処理が進み、「ディレクトリマップ」シートに結果が出力されます。

出力イメージ

取得結果は以下のようなフォーマットでスプレッドシートに出力されます。

ステータスコードは色分け表示（200系＝緑、3xx＝黄、4xx/5xx＝赤）、noindex設定ページはオレンジでハイライトされます。

技術仕様

注意事項

• GASの実行時間制限（6分）があるため、ページ数が多い場合は複数回に分けて実行するか、最大取得数を調整してください。
• JavaScript描画のページ（SPAなど）はHTMLソースからメタ情報を取得するため、正しく取得できない場合があります。
• 対象サイトのサーバーに負荷をかけないよう、連続実行は控えてください。

お申し込み

下記フォームよりお申し込みください。
ご登録いただいたメールアドレスに、ツールのURLをお送りいたします。