SEO 最適化

Lighthouse SEO 監査と Google 検索ガイドラインに基づく検索エンジン最適化。技術的 SEO、オンページ最適化、構造化データに重点を置きます。

SEO の基礎

検索ランキング要因（概算の影響度）:

要因	影響度	このスキル
コンテンツの品質と関連性	~40%	部分的（構造）
バックリンクと権威性	~25%	✗
技術的 SEO	~15%	✓
ページ体験（Core Web Vitals）	~10%	Core Web Vitals を参照
オンページ SEO	~10%	✓

---

技術的 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

メタ 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>

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

• 最大 50,000 URL または 1 つのサイトマップあたり 50MB
• 大規模サイトではサイトマップインデックスを使用
• 正規でインデックス可能な URL のみを含める
• コンテンツ変更時に lastmod を更新
• Google Search Console に送信

URL 構造

✅ 良い URL:
https://example.com/products/blue-widget
https://example.com/blog/how-to-use-widgets

❌ 不適切な URL:
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>

FAQ

<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 のインサイトを確認

---

ツール

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

参考資料

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