Chrome DevTools MCP：検索とSEOの不調を突き止める必携ツール

By Jacob Campbell · Published July 10, 2026 · Updated July 10, 2026 · 🔎 ChromeとSEO · 9 分で読めます

要点

• 公式 — Chrome DevToolsチームが開発・保守
• 本物のChrome — Puppeteerで実ブラウザを操作——推測ではない
• CWV — Googleと同じやり方でCore Web Vitalsを計測
• コンソール — エラー、ネットワーク、描画後のDOMを読む

Chrome DevTools MCPとは何か

Chrome DevTools MCPは、Model Context Protocol向けのGoogle公式サーバーで、AIアシスタントにChrome DevToolsの力をそのまま与えます。内部ではPuppeteerを使って実際のChromeを動かすため、ClaudeはURLを開き、パフォーマンストレースを記録し、コンソールとネットワークの動きを読み、描画後のDOMを調べ、操作を自動化したうえで、結果を待って報告できます。想定されているのはコーディング用のエージェントですが、検索の不調を追う人にとっては贈り物です。当て推量ではなく、本物のブラウザのデータが手に入るのですから。

検索の問題に必携である理由

Googleが評価するのは描画後のページであって、ソースではありません。SEOの問題の多くは、まさにそこに隠れています。コンテンツの表示を遅らせるJavaScript、Largest Contentful Paintを沈める画像、スクリプトを止めるコンソールエラー、クロール予算を食いつぶすリダイレクトの連鎖。このMCPがあれば、Claudeは本物のChromeでページを読み込み、それらを直に見られます——Google自身のシステムが反応するのと同じ信号です。「画像を圧縮してみては」ではなく、「LCP要素は1.8 MBのヒーロー画像で4.1秒に読み込まれています。直し方はこうです」が返ってきます。

「なぜ順位が付かないのか」を診断する

Claudeにページを指し示し、なぜ振るわないのかを尋ねてください。Chrome DevTools MCPを介して、パフォーマンストレースを実行してCore Web Vitalsを報告し、描画を妨げるリソースを指摘し、コンソールエラーを列挙し、そもそも本文が描画後のDOMに存在するか（JavaScript SEOにありがちな落とし穴です）を確認し、構造化データやメタタグが描画後も残っているかを点検できます。数分で、優先順位が付き根拠のあるリストが手に入ります——勘と診断の違いです。

診断から修正までをひと続きで

真価が出るのは、実際に手を動かせるツールと組み合わせたときです。ClaudeはChromeで問題を計測し、そのうえで——ファイルやCMSがつながっていれば——修正を加え、再計測して効いたことを示します。この観察・修正・検証のループこそ、良いパフォーマンス改善が実際にたどる道筋であり、それが一度の対話に凝縮されます。まさにこのサイトでも、その型でLighthouse 100と1秒未満の表示を保っています。本物のブラウザで測り、変え、数字が動いたことを確かめる。

できないこと（それで構わない理由）

Chrome DevTools MCPは計測と自動化の道具であって、順位の託宣ではありません。狙うべきキーワードは教えてくれませんし、コンテンツ戦略も書きません。取り除いてくれるのは技術的な霧です。「サイトが遅い気がする」「Googleに載らない」を、具体的で再現でき、手を打てる数値とエラーに変えてくれます。中身のある記事と堅実な情報設計を合わせれば、SEOの両輪——技術と編集——をどちらも押さえられます。

はじめ方

対応しているのはGoogle Chrome（およびChrome for Testing）です。MCPサーバーをClaudeにつなぎ、URLと問いを渡してください。「Core Web Vitalsを測って、何が足を引っ張っているか挙げて」「このページを読み込んで、JavaScriptなしで本文が描画されるか教えて」といった具合です。まずはステージング用のコピーで始めれば、自由に変えて測り直せます。漠然とした順位の不安が具体的な修正リストに変わるのを一度見れば、もう手探りで検索の問題を追うことはなくなります。

出典と参考資料

• ChromeDevTools/chrome-devtools-mcp — 公式サーバー
• Chrome for Developers — AIエージェントのためのChrome DevTools MCP
• modelcontextprotocol.io — オープン規格のMCP

あわせて読みたい

• Core Web Vitalsの解説 — Chrome DevTools MCPが測るのは、まさにこの指標です。
• サイトの順位が付かない理由 — 実ブラウザでの点検が素早く暴き出す類いの問題。
• Claude + MCPが最強である理由 — 観察・修正・検証のループを、あらゆるツールで。

よくある質問

Chrome DevTools MCPとは何ですか？

Google公式のMCPサーバーで、ClaudeのようなAIアシスタントにChrome DevToolsへのアクセスを与えます。Puppeteerで本物のChromeを操作し、性能の計測、コンソールとネットワークの読み取り、描画後のDOMの調査、ブラウザ操作の自動化を行います。

SEOにはどう役立ちますか？

Googleが評価するのは描画後のページであり、このMCPはClaudeにそのページを実ブラウザで見せます。Core Web Vitals、描画を妨げるリソース、コンソールエラー、そして本文や構造化データが実際に現れているかどうか。漠然とした順位の不安が、具体的で直せる問題に変わります。

LighthouseやSearch Consoleの代わりになりますか？

いいえ、補い合う関係です。同じブラウザ診断にAIが実時間で手を届かせるため、静的なレポートを読む代わりに、問題の計測から修正、再計測までをひと続きで進められます。

対応ブラウザは？

公式にはGoogle ChromeとChrome for Testingに対応し、Puppeteerで自動操作します。

導入は難しいですか？

難しくありません。MCPサーバーをClaudeにつなぎ、URLと問いを渡すだけです。ステージング用のコピーで作業すれば、自由に変えて測り直せます。