SEO対策チェックリスト - サイト公開時に最低限やっておきたい設定

サイトを公開したら、最低限確認しておきたいSEO設定をまとめました。

この記事は随時更新していきます。

HTMLメタタグ

title タグ

ページのタイトルを設定します。検索結果に表示される最も重要な要素の1つ。

<title>ページタイトル | サイト名</title>

ポイント:

30〜60文字程度が目安
キーワードを前方に配置
各ページでユニークなタイトルを設定

meta description

ページの説明文。検索結果のスニペットに表示される可能性があります。

<meta name="description" content="ページの説明文をここに記述します。" />

ポイント:

120〜160文字程度が目安
ページの内容を簡潔に要約
クリックしたくなる文章を心がける

canonical タグ

正規URLを指定します。重複コンテンツ問題を防ぐために重要。

<link rel="canonical" href="https://example.com/page" />

ポイント:

各ページに必ず設定
URLの正規化（www有無、末尾スラッシュの統一）
パラメータ付きURLの正規化

OGPタグ

SNSでシェアされたときの表示を制御します。

<!-- 基本 -->
<meta property="og:title" content="ページタイトル" />
<meta property="og:description" content="ページの説明" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:site_name" content="サイト名" />

<!-- Twitter用 -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@username" />

ポイント:

og:image は 1200×630px 推奨
各ページに適切な画像を設定
Twitter Cardも併せて設定

HTTPステータスコード

200 OK

正常にページが表示されることを確認します。

curl -I https://example.com
# HTTP/2 200 が返ってくればOK

404 Not Found

存在しないページへのアクセス時に、適切な404ページが表示されるか確認。

curl -I https://example.com/non-existent-page
# HTTP/2 404 が返ってくればOK

ポイント:

カスタム404ページを用意
ユーザーが迷わないようナビゲーションを設置
検索機能やトップページへのリンクを配置

500 Internal Server Error

サーバーエラーが適切にハンドリングされているか確認。

ポイント:

エラーログの監視体制を整える
カスタム500ページを用意
本番環境でエラー詳細を表示しない

301/302 リダイレクト

URLの変更やサイト移転時のリダイレクト設定。

curl -I https://example.com/old-page
# HTTP/2 301 または 302 が返ってくる
# Location ヘッダーで転送先を確認

ポイント:

恒久的な移転は 301
一時的な移転は 302
リダイレクトチェーンを避ける

画像設定

OGP画像

SNSシェア時に表示される画像。

チェック項目:

サイズ: 1200×630px（推奨）
ファイル形式: PNG または JPEG
ファイルサイズ: 1MB以下推奨
各ページに適切な画像を設定

favicon

ブラウザのタブやブックマークに表示されるアイコン。

<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/icon.svg" type="image/svg+xml" />

チェック項目:

favicon.ico（32×32px）
SVGアイコン（推奨）
複数サイズの用意（16×16, 32×32, 48×48）

apple-touch-icon

iOSでホーム画面に追加したときのアイコン。

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

チェック項目:

サイズ: 180×180px
ファイル形式: PNG
角丸は不要（OSが自動で処理）

Webアプリマニフェスト

PWA対応やホーム画面追加時の設定。

<link rel="manifest" href="/manifest.json" />

{
  "name": "サイト名",
  "short_name": "短縮名",
  "icons": [
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

HTML構文

HTML構文エラーチェック

構文エラーがあると、検索エンジンのクロールに影響する可能性があります。

チェックツール:

よくあるエラー:

閉じタグの欠落
属性値の引用符の欠落
重複したid属性
不正なネスト構造

SPA（Single Page Application）の注意点

SPAはJavaScriptでコンテンツを描画するため、SEOに不利になる場合があります。

確認方法:

# JavaScriptを無効にした状態でページを確認
curl https://example.com
# コンテンツがHTMLに含まれているか確認

対策:

SSR（Server Side Rendering）の採用
SSG（Static Site Generation）の採用
プリレンダリングの実装

Next.jsを使用している場合、App Routerでサーバーコンポーネントを使えば、HTMLとしてコンテンツが配信されます。

クローラー向け設定

robots.txt

検索エンジンのクローラーに対する指示ファイル。

# /robots.txt

User-agent: *
Allow: /

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

チェック項目:

ルートディレクトリに配置
Disallowで除外すべきパスを指定
サイトマップのURLを記載

確認:

curl https://example.com/robots.txt

sitemap.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>2025-12-06</lastmod>
    <changefreq>weekly</changefreq>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://example.com/blog/article-1</loc>
    <lastmod>2025-12-05</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.8</priority>
  </url>
</urlset>

チェック項目:

全ての公開ページが含まれている
lastmodが正確
robots.txtにサイトマップURLを記載
Google Search Consoleに登録

確認:

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

構造化マークアップ（JSON-LD）

構造化データを追加することで、検索結果にリッチスニペットが表示される可能性があります。

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "記事のタイトル",
  "author": {
    "@type": "Person",
    "name": "著者名"
  },
  "datePublished": "2025-12-08",
  "dateModified": "2025-12-08",
  "image": "https://example.com/ogp.png",
  "publisher": {
    "@type": "Organization",
    "name": "サイト名",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  }
}
</script>

よく使うスキーマタイプ:

タイプ	用途
`Article`	ブログ記事、ニュース記事
`WebSite`	サイト全体の情報
`Organization`	組織・会社情報
`Person`	人物情報
`BreadcrumbList`	パンくずリスト
`FAQPage`	FAQ
`HowTo`	ハウツー、手順説明
`Product`	商品情報

ブログサイトの場合の例:

<!-- サイト全体（layoutに配置） -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "サイト名",
  "url": "https://example.com",
  "description": "サイトの説明",
  "publisher": {
    "@type": "Organization",
    "name": "サイト名"
  }
}
</script>

<!-- 各記事ページ -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "記事タイトル",
  "description": "記事の説明",
  "author": {
    "@type": "Person",
    "name": "著者名"
  },
  "datePublished": "2025-12-08T00:00:00+09:00",
  "dateModified": "2025-12-08T00:00:00+09:00"
}
</script>

チェック項目:

JSON-LD形式で記述（Google推奨）
必須プロパティを含める
日付はISO 8601形式

検証ツール:

チェックリストまとめ

HTMLメタタグ

titleタグ（30〜60文字）
meta description（120〜160文字）
canonicalタグ
OGPタグ（og:title, og:description, og:image, og:url）
Twitter Cardタグ

HTTPステータス

200 OK が正常に返る
404ページが適切に表示される
500エラーのハンドリング
リダイレクト設定（必要な場合）

画像

OGP画像（1200×630px）
favicon（32×32px, SVG）
apple-touch-icon（180×180px）

HTML構文

構文エラーがない
コンテンツがHTMLに含まれている（SPA対策）

クローラー設定

robots.txt
sitemap.xml
構造化マークアップ（JSON-LD）
Google Search Consoleへの登録

便利なツール

Google Search Console

必須。検索パフォーマンスの確認、インデックス状況の把握、問題の検出ができます。

Lighthouse

Chrome DevToolsに内蔵。SEO、パフォーマンス、アクセシビリティを一括チェック。

# CLIでも実行可能
npx lighthouse https://example.com --output html --output-path ./report.html

PageSpeed Insights

Googleが提供するパフォーマンス計測ツール。Core Web Vitalsの確認ができます。

Screaming Frog

サイト全体をクロールして、SEO上の問題点を洗い出すツール。無料版は500URLまで。

この記事は、新しい項目が見つかり次第、随時更新していきます。