seo-analytics-auditor

SEO・アナリティクス監査

SEO を監査し、アナリティクスを検証して、Core Web Vitals を最適化します。

使用する場面

次の場合に使用します：

• SEO メタタグと構造化データを監査する
• アナリティクスの実装（GA4、Cloudflare）を検証する
• Core Web Vitals（LCP、INP、CLS）を確認する
• Search Console の問題をトラブルシューティングする
• Open Graph と Twitter Card のメタタグを検証する
• robots.txt と sitemap.xml を確認する

クイック監査ワークフロー

ローカルのブラウザー自動化ツール（npx lighthouse、Playwright、ヘッドレス Chrome）のインストールは、オーナーの Mac では許可されていません。まずソース、メタタグ、デプロイ済み HTML を確認してください。ユーザーから依頼された場合に限り、承認済みの方法（PageSpeed Insights や Search Console のレポートなど）を通じて Lighthouse やその他のブラウザー監査を実行してください。

# 1. Run Lighthouse audit
npx lighthouse https://yoursite.com --output=html --output-path=./audit.html

# 2. Check Core Web Vitals
npx lighthouse https://yoursite.com --only-categories=performance

# 3. Validate structured data
# Open: https://search.google.com/test/rich-results

SEO チェックリスト

メタタグ（必須）

<title>Page Title - Brand (50-60 chars)</title>
<meta name="description" content="Description (150-160 chars)" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://domain.com/page/" />

Open Graph（ソーシャル共有）

<meta property="og:type" content="website" />
<meta property="og:url" content="https://domain.com/" />
<meta property="og:title" content="Title" />
<meta property="og:description" content="Description" />
<meta property="og:image" content="https://domain.com/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Twitter Card

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Title" />
<meta name="twitter:description" content="Description" />
<meta name="twitter:image" content="https://domain.com/og-image.png" />

Schema.org（構造化データ）

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Name",
    "jobTitle": "Title",
    "url": "https://domain.com"
  }
</script>

アナリティクスの実装

Google Analytics 4

<script
  async
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"
></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());
  gtag("config", "G-XXXXXXXXXX", {
    anonymize_ip: true,
    cookie_flags: "SameSite=None;Secure",
  });
</script>

Cloudflare Web Analytics

<script
  defer
  src="https://static.cloudflareinsights.com/beacon.min.js"
  data-cf-beacon='{"token": "YOUR_TOKEN"}'
></script>

Core Web Vitals の目標（2025年）

指標	良好	改善が必要	不良
LCP（最大コンテンツ描画）	< 2.5s	2.5s - 4s	> 4s
INP（次の描画までのインタラクション）	< 200ms	200ms - 500ms	> 500ms
CLS（累積レイアウトシフト）	< 0.1	0.1 - 0.25	> 0.25

テストツール

ツール	URL	用途
PageSpeed Insights	https://pagespeed.web.dev	Core Web Vitals
Rich Results Test	https://search.google.com/test/rich-results	Schema.org
OpenGraph.xyz	https://www.opengraph.xyz	ソーシャルプレビュー

確認するファイル

• index.html - メタタグ、アナリティクススクリプト、Schema.org
• robots.txt - クローラー向けディレクティブ、サイトマップへの参照
• sitemap.xml - URL リスト、最終更新日
• manifest.json - PWA の設定

よくある問題

問題	修正方法
メタディスクリプションが短すぎる	150～160文字にする
canonical URL がない	<link rel="canonical"> を追加する
OG 画像のサイズが不適切	最適な表示のために 1200x630 を使用する
Schema.org のエラー	Rich Results Test でテストする
アナリティクスが動作しない	ブラウザーコンソールでエラーを確認する

連携チェックリスト

• Google Search Console の確認が完了している
• サイトマップを GSC に送信している
• GA4 プロパティを作成し、リンクしている
• Core Web Vitals が「良好」の範囲にある
• Rich Results のテストに合格している
• ソーシャルプレビューが機能している

関連項目

• Google SEO スターターガイド
• Core Web Vitals
• Schema.org