mcpField
S
siteaudit

siteaudit

ローカル
github.com/thegridwork開発ツール029 週間前に更新

siteaudit について

siteauditは、アクセシビリティ、パフォーマンス、SEO、デザイン、モバイル対応を評価するMCPサーバーです。サイト品質やコンプライアンスを確認するチーム向けに、詳細監査、簡易チェック、優先度付きの問題を提供します。

主な機能

  1. 015カテゴリのウェブサイト監査
  2. 02基準番号付きWCAG 2.1 AAチェック
  3. 03パフォーマンス分析と修正案
  4. 04SEOメタデータと構造化データの確認
  5. 052つのURLの比較

活用シーン

  1. 01WCAG 2.1 AAに沿ったアクセシビリティ確認
  2. 02スコアと評価によるサイトの一次選別
  3. 03パフォーマンスとSEOの改善点の特定

MCP 対応

包括的な監査やカテゴリ別監査、簡易チェック、2つのURLの比較を行うツールをMCPクライアントに公開します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"thegridwork-siteaudit": {
"command": "npx",
"args": [
"-y",
"gridwork-siteaudit"
]
}
}
}
起動コマンドnpx -y gridwork-siteaudit

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmgridwork-siteaudit1.0.1

ツール

6

掲載時のツール一覧 · 3 週間前に更新

パラメーター型必須説明
urlstringはい監査する URL(例:https://example.com)
formatenumいいえ出力形式:読みやすい Markdown は 'report'、構造化データは 'json'report | json

詳細

@gridwork/siteaudit

アクセシビリティ(WCAG 2.1 AA/EAA)、パフォーマンス、SEO、デザイン品質、モバイル対応について、あらゆるウェブサイトを監査する MCP サーバーです。実行可能なスコア、評価、優先順位付きの修正案を取得できます。

コンプライアンス時代に向けて開発されました。EU アクセシビリティ法の執行はすでに始まっており、EU AI 法の期限は 2026 年 8 月です。すべてのウェブサイトで監査が必要です。

Gridwork による開発

ツール

ツール説明
audit_site5 つすべてのカテゴリにわたる包括的な完全監査
quick_checkスコアと評価のみを表示する、迅速なトリアージ
audit_accessibility基準の参照情報付きで WCAG 2.1 AA に重点を置いた監査
audit_performance実行可能な修正案付きのパフォーマンス分析
audit_seoメタ情報、OG、構造化データなどの SEO チェック
compare_sites2 つの URL を並べて比較

インストール

Claude Code
claude mcp add @gridwork/siteaudit -- node /path/to/@gridwork/siteaudit/dist/index.js
Claude Desktop(claude_desktop_config.json)
{
  "mcpServers": {
    "@gridwork/siteaudit": {
      "command": "node",
      "args": ["/path/to/@gridwork/siteaudit/dist/index.js"]
    }
  }
}
Cursor / Windsurf

MCP 設定に追加します:

{
  "@gridwork/siteaudit": {
    "command": "node",
    "args": ["/path/to/@gridwork/siteaudit/dist/index.js"]
  }
}

ソースからビルド

npm install
npm run build

チェック項目

アクセシビリティ(スコアの 30%)
  • 言語属性、画像の代替テキスト、フォームのラベル
  • 見出しの階層、リンクテキストの品質、ARIA ランドマーク
  • スキップナビゲーション、タブ順序、自動再生メディア
  • 各問題に WCAG 基準の参照情報を表示
パフォーマンス(20%)
  • 読み込み時間、ページサイズ、DOM の複雑さ
  • レンダリングを妨げるリソース、圧縮、キャッシュ
  • 画像の最適化(サイズ、遅延読み込み)
  • リソースの事前読み込みと preconnect ヒント
SEO(20%)
  • タイトル、メタディスクリプション、見出し構造
  • Open Graph、Twitter Cards、canonical URL
  • 構造化データ(JSON-LD)、ファビコン
  • 内部リンク、robots ディレクティブ
デザイン品質(15%)
  • フォントの一貫性、配色システムの統一感
  • タッチターゲットのサイズ、テキストの読みやすさ
  • 視覚的階層、CTA の有無
  • ダークモードのサポート、ブランディング要素
モバイル(15%)
  • ビューポートの設定、ズームのサポート
  • 固定幅によるはみ出しの検出
  • レスポンシブ画像、メディアクエリ
  • モバイルキーボード向けの入力タイプ

EAA 準拠状況

すべての監査で、EAA(欧州アクセシビリティ法)への準拠状況を評価します。

  • 準拠:WCAG 2.1 AA の基準を満たしています
  • 一部準拠:解決すべき問題があります
  • 非準拠:重大なアクセシビリティ上の問題があります

ライセンス

MIT

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。