SEO 最適化

Lighthouse SEO 監査および Google 検索ガイドラインに基づいた検索エンジン最適化。技術的 SEO、ページ内最適化、構造化データに焦点を当てています。

技術的 SEO

クローラビリティ

robots.txt:

# /robots.txt
User-agent: *
Allow: /

# Block admin/private areas
Disallow: /admin/
Disallow: /api/
Disallow: /private/

# Don't block resources needed for rendering
# ❌ Disallow: /static/

Sitemap: https://example.com/sitemap.xml

Meta robots:

<!-- Default: indexable, followable -->
<meta name="robots" content="index, follow">

<!-- Noindex specific pages -->
<meta name="robots" content="noindex, nofollow">

<!-- Indexable but don't follow links -->
<meta name="robots" content="index, nofollow">

<!-- Control snippets -->
<meta name="robots" content="max-snippet:150, max-image-preview:large">

正規 URL:

<!-- Prevent duplicate content issues -->
<link rel="canonical" href="https://example.com/page">

<!-- Self-referencing canonical (recommended) -->
<link rel="canonical" href="https://example.com/current-page">

<!-- For paginated content -->
<link rel="canonical" href="https://example.com/products">
<!-- Or use rel="prev" / rel="next" for explicit pagination -->

XML サイトマップ

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://example.com/</loc>
    <lastmod>2024-01-15</lastmod>
    <changefreq>daily</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/products</loc>
    <lastmod>2024-01-14</lastmod>
    <changefreq>weekly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

サイトマップのベストプラクティス:

• サイトマップあたりの最大 URL 数は 50,000 個、最大 50MB
• 大規模サイトではサイトマップインデックスを使用
• 正規で索引可能な URL のみを含める
• コンテンツが変更された場合は lastmod を更新
• Google Search Console に送信

URL 構造

✅ Good URLs:
https://example.com/products/blue-widget
https://example.com/blog/how-to-use-widgets

❌ Poor URLs:
https://example.com/p?id=12345
https://example.com/products/item/category/subcategory/blue-widget-2024-sale-discount

URL ガイドライン:

• アンダースコアではなくハイフンを使用
• 小文字のみ
• 短く保つ（< 75 文字）
• ターゲットキーワードを自然に含める
• 可能な限りパラメータを避ける
• 常に HTTPS を使用

HTTPS とセキュリティ

<!-- Ensure all resources use HTTPS -->
<img src="https://example.com/image.jpg">

<!-- Not: -->
<img src="http://example.com/image.jpg">

SEO 信頼シグナルのセキュリティヘッダー:

Strict-Transport-Security: max-age=31536000; includeSubDomains
X-Content-Type-Options: nosniff
X-Frame-Options: DENY

---

ページ内 SEO

タイトルタグ

<!-- ❌ Missing or generic -->
<title>Page</title>
<title>Home</title>

<!-- ✅ Descriptive with primary keyword -->
<title>Blue Widgets for Sale | Premium Quality | Example Store</title>

タイトルタグガイドライン:

• 50～60 文字（Google は約 60 文字で切り詰め）
• プライマリキーワードを冒頭近くに
• すべてのページで一意
• ホームページを除きブランド名を末尾に
• 必要に応じてアクション指向

メタディスクリプション

<!-- ❌ Missing or duplicate -->
<meta name="description" content="">

<!-- ✅ Compelling and unique -->
<meta name="description" content="Shop premium blue widgets with free shipping. 30-day returns. Rated 4.9/5 by 10,000+ customers. Order today and save 20%.">

メタディスクリプションガイドライン:

• 150～160 文字
• プライマリキーワードを自然に含める
• 説得力のあるコールトゥアクション
• すべてのページで一意
• ページコンテンツと一致

見出し構造

<!-- ❌ Poor structure -->
<h2>Welcome to Our Store</h2>
<h4>Products</h4>
<h1>Contact Us</h1>

<!-- ✅ Proper hierarchy -->
<h1>Blue Widgets - Premium Quality</h1>
  <h2>Product Features</h2>
    <h3>Durability</h3>
    <h3>Design</h3>
  <h2>Customer Reviews</h2>
  <h2>Pricing</h2>

見出しガイドライン:

• ページあたり 1 つの <h1>（メインテーマ）
• 論理的な階層構造（レベルをスキップしない）
• キーワードを自然に含める
• 汎用的ではなく説明的

画像 SEO

<!-- ❌ Poor image SEO -->
<img src="IMG_12345.jpg">

<!-- ✅ Optimized image -->
<img src="blue-widget-product-photo.webp"
     alt="Blue widget with chrome finish, side view showing control panel"
     width="800"
     height="600"
     loading="lazy">

画像ガイドライン:

• キーワードを含む説明的なファイル名
• Alt テキストは画像コンテンツを説明
• 圧縮し適切にサイズ設定
• WebP/AVIF とフォールバック
• ファールド下の画像は遅延読み込み

内部リンク

<!-- ❌ Non-descriptive -->
<a href="/products">Click here</a>
<a href="/widgets">Read more</a>

<!-- ✅ Descriptive anchor text -->
<a href="/products/blue-widgets">Browse our blue widget collection</a>
<a href="/guides/widget-maintenance">Learn how to maintain your widgets</a>

リンキングガイドライン:

• キーワードを含む説明的なアンカーテキスト
• 関連する内部ページへのリンク
• ページあたり合理的な数のリンク
• 壊れたリンクを迅速に修正
• 階層構造にはパンくずリストを使用

---

構造化データ（JSON-LD）

組織

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Example Company",
  "url": "https://example.com",
  "logo": "https://example.com/logo.png",
  "sameAs": [
    "https://twitter.com/example",
    "https://linkedin.com/company/example"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+1-555-123-4567",
    "contactType": "customer service"
  }
}
</script>

記事

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "How to Choose the Right Widget",
  "description": "Complete guide to selecting widgets for your needs.",
  "image": "https://example.com/article-image.jpg",
  "author": {
    "@type": "Person",
    "name": "Jane Smith",
    "url": "https://example.com/authors/jane-smith"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Example Blog",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "datePublished": "2024-01-15",
  "dateModified": "2024-01-20"
}
</script>

製品

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Blue Widget Pro",
  "image": "https://example.com/blue-widget.jpg",
  "description": "Premium blue widget with advanced features.",
  "brand": {
    "@type": "Brand",
    "name": "WidgetCo"
  },
  "offers": {
    "@type": "Offer",
    "price": "49.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "https://example.com/products/blue-widget"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "1250"
  }
}
</script>

よくある質問

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What colors are available?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Our widgets come in blue, red, and green."
      }
    },
    {
      "@type": "Question",
      "name": "What is the warranty?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "All widgets include a 2-year warranty."
      }
    }
  ]
}
</script>

パンくずリスト

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Products",
      "item": "https://example.com/products"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Blue Widgets",
      "item": "https://example.com/products/blue-widgets"
    }
  ]
}
</script>

検証

構造化データは以下でテスト:

• Google Rich Results Test
• Schema.org Validator

---

モバイル SEO

レスポンシブデザイン

<!-- ❌ Not mobile-friendly -->
<meta name="viewport" content="width=1024">

<!-- ✅ Responsive viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">

タップターゲット

/* ❌ Too small for mobile */
.small-link {
  padding: 4px;
  font-size: 12px;
}

/* ✅ Adequate tap target */
.mobile-friendly-link {
  padding: 12px;
  font-size: 16px;
  min-height: 48px;
  min-width: 48px;
}

フォントサイズ

/* ❌ Too small on mobile */
body {
  font-size: 10px;
}

/* ✅ Readable without zooming */
body {
  font-size: 16px;
  line-height: 1.5;
}

---

国際 SEO

Hreflang タグ

<!-- For multi-language sites -->
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
<link rel="alternate" hreflang="x-default" href="https://example.com/page">

言語宣言

<html lang="en">
<!-- or -->
<html lang="es-MX">

---

SEO 監査チェックリスト

重大

• HTTPS が有効化されている
• robots.txt がクローリングを許可している
• 重要なページに noindex がない
• タイトルタグが存在し一意
• ページあたり 1 つの <h1>

優先度が高い

• メタディスクリプションが存在
• サイトマップが送信済み
• 正規 URL が設定されている
• モバイルレスポンシブ
• Core Web Vitals に合格している

優先度が中程度

• 構造化データが実装済み
• 内部リンク戦略
• 画像 alt テキスト
• 説明的な URL
• パンくずナビゲーション

継続的

• Search Console のクロールエラーを修正
• コンテンツが変更されたときはサイトマップを更新
• ランキング変動を監視
• 壊れたリンクを確認
• Search Console インサイトを確認

---

監査ワークフロー

1. ベースライン：主要テンプレート（ホーム、カテゴリ、詳細、ブログ）に対して Lighthouse と PageSpeed を実行
2. クロール：索引可能性、正規 URL、重複コンテンツを検証（Search Console + クローラを使用）
3. ブロッカーを修正：noindex、robots.txt、正規 URL の不一致、リダイレクトチェーン
4. ページ内：タイトル、メタディスクリプション、見出し、内部リンク、画像 alt
5. 構造化データ：JSON-LD を追加して リッチ結果を検証
6. 再検証：Lighthouse/PageSpeed を再実行し Search Console カバレッジを確認

---

一般的な落とし穴

• 重要なページに誤って noindex または X-Robots-Tag が設定されている
• robots.txt が CSS/JS または重要なレンダリングリソースをブロック
• 正規 URL が索引されているものとは異なる URL を指している
• http/https または www/非 www が混在し、重複コンテンツが発生
• リダイレクトチェーン/ループ（クロール予算を浪費、ページ読み込みを遅延化）
• パラメータ化された URL が索引可能（フィルタ、ソート、UTM）で正規制御がない
• JavaScript でレンダリングされたコンテンツが初期 HTML に表示されない
• ソフト 404（200 ステータスで「見つかりません」コンテンツ）
• サイトマップが非正規または noindex URL を含む
• Hreflang タグが相互リンクや言語/地域コードが間違っている

---

ツール

ツール	用途
Google Search Console	インデックスを監視し、問題を修正
Google PageSpeed Insights	パフォーマンス + Core Web Vitals
Rich Results Test	構造化データを検証
Lighthouse	完全な SEO 監査
Screaming Frog	クロール分析

---

スクリプト（オプション）

scripts/ の繰り返し可能な監査用スクリプト：

• scripts/lighthouse.sh: URL またはリスト に対して Lighthouse CLI を実行し、JSON レポートを保存
• scripts/pagespeed.sh: PageSpeed Insights API を curl で呼び出し、JSON 出力をキャプチャ
• scripts/search-console-export.mjs: Search Console Search Analytics データをエクスポート（OAuth アクセストークンが必要）

使用例：

# Lighthouse (SEO category only)
scripts/lighthouse.sh https://example.com
scripts/lighthouse.sh urls.txt reports/lighthouse

# PageSpeed Insights API (requires PAGESPEED_API_KEY)
PAGESPEED_API_KEY=... scripts/pagespeed.sh https://example.com
PAGESPEED_API_KEY=... scripts/pagespeed.sh urls.txt reports/pagespeed

# Search Console API (requires GSC_ACCESS_TOKEN)
GSC_ACCESS_TOKEN=... scripts/search-console-export.mjs https://example.com 2024-01-01 2024-01-31

---

AEO / AI 可視性の最適化

Answer Engine Optimization（AEO）は、AI エージェント（ChatGPT、Perplexity、Gemini、Google AI Overviews）によってコンテンツが発見可能で引用可能になることに焦点を当てています。SEO がランキングとクリックをターゲットとする一方、AEO は引用、言及、AI が生成した応答内のブランド権限をターゲットとしています。

SEO との主な違い

SEO: ランクが高い → クリックを取得 → トラフィックを駆動
AEO: 引用される → 答えを所有 → 権限を構築

SEO メトリック: ポジション、CTR、インプレッション
AEO メトリック: 引用、言及、AI 可視性スコア

SEO クエリ: 「最高のプロジェクト管理ソフトウェア」
AEO クエリ: 「予算が月 500 ドル未満の 15 人のリモートチーム向けの最高のプロジェクト管理ソフトウェアは？」

市場シフト:

• Gartner は 2026 年までに AI チャットボットにより従来の検索量が 25% 低下すると予測
• 4 億人以上が週に OpenAI 製品を使用
• 検索の 58% は現在「ゼロクリック」（AI インターフェース内で直接回答）

AEO 用のコンテンツ構造

答え優先フォーマット:

<!-- ❌ SEO スタイル（コンテキスト優先） -->
## What is AEO?
In recent years, the rise of AI-powered search has transformed 
how users discover information. This shift has created new 
opportunities for brands. Answer Engine Optimization is...

<!-- ✅ AEO スタイル（答え優先） -->
## What is AEO?
Answer Engine Optimization (AEO) is the practice of structuring 
content so AI systems can directly extract and cite answers. 
It focuses on citations in AI responses rather than search rankings.

Unlike traditional SEO, AEO optimizes for conversational queries 
and zero-click results where users get answers without visiting 
your site.

ガイドライン:

• 40～60 語の直接的な答えで開始
• 自己完結したレスポンス（AI が周囲のコンテキストなしで抽出）
• 会話的で自然な言語
• 漠然とした主張より具体的なデータ
• 定量的な主張、日付、権威ある引用を含める

エンティティベースの最適化:

<!-- ❌ キーワード焦点 -->
「当社のソフトウェアは、プロジェクト管理と通信のための機能で、
チームがより適切に協力するのに役立ちます。」

<!-- ✅ エンティティ焦点 -->
「Acme PM は、リモートチーム向けのプロジェクト管理プラットフォーム。
2020 年設立、50,000 以上の企業にサービス提供。主な機能：
Kanban ボード、時間追跡、Slack 統合。料金：$12/ユーザー/月」

あなたが誰であるか、何をしているか、AI がなぜあなたを信頼すべきかを定義します。

AEO 用スキーマ

SEO スキーマを超えて AI 抽出を最適化するように拡張します。

AEO の重要なスキーマタイプ:

1. FAQPage（AI 引用率が最高）
   • テンプレート: references/json-ld-templates.md

AEO の FAQ 回答ガイドライン:

• 理想的には 40～60 語（30 未満 = 実質に欠ける、80 以上 = 抽出困難）
• 表示されている H2/H3 見出しと schema "name" プロパティを正確に一致
• 具体的な数字、日付、データを含める
• 自己完結（コンテキストなしで意味がある）
• 自然なクエリのフレーズ（ユーザーの実際の問い方）

2. Author + Organization（信頼シグナル）
   • テンプレート: references/json-ld-templates.md

重要な理由： AI エンジンは識別可能で権威のあるソースのコンテンツを優先します。sameAs リンクを使用してブランドを明確にします。

3. Product（e コマース AEO の場合）
   • テンプレート: references/json-ld-templates.md

AI ショッピングモジュールで正確な価格、在庫、レビューを表示できます。

プラットフォーム固有の最適化

異なる AI エンジンは異なる設定を有しています。引用確度を最大化するために 3 つすべてのバランスを取ります。

ChatGPT:

• 中立的で百科事典的なトーン
• 権威ある外部引用
• 具体的なデータと定量的な主張
• 形式的な構造

例：「2025 年の Gartner 研究によると、企業の 78% は
AI 駆動型検索ツールを採用しました。主な要因は
コスト削減（回答者の 62% が指摘）と精度向上（58%）です。
出典：Gartner AI Search Report 2025」

Perplexity:

• 会話的で経験駆動
• 実践的な例とケーススタディ
• コミュニティインサイトと実際のコンテキスト
• より親密なトーン

例：「ほとんどのチームは無料層から開始し、2～3 ヶ月後に
ROI を証明した後にアップグレードします。500 以上の顧客
からのフィードバックに基づくと、アップグレードの一般的な
トリガーはユーザー制限に達した場合または高度なレポート
が必要な場合です。」

Google AI Overviews:

• E-E-A-T シグナル（経験、専門知識、権威、信頼）
• 最近の日付を含む新しいコンテンツ
• フィーチャー スニペット対応フォーマット
• モバイル最適化構造

例：「2026 年 2 月更新：現在の価格は $12/ユーザー/月
（年間請求）から始まります。月額請求は 20% 追加。教育および
非営利割引を利用可能。2026 年 Q1 現在、無料層はありません。」

AEO 測定とツール

メトリック:

• 引用頻度（AI があなたのブランドに言及する頻度）
• 可視性スコア（AI プラットフォーム全体での存在）
• コンテキスト品質（肯定的/中立/否定的センチメント）
• ソース属性（AI が引用する URL）

AI リファラルトラフィックの追跡:

Google Analytics 4 で、トラフィック ソースをフィルタリング：

• chat.openai.com（ChatGPT）
• perplexity.ai
• gemini.google.com
• copilot.microsoft.com

これらを個別の取得ソースとして監視します。

好みの AEO 監視ツールを使用して、引用頻度、コンテキスト、 ソース属性を追跡します。

AEO 監査チェックリスト

コンテンツ監査

• すべての主要ページが 40～60 語の直接的な答えで開始している
• 自己完結した回答を含む FAQ セクション
• 自然なクエリと一致する会話的な言語
• 漠然とした主張ではなく具体的なデータ（数字、日付、ソース）
• 著者略歴と組織情報が表示されている
• 最近の日付でコンテンツが更新されている（鮮度）

スキーマ監査

• FAQ/ガイドページの FAQPage スキーマ
• すべての記事/ブログの著者スキーマ
• サイト全体の組織スキーマ
• 製品ページの製品スキーマ（e コマースの場合）
• datePublished/dateModified を含む記事スキーマ
• スキーマが表示されているコンテンツと正確に一致（非表示マークアップなし）
• Google Rich Results Test で検証

技術監査

• JSON-LD フォーマット（AI エンジンに優先）
• Schema.org 標準準拠
• スキーマの競合または重複なし
• ページ読み込み速度が速い（AI クローラーは高速サイトを好む）
• きれいな HTML 構造（セマンティック見出し）
• モバイル最適化（特に Google AI Overviews 用）

エンティティと権威シグナル

• 明確なブランド ID（あなたが誰で、何をするか）
• Web 全体での一貫した NAP（名前、住所、電話）
• LinkedIn、Twitter、公式プロフィールへの sameAs リンク
• 権威あるソースからの外部引用とバックリンク
• レビュー プラットフォーム上での積極的な存在
• Google ビジネス プロフィール最適化（ローカル ビジネスの場合）

AI 可視性監視

• 月ごとに上位 10～20 のコマーシャル クエリをテスト
• GA4 で AI リファラルトラフィックを追跡
• AI プラットフォーム全体のブランド言及を監視
• 引用コンテキストを確認（肯定的/中立/否定的）
• あなたのブランドに関する AI レスポンスの事実正確性を検証
• 可視性の変化について警告を設定（有料ツール使用の場合）

---

参考資料

• Google Search Central
• Schema.org
• Core Web Vitals
• Web Quality Audit