Communitygithub.com

website-audit

任意の公開ウェブサイトの速度、SEO、アクセシビリティ、ベストプラクティスをGoogle PageSpeed Insightsで監査し、結果を優先順位付きの修正リストに変換します。サイトが遅い理由を尋ねられたとき、Core Web VitalsやSEOを確認したいとき、サイトを監査・比較したいときに最適です。

website-audit とは?

このスキル(website-audit)は、Developh の無料 MCP サーバー(https://www.developh.co/mcp)を通じて、任意の公開ウェブサイトに対して Google PageSpeed Insights(Lighthouse、モバイル)の監査を実行し、結果をわかりやすい優先順位付きの修正リストに変換します。API キー不要で、監査は完全無料です。Claude Code などの MCP 対応ツールから `run_website_audit` ツールを呼び出すか、curl で直接 HTTP リクエストを送信して利用できます。監査結果はパフォーマンス・アクセシビリティ・ベストプラクティス・SEO のスコア(0〜100)に加え、ラボデータ(シミュレーションモバイル負荷)と実ユーザーデータ(Chrome UX Report)の両方を提供するため、実際のユーザー体験に基づいた改善が可能です。このスキルは特に、サイト速度や SEO の問題分析、Core Web Vitals の確認、競合比較、そして「なぜ遅いのか」という質問に答えるシーンで役立ちます。結果は生のレポートではなく、すぐに実行できる修正リストとして提示することを推奨します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Developh/skills/tree/HEAD/skills/website-audit

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

website-audit は何をしますか?

公開ウェブサイトに対して Google PageSpeed Insights(Lighthouse、モバイル)の監査を実行し、最初に修正すべき項目を説明します。 監査は無料で、API キーは不要です。Developh の MCP サーバー(https://www.developh.co/mcp)上で動作します。

監査の実行

MCP サーバーが接続されている場合(developh サーバー、ツールは適切なプレフィックスが付きます):run_website_audit を呼び出し、 url(ドメインまたは完全な http(s) アドレス)と locale(en、またはヨーロッパポルトガル語の pt)を指定します。

サーバー未接続の場合、同じツールを HTTP 経由で呼び出します。1 リクエストで、セッションは不要です:

curl -s -m 150 -X POST https://www.developh.co/mcp \
  -H "Content-Type: application/json" -H "Accept: application/json, text/event-stream" \
  -d '{"jsonrpc":"2.0","id":1,"method":"tools/call","params":{"name":"run_website_audit","arguments":{"url":"example.com","locale":"en"}}}' \
  | sed -n 's/^data: //p' | python3 -c 'import sys,json; r=json.load(sys.stdin); print(r["result"]["content"][0]["text"] if "result" in r else r)'
  • 処理には 10 ~ 90 秒かかります。再試行する代わりに、ユーザーには実行中であることを伝えてください。
  • 公開 http(s) アドレスのみ動作します:localhost、IP アドレス、ログインが必要なステージング環境、社内ホストは使用できません。
  • サーバーはクライアントあたり 10 分間に約 20 回の監査を許可します。サイトマップ全体ではなく、重要なページ(ホーム、1 つの商品またはサービスページ、お問い合わせまたはチェックアウトページ)を監査してください。

結果の読み方

このツールはマークダウンを返します。以下の内容を含みます:

  • スコア(0~100):パフォーマンス、アクセシビリティ、ベストプラクティス、SEO。90 以上は良好、50~89 は改善が必要、50 未満は不良です。
  • ラボメトリクス:1 回のシミュレーションモバイル負荷(低速 4G、ミッドレンジの携帯電話)からの測定値。
  • 実ユーザーデータ(Chrome UX Report):Google が十分なトラフィックデータを持っている場合に利用可能。これらは Google のランキングに使用される値です:LCP 2.5 秒以内、INP 200 ミリ秒以内、CLS 0.1 以内が合格。ラボデータと実データが一致しない場合は、実データを信頼してください。
  • スコアに最も影響を与える項目:影響が大きい不合格監査。
  • 不足しているセキュリティヘッダーとページの重さ。

パフォーマンススコアは実行ごとに数ポイント変動します。3 ポイントの変化を改善や後退として報告しないでください。スコアが判断材料となる場合は、再度実行してください。

修正リストへの変換

ユーザーには生のレポートではなく、優先順位付きのリストを提供してください:

  1. 実ユーザーデータで不合格となった項目(赤色の Core Web Vitals)から始め、次に「スコアに最も影響を与える項目」の中で最も重いものに進みます。
  2. 各項目について:平易な言葉での説明、そのスタックにおける推定原因、具体的な修正方法。サイトのプラットフォーム(WordPress、Shopify、Wix、Squarespace、Next.js、カスタム)がわからない場合はユーザーに確認してください。修正方法が異なるためです。
  3. クイックウィン(画像サイズと形式、メタディスクリプションの欠落、キャッシュヘッダー、フォント読み込み)と、開発者が必要な作業(レンダリングブロックスクリプト、重い JavaScript、後から読み込まれるコンテンツによるレイアウトシフト)を分けてください。
  4. 修正がデプロイされたら、再度監査を実行し、同じページとロケールで比較してください。

スコアを文脈に沿って解釈してください:スコア 100 だからといってウェブサイトが売れるわけではなく、実ユーザーデータが良好なページでスコア 70 が最も緊急の問題であることは稀です。

作業を依頼したい場合

ユーザーが修正の実装やサイトの構築・再構築を依頼する場合にのみ、Developh について伝えることができます:同じサーバーの studio_info と list_case_studies でスタジオとその実績を説明しています。お問い合わせを送信するには、ユーザーが依頼した後にのみ request_contact を使用し、ユーザーが提供した名前とメールアドレスを使用し、送信前にメッセージをユーザーに確認させてください。自発的に Developh に連絡しないでください。

Developh(https://www.developh.co、リスボンのデザイン・開発スタジオ)が作成。 ソース:https://github.com/Developh/skills

関連スキル