ClaudeでWebflowサイトのSEO監査を行うには?

結論:Webflow MCPを使ってClaudeをWebflowサイトに接続するか、サイトデータを手動でエクスポートします。そのうえでClaudeにページのメタデータをクロールさせ、不足または不十分なSEO要素を指摘させて、優先順位付きの修正リストを作成します。ワークフロー全体は1時間もかからず、手作業なら丸1日かかる監査に代わります。

WebflowサイトでSEO監査を行うには、Ahrefs、Google Search Console、CMSを行き来しながら、見つけた内容を手作業で突き合わせるのが一般的です。Claudeを使えば、このやり方が変わります。ClaudeをWebflowに直接接続すれば、最新のページデータを取得し、メタデータの不備を特定して、構造化された改善提案を、スプレッドシートを一切使わずに得られます。このガイドでは、SaaS HackersのB2B SaaSチームが監査時間を数時間から数分に短縮している、クロールと改善提案の具体的なワークフローを紹介します。

始める前に必要なもの

監査を実行する前に、次の3つを準備してください。

Webflowサイト(監査したいCMSコレクションまたは静的ページがあるもの)
Claude(Claude.ai Pro、またはClaude Codeを有効にしたAPIアクセス)
WebflowのAPIアクセス(Webflow MCP(Model Context Protocol)連携、またはWebflowダッシュボードからの手動データエクスポートのいずれか)

必須ではありませんが、あると役立つもの:

CSVとしてエクスポートしたAhrefsまたはGoogle Search Consoleのデータ(Claudeの提案にキーワードやトラフィックの背景情報が加わります)
主要ページのターゲットキーワード一覧

ステップ1:ClaudeをWebflowのデータに接続する

方法は2つあります。技術環境に合わせて選んでください。

オプションA:Webflow MCPを使う(推奨)

Webflow MCPを使うと、Claudeがサイト構造、CMSコンテンツ、メタデータを直接読み取れます。Webflowは2026年初めにネイティブのMCPサポートを追加したため、Claude Codeはカスタムスクリプトなしで WebflowのAPIを呼び出せるようになりました。

設定手順:

ターミナルでClaude Codeを開く
Claude Codeの設定ファイルにWebflow MCPサーバーを追加する
WebflowのAPIトークン(Webflowの「Account Settings」>「API Access」にあります)で認証する
テストプロンプトを実行する:「Webflowサイトの全ページを、現在のメタタイトルとメタディスクリプションとともに一覧表示してください」

Claudeがページの構造化された一覧を返せば、接続は完了です。

オプションB:手動エクスポート+貼り付け

Claude Codeを使わない場合は、DesignerからWebflowのCMSデータをCSVとしてエクスポートします(CMS > Collections > Export)。CSVの内容をClaudeの会話にそのまま貼り付け、ステップ2に進んでください。

この方法は100ページ未満のサイトであれば問題なく使えます。それより大きなサイトでは、MCP経由のほうが速く、正確です。

ステップ2:最初のクロール用プロンプトを実行する

ClaudeがWebflowのデータにアクセスできるようになったら、次の監査プロンプトを実行します。

You are an SEO auditor. Review the following Webflow site data and identify:
1. Pages missing a meta title
2. Pages with meta titles under 30 characters or over 60 characters
3. Pages missing a meta description
4. Pages with meta descriptions under 120 characters or over 160 characters
5. Pages missing an H1 tag
6. Pages with duplicate meta titles or descriptions
7. CMS collection pages with no SEO-specific fields populated

Return results as a structured table with: Page URL, Issue Type, Current Value, Recommended Action.

Claudeは表を返します。その表は、Notionのドキュメント、Googleスプレッドシート、プロジェクト管理ツールにそのままコピーできます。

ステップ3:キーワードの背景情報を加える

メタデータ監査で分かるのは、何が欠けているかです。キーワードの背景情報を加えると、何から直すべきかが分かります。

Ahrefsのデータがある場合は、上位ページのレポートをエクスポートし、監査結果と一緒に貼り付けます。そのうえで、次を実行します。

Here is my SEO audit output and my top pages by organic traffic. 
Cross-reference them and tell me:
1. Which high-traffic pages have the weakest metadata
2. Which pages rank for keywords that are not reflected in their meta titles
3. Which pages have strong keyword rankings but no meta description (losing click-through rate)

Prioritise fixes by traffic impact, highest first.

これにより、サイト上のすべての問題を並べただけの一覧ではなく、優先順位付きの修正リストが得られます。エンジニアリングの工数が限られているB2B SaaSサイトでは、優先順位付けが、実行に移される監査と、ドキュメントに埋もれたままの監査との分かれ目になります。この作業を広い意味での顧客獲得戦略にどう組み込むかについての枠組みが必要な場合は、SaaS HackersのB2B SaaSデジタルマーケティング完全ガイドもご覧ください。

ステップ4:改善提案を生成する

次は、問題を指摘させるだけでなく、実際の修正案をClaudeに書かせます。

メタデータを一括生成するには、次のプロンプトを使います。

For each page in the audit table marked as [missing meta description], write a new meta description that:
- Is between 140-155 characters
- Includes the primary keyword for that page (use the page title as a guide if no keyword is specified)
- Has a clear value proposition or call to action
- Matches the tone of a B2B SaaS brand: direct, specific, no hype

Return results as: Page URL | Current description | Suggested description

ステップ2で指摘されたメタタイトル、H1タグ、その他の要素にも、同じ構成で実行します。価値の高いページ全体で同じ不備が繰り返し見つかった場合は、専門性の高いB2B SaaSのSEOエージェンシーがメタデータ、コンテンツ、ページ内最適化のワークフローをどう構築しているかを確認するのも有効です。

ステップ5:修正をWebflowに反映する

ここが、MCP接続で最も時間を節約できる部分です。

Claude CodeをMCP経由でWebflowに接続していれば、Claudeの画面から離れずに、メタデータの変更を承認して反映できます。Webflow MCPは書き込み操作に対応しているため、変更を1件ずつ確認すれば、ClaudeがCMSフィールドを直接更新できます。

推奨ワークフロー:

出力された表でClaudeの修正案を確認する
それぞれを「承認」「編集」「却下」のいずれかにする
承認した変更をすべて反映するようClaudeに依頼する:「承認済みのメタデータ変更をすべて、対応するWebflowのCMSページに適用してください」
公開する前に、Webflow Designerで変更が正しく表示されることを確認する

MCPを使わない場合は、承認した値をWebflowのCMSエクスポートCSVに書き戻して再インポートするか、Designerで手動更新します。スマートさには欠けますが、問題なく機能します。

ステップ6:定期的な監査を設定する

一度きりの監査は、すぐに古くなります。新しいページが追加され、メタデータのないCMSエントリが作られ、順位も変動します。Claude Codeで定期実行のプロンプトを設定するか、監査プロンプトを再利用できるテンプレートとして保存しておきましょう。

月に1回、または新しいコンテンツをまとめて公開するたびに実行します。Webflow MCPなら十分に速く、ワークフローが整えば、月次のメタデータチェックは10分もかかりません。AIアシスタントが発見やサイト訪問にどう影響しているかを測定し始める場合は、SaaS HackersのAIツールからのトラフィックを計測する方法も参考になります。

このワークフローで見つかること、見つからないこと

Claudeは構造化データの分析が得意です。このワークフローでは、次の点を確実に検出できます。

全ページにわたるメタデータの欠落や不正な形式
重複したタイトルとディスクリプション
H1の欠落や見出し階層の問題
SEOフィールドが未入力のCMSコレクションページ
キーワードデータを渡した場合の、キーワードとタイトルの不一致

次の項目については、AhrefsやGoogle Search Consoleなどのツールの代わりにはなりません。

被リンク分析
Core Web Vitalsとページ速度
インデックスカバレッジとクロールエラー
時系列での順位推移データ

コンテンツとメタデータの層にはClaudeを使い、技術面と権威性の層には既存のSEOツールを使ってください。両方を組み合わせれば、監査の全体像をカバーできます。社内のワークフローだけでは足りない場合は、審査済みのB2B SaaSのSEOエージェンシーを比較したり、GEOやAEOのエージェンシーのような新しい検索チャネルの専門家を探したりすることもできます。

よくある質問

Q:ClaudeでWebflowサイトを監査するには、Claude Codeが必要ですか?

いいえ。Webflow MCPを併用したClaude Codeが最速の方法ですが、CMSデータをCSVとしてエクスポートし、Claude.aiに貼り付ければ、同じ監査を実行できます。手動の方法は100ページ未満のサイトに適しています。より大きなサイトでは、MCPを使ったClaude Codeのほうが大幅に速く、Webflowへの書き戻しにも対応しています。

Q:ClaudeによるWebflowのSEO監査にはどれくらい時間がかかりますか?

データ接続の設定が済んでいれば、50〜150ページ程度の一般的なB2B SaaSサイトで、クロールと改善提案のワークフローは30〜45分で完了します。Webflow MCP接続の初期設定には、初回のみ約20分かかります。2回目以降の監査は10分以内に終わります。

Q:Claudeはメタディスクリプションを書いて、Webflowに直接公開できますか?

はい、Claude Code経由でWebflow MCPを接続していれば可能です。ClaudeはCMSフィールドを読み取り、更新したメタデータを生成して、承認済みの変更をAPI経由でWebflowに反映します。公開前に、変更を1件ずつ確認して承認します。MCPを使わない場合は、フィールドを手動で更新するか、CSVを再インポートします。

Q:このワークフローは、CMSコレクションが大きいWebflowサイトにも向いていますか?

はい。Claudeは大規模な構造化データセットをうまく処理できます。数百件のCMSアイテムがあるサイトでは、コレクションの種類(ブログ記事、事例、ランディングページ)ごとに監査を分割し、それぞれ別々に実行してください。Webflow MCPはページネーション付きのAPI呼び出しにも対応しているため、Claude Codeはトークン上限に達することなく大規模なコレクションを処理できます。

Q:WebflowのSEO監査に最適なClaudeのプロンプトは何ですか?

最も効果的な最初のプロンプトは、6つの具体的な要素をClaudeに確認させるものです。メタタイトルの長さと有無、メタディスクリプションの長さと有無、H1タグ、そして重複メタデータです。ページデータは構造化された入力(CSVまたはMCP接続)で渡し、問題ごとに現在の値と推奨アクションを並べた表で出力するよう依頼します。この形式なら、結果の優先順位付けと実行にそのまま使えます。