web-content

ウェブコンテンツスキル

従来のSEOとAIによる発見（ChatGPT、Perplexity、Claude、Gemini）の両方に最適化されたウェブコンテンツを作成します。

出典： GEO Complete Guide | AI Search SEO | LLM Optimization | Generative Engine Optimization

---

基本方針

SEOはクリックを獲得します。GEOは引用を獲得します。

従来のSEOは、Googleの検索順位を最適化します。生成エンジン最適化（GEO）は、AI アシスタントに引用されることを最適化します。現代のコンテンツには両方が必要です。

• SEO：検索結果ページで上位表示される
• GEO：AIが生成する回答（ChatGPT、Perplexity、Claude、Gemini）で引用される

AI経由のトラフィックは、2024年7月から2025年2月の間に1,200％増加しました。Googleの検索シェアは、10年ぶりに90％を下回りました。両方に最適化しましょう。

---

AIとSEOに適したコンテンツ構成

黄金律

人間向けに書き、機械向けに構成します。

AIシステムは、次のようなコンテンツを好みます。

• 短く、明快で、事実に基づいたコンテンツ
• 整理された書式（見出し、箇条書き、表）
• 引用して単独で利用できるセクション
• 質問への直接的な回答

---

ページの種類とテンプレート

ホームページ

## Homepage Structure

### Above the Fold
- **Headline**: Clear value proposition (what you do + for whom)
- **Subheadline**: How you deliver that value
- **Primary CTA**: One clear action
- **Trust signals**: Logos, testimonials, stats

### Content Sections
1. **Problem Statement**: Pain point you solve
2. **Solution Overview**: How you solve it (3-4 key features)
3. **Social Proof**: Testimonials, case studies, logos
4. **How It Works**: 3-step process (simple)
5. **Pricing Preview**: Or link to pricing page
6. **FAQ Section**: 5-7 common questions (GEO gold)
7. **Final CTA**: Repeat primary action

### Schema Required
- Organization schema (name, logo, founding date, social links)
- WebSite schema with SearchAction
- FAQ schema for questions section

製品／サービスページ

## Product Page Structure

### Hero Section
- **Product Name**: Clear, descriptive
- **One-line Description**: What it does in 10 words or less
- **Key Benefit**: Primary value proposition
- **CTA**: Buy/Try/Demo

### Content Sections
1. **TL;DR Box**: 3-5 bullet summary (AI-quotable)
2. **Problem → Solution**: What problem, how solved
3. **Features Grid**: 4-6 features with icons
4. **Comparison Table**: vs. alternatives (GEO loves these)
5. **Use Cases**: Who uses it and how
6. **Testimonials**: Real names, photos, companies
7. **Pricing**: Clear tiers if applicable
8. **FAQ**: Product-specific questions

### Schema Required
- Product schema (name, description, price, availability)
- Review schema (aggregate rating)
- FAQ schema
- BreadcrumbList schema

ブログ記事／記事

## Blog Post Structure

### Opening (First 100 words)
- **TL;DR**: Direct answer to the title's question
- **What you'll learn**: Bullet list of takeaways
- This section should be quotable standalone

### Body Structure
- **H2 sections**: Main topics (5-7 per article)
- **H3 subsections**: Supporting points
- **Bullet lists**: For scanability
- **Stat boxes**: Highlight key numbers
- **Comparison tables**: When comparing options

### Content Elements
- Definition boxes ("What is X?")
- Step-by-step instructions
- Code examples (if technical)
- Original statistics/research
- Expert quotes with attribution

### Closing
- **Summary**: Key takeaways (bulleted)
- **Next steps**: What reader should do
- **Related content**: Internal links

### Metadata Required
- Author name + bio + photo
- Publication date
- Last updated date (visible!)
- Reading time
- Article schema with author

FAQページ

## FAQ Page Structure

### Organization
- Group questions by category
- Most common questions first
- Direct, concise answers
- Link to detailed pages for more info

### Question Format
Q: [Exact question users ask]
A: [Direct answer in first sentence, then elaboration]

### Schema Required
- FAQPage schema (critical for AI discovery)
- Each Q&A as Question/Answer schema

ランディングページ

## Landing Page Structure

### Single Focus
- One offer
- One audience
- One CTA (repeated)

### Sections
1. **Headline**: Benefit-focused, specific
2. **Problem Agitation**: Pain points
3. **Solution**: Your offer
4. **Proof**: Testimonials, stats, logos
5. **Features**: 3-5 key benefits
6. **Objection Handling**: FAQ or guarantee
7. **CTA**: Clear, urgent

### No Navigation
- Remove header nav (reduce exits)
- Single path: read → convert

---

AIに最適化されたコンテンツ形式

TL;DRボックス

<div class="tldr-box">
  <h3>TL;DR</h3>
  <ul>
    <li>Key point 1 with specific detail</li>
    <li>Key point 2 with number/stat</li>
    <li>Key point 3 with actionable insight</li>
  </ul>
</div>

記事の冒頭に配置します。AIシステムは要約にこれらを抽出します。

定義ブロック

## What is [Term]?

[Term] is [concise definition in one sentence]. It [what it does] by [how it works].

**Key characteristics:**
- Characteristic 1
- Characteristic 2
- Characteristic 3

「Xとは何ですか？」から始めます。AIシステムはこの形式を探します。

比較表

| Feature | Product A | Product B | Our Product |
|---------|-----------|-----------|-------------|
| Price | $99/mo | $149/mo | $79/mo |
| Feature 1 | ✓ | ✗ | ✓ |
| Feature 2 | ✗ | ✓ | ✓ |
| Best For | Enterprise | Startups | SMBs |

AIは構造化された比較を好みます。製品ページやレビュー記事に含めましょう。

統計ボックス

<div class="stat-box">
  <span class="stat-number">73%</span>
  <span class="stat-label">of users prefer AI search for complex queries</span>
  <span class="stat-source">Source: Adobe Analytics, 2024</span>
</div>

出典を明記した独自の統計データは、AIに引用されます。

ステップ形式のガイド

## How to [Do Thing]

### Step 1: [Action Verb] [Object]
[Explanation of what to do]

**Example:**
[Concrete example]

### Step 2: [Action Verb] [Object]
[Explanation]

### Step 3: [Action Verb] [Object]
[Explanation]

**Result:** [What user achieves]

これらにはHowToスキーママークアップを使用します。

---

スキーママークアップ（AIにとって重要）

組織スキーマ

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Your Company",
  "url": "https://yoursite.com",
  "logo": "https://yoursite.com/logo.png",
  "foundingDate": "2020",
  "description": "One sentence description",
  "sameAs": [
    "https://twitter.com/yourcompany",
    "https://linkedin.com/company/yourcompany",
    "https://github.com/yourcompany"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "[email protected]",
    "contactType": "customer service"
  }
}

記事スキーマ

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Title",
  "description": "Meta description",
  "image": "https://yoursite.com/article-image.jpg",
  "author": {
    "@type": "Person",
    "name": "Author Name",
    "url": "https://yoursite.com/team/author-name",
    "jobTitle": "Role at Company",
    "sameAs": [
      "https://linkedin.com/in/author",
      "https://twitter.com/author"
    ]
  },
  "publisher": {
    "@type": "Organization",
    "name": "Your Company",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "datePublished": "2025-01-15",
  "dateModified": "2025-01-20"
}

FAQスキーマ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is your product?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Direct answer here. Keep concise but complete."
      }
    },
    {
      "@type": "Question",
      "name": "How much does it cost?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Pricing starts at $X/month for basic plan..."
      }
    }
  ]
}

製品スキーマ

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "description": "Product description",
  "image": "https://yoursite.com/product.jpg",
  "brand": {
    "@type": "Brand",
    "name": "Your Company"
  },
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "127"
  }
}

HowToスキーマ

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "How to Set Up Your Account",
  "description": "Step-by-step guide to getting started",
  "step": [
    {
      "@type": "HowToStep",
      "name": "Create account",
      "text": "Go to signup page and enter your email"
    },
    {
      "@type": "HowToStep",
      "name": "Verify email",
      "text": "Click the link in the verification email"
    }
  ]
}

---

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

ChatGPTの最適化

✅ DO:
- TL;DR sections at top of articles
- Consistent formatting (headers, bullets)
- Named authors with credentials
- Original research and statistics
- Multi-intent content (covers related questions)

❌ AVOID:
- Thin content without substance
- Missing author attribution
- Outdated information (no dates)

Perplexityの最適化

✅ DO:
- Original statistics with sources
- Comparison tables and structured data
- Clean URL slugs (/topic-name not /p=123)
- Short, declarative statements
- Images, charts, diagrams
- YouTube videos (Perplexity shows these)

❌ AVOID:
- Generic content without unique insights
- Missing citations/sources
- Poor URL structure

Claudeの最適化

✅ DO:
- Well-structured, logical content
- Clear definitions and explanations
- Technical accuracy
- Balanced perspectives
- Proper citations

❌ AVOID:
- Misleading or sensational content
- Missing context
- Outdated technical information

Geminiの最適化

✅ DO:
- Rich schema markup
- Detailed image alt-text
- YouTube content (Google-owned)
- Multimedia (video, audio with transcripts)

❌ AVOID:
- Missing structured data
- Images without alt-text
- Text-only content

---

AIによる発見に向けたE-E-A-T

経験

• 一人称で書かれたケーススタディ
• 「Xをテストし、Yがわかりました」
• オリジナルのスクリーンショットとデータ
• 実際の詳細が記載されたユーザーの推薦文

専門性

• 資格を記載した著者プロフィール
• 著者の他の作品へのリンク
• 業界固有の用語
• トピックに適した技術的な深さ

権威性

• 信頼できる情報源からのバックリンク
• 業界の出版物での言及
• 他の専門家からの引用
• ソーシャルプルーフ（フォロワー数、エンゲージメント）

信頼性

• 連絡先情報を見やすく表示
• チームの詳細を掲載した会社概要ページ
• プライバシーポリシーと利用規約
• セキュアなサイト（HTTPS）
• 正確で最新の情報

---

コンテンツの鮮度

公開日（必須）

<article>
  <header>
    <h1>Article Title</h1>
    <div class="meta">
      <span class="author">By John Smith</span>
      <span class="published">Published: January 15, 2025</span>
      <span class="updated">Last updated: January 20, 2025</span>
    </div>
  </header>
</article>

AIシステムは新しいコンテンツを好みます。日付を目立つ位置に表示しましょう。

更新スケジュール

コンテンツの種類	更新頻度
製品ページ	機能の変更時
料金	変更があればすぐに
ブログ記事	四半期ごとに確認
統計データ	新しいデータが入手可能になったとき
ガイド	半年ごと

---

AIトラフィックの分析

GA4正規表現フィルター

.*chatgpt\.com.*|.*perplexity\.ai.*|.*gemini\.google\.com.*|.*copilot\.microsoft\.com.*|.*openai\.com.*|.*claude\.ai.*|.*poe\.com.*|.*you\.com.*|.*phind\.com.*

AI経由の参照トラフィックを追跡する

// Check for AI referrer
const aiReferrers = [
  'chatgpt.com',
  'chat.openai.com',
  'perplexity.ai',
  'claude.ai',
  'gemini.google.com',
  'copilot.microsoft.com',
  'poe.com',
  'you.com',
  'phind.com'
];

const referrer = document.referrer;
const isAIReferral = aiReferrers.some(ai => referrer.includes(ai));

if (isAIReferral) {
  analytics.track('ai_referral', {
    source: referrer,
    page: window.location.pathname
  });
}

AI経由の発見に関するアンケート

フォームに追加します。

How did you hear about us?
- [ ] Google Search
- [ ] ChatGPT
- [ ] Perplexity
- [ ] Claude
- [ ] Social Media
- [ ] Referral
- [ ] Other

---

コンテンツチェックリスト

公開前

## SEO Checklist
- [ ] Title tag (50-60 chars) with primary keyword
- [ ] Meta description (150-160 chars) with CTA
- [ ] URL slug is clean and descriptive
- [ ] H1 matches title intent
- [ ] H2/H3 hierarchy is logical
- [ ] Images have descriptive alt-text
- [ ] Internal links to related content
- [ ] External links to authoritative sources

## GEO Checklist
- [ ] TL;DR or summary at top
- [ ] Direct answer to main question in first paragraph
- [ ] Stat boxes with sources
- [ ] Comparison tables where applicable
- [ ] FAQ section with schema
- [ ] Author name, bio, and credentials
- [ ] Publication and last-updated dates visible
- [ ] Schema markup validated
- [ ] Content can be quoted standalone
- [ ] Original insights or data included

スキーマの検証

# Validate schema markup
# Use: https://validator.schema.org/
# Or: https://search.google.com/test/rich-results

---

プロジェクト構成

project/
├── content/
│   ├── pages/
│   │   ├── home.md
│   │   ├── about.md
│   │   ├── pricing.md
│   │   └── contact.md
│   ├── blog/
│   │   ├── post-1.md
│   │   └── post-2.md
│   └── legal/
│       ├── privacy.md
│       └── terms.md
├── components/
│   ├── SchemaMarkup.tsx
│   ├── TLDRBox.tsx
│   ├── StatBox.tsx
│   ├── FAQSection.tsx
│   └── AuthorBio.tsx
└── lib/
    └── schema.ts           # Schema generators

---

アンチパターン

• 日付がない - AI は日付のないコンテンツを優先度の低いものとして扱います
• 匿名のコンテンツ - 著者がいないと E-E-A-T を満たせません
• 長文の壁 - 見出し、箇条書き、ボックスを使って分割します
• ありきたりなコンテンツ - 独自の洞察、データ、意見を加えます
• スキーマがない - 構造化データクローラーに認識されません
• 古い情報 - 最低でも四半期ごとに更新します
• FAQ がない - 手軽な GEO 対策の機会を逃します
• URL の構造が不適切 - /p=12345 ではなく /topic-name を使います

---

クイックリファレンス

AI が好むコンテンツ形式

1. TL;DR の要約
2. 定義ボックス（「X とは？」）
3. 比較表
4. ステップごとのガイド
5. FAQ セクション
6. 出典付きの統計データボックス
7. 数字付きのリスト記事

ページタイプごとに必要なスキーマ

ページタイプ	スキーマ
ホームページ	Organization, WebSite
ブログ記事	Article, Author, FAQ
製品	Product, Review, FAQ
FAQ	FAQPage
手順ガイド	HowTo
概要	Organization, Person