canonicalタグは、複数のURLで同じコンテンツが存在する際に「正規のURL」を検索エンジンに伝えるためのHTMLタグです。適切に設定することで重複コンテンツによる評価分散を防ぎ、SEO評価を1つのURLに集約できます。

本記事では、canonicalタグの基本から、よくある設定ミスと診断データから見える実態、CMS別の実装方法までを解説します。
10年以上の国際SEOコンサルティング経験と、SEGO診断ツールで蓄積した実データをもとに、中小企業のサイト運営者が今日から実践できる内容にまとめました。

テクニカルSEOを体系的に学びたい方は、まず構造化データとは？【JSON-LD】SEOとAI検索に効く5つのスキーマもあわせてご覧ください。

canonicalタグとは何か

canonicalタグは、HTMLの<head>内に記述するメタタグで、ページの「正規URL」を検索エンジンに伝える役割を持ちます。

HTMLでの基本的な記述は以下の通りです。

<link rel="canonical" href="https://example.com/products/item-a" />

Googleの公式ドキュメント（URLの正規化）によれば、canonicalタグはWebサイトで頻繁に発生する「同じ内容が複数のURLでアクセスできる状態」をGoogleに対して整理する役割を果たします。

たとえば、以下はすべて「同じページ」としてアクセス可能ですが、URLとしては別物として扱われます。

これらのURLは、ユーザーにとっては同じページですが、検索エンジンから見ると「5つの別ページ」として認識されます。canonicalタグを設定することで、「このページの正規URLはこれです」と明示でき、評価が分散することを防げます。

重要な前提として、canonicalタグは「強制力のある命令」ではなく「ヒント（推奨）」として扱われます。Googleは設定されたcanonical URLを参考にしますが、内容が大きく異なる場合や、設定に矛盾がある場合は無視することもあります。

canonicalタグがSEOに与える影響

canonicalタグの適切な設定は、SEO評価の集約と重複コンテンツ問題の防止という2つの大きな効果をもたらします。

影響は主に3つの経路で現れます。

① 重複コンテンツによる評価分散の防止

同じ内容が複数のURLに存在すると、被リンクや滞在時間などの評価指標がバラバラに分散してしまいます。canonicalで1つのURLに集約することで、評価が一点に集中し、検索順位向上につながります。

② インデックス効率の改善（クロールバジェット最適化）

Googlebotが同じ内容のページを何度も巡回すると、本来クロールすべき新規ページや更新ページへのリソースが減少します。大規模ECサイトでは、canonical設定の見直しだけで新規商品ページのインデックス速度が2〜3倍に改善した事例もあります。

③ AI検索エンジンへの正確な情報伝達

ChatGPTやPerplexityなどのAI検索エンジンも、引用元URLの判定にcanonicalを参照する場合があります。複数URLが存在する状態では、AI側も「どのURLを引用するか」で迷い、結果として引用機会を失う可能性があります。

テクニカルSEOの観点では、robots.txtやJSON-LDと並んで、canonicalタグはサイトの機械可読性を高める基本要素の1つです。

SEGO診断から見えたcanonicalタグの実態

SEGO診断ツールで分析したサイトのうち、約4割でcanonicalタグに何らかの問題が確認されました。問題の内訳を以下に整理します。

各問題の典型的なパターンを解説します。

完全な未設定（45%）：HTMLヘッダーにcanonicalタグそのものが存在しない状態。WordPressのデフォルトテーマでも自動付与されないケースがあります。
トップページのみ設定・下層ページ未設定（28%）：トップページにのみcanonicalが設定されており、商品ページや記事ページには未設定。サイト全体での評価分散リスクが残ります。
誤ったURL指定（18%）：別ページのURLをcanonicalとして指定しているケース。テンプレートのコピペミスで発生することが多く、最も深刻な問題です。
矛盾した実装（9%）：noindexタグとcanonicalタグが同時に設定されているなど、検索エンジンに対して矛盾した指示を出している状態。

これらの問題は技術的には軽微に見えますが、サイト全体のSEO評価に大きな影響を及ぼします。特に「誤ったURL指定」は、本来評価されるべきページがGoogleから完全に無視される原因にもなります。

canonicalタグの正しい書き方

canonicalタグの基本的な実装は、ページのHTMLヘッダー内に<link rel="canonical" href="...">を追加するだけで完了します。

実装する際の重要なルールは以下の3点です。

① 絶対URLで記述する

<!-- 推奨：絶対URL -->
<link rel="canonical" href="https://example.com/products/item-a" />

<!-- 非推奨：相対URL -->
<link rel="canonical" href="/products/item-a" />

相対URLでも動作はしますが、Google公式は絶対URLでの記述を強く推奨しています。プロトコル（https）とドメインまで含めた完全な形式で記述しましょう。

② 自己参照型のcanonicalを推奨

各ページが自分自身のURLをcanonicalとして指定する「自己参照型」が、Googleの推奨パターンです。

<!-- /products/item-a ページの場合 -->
<link rel="canonical" href="https://example.com/products/item-a" />

自己参照型を全ページに設定することで、URLパラメータ違いやプロトコル違いによる重複を一括で防げます。

③ 1ページにつき1つだけ設定する

同じページに複数のcanonicalタグを設定すると、Googleは全てを無視します。テーマ機能とプラグインを併用している場合に発生しやすいトラブルなので、HTMLソースを必ず確認してください。

canonicalタグを使うべき具体的なケース

canonicalタグは、以下のような状況で特に効果を発揮します。

ケース1：URLパラメータが付与される場合

広告のトラッキングパラメータ（utm_source等）やフィルタリング機能のパラメータが付与されると、URLが大量に生成されます。

<!-- どのURLでアクセスされても、canonicalで1つに集約 -->
<link rel="canonical" href="https://example.com/products" />

ケース2：HTTPS化やドメイン統一の過渡期

HTTP→HTTPSへの移行中や、wwwあり/なしを統一する際、リダイレクト設定だけでは漏れが発生する場合があります。canonicalタグを併用することで、確実に評価を一本化できます。

ケース3：類似コンテンツが複数存在する場合

サイズ・色違いの商品ページや、ページネーションで分割された記事など、内容が類似するページではcanonicalで「代表ページ」を指定します。

<!-- 商品の色違いバリエーションがある場合 -->
<!-- /products/shirt-red のページに以下を設定 -->
<link rel="canonical" href="https://example.com/products/shirt" />

ケース4：シンジケーション・転載されたコンテンツ

自社記事を他媒体に転載する場合、転載先に元記事のcanonicalを指定してもらうことで、検索エンジン評価を自社サイトに集約できます。

特に大手メディアへの寄稿時、転載記事側にcanonicalを設定してもらえるかで、自社サイトのSEO効果が大きく変わります。転載交渉時は必ずcanonical設定を依頼しましょう。

CMS別のcanonical設定方法

主要CMS・フレームワークでのcanonicalタグ実装方法を解説します。

WordPress

WordPress 5.7以降、自己参照型のcanonicalがデフォルトで自動出力されます。ただし、より高度な制御が必要な場合は、SEOプラグインの利用を推奨します。

Yoast SEO：投稿編集画面の「高度な設定」から個別URLを指定可能
All in One SEO：自己参照型を自動設定。個別ページでの上書きにも対応
Rank Math：高度なcanonical制御機能を無料版で提供

WordPressで特に注意が必要なのは、テーマ機能とプラグインの両方でcanonicalが出力されているケースです。HTMLソースを確認し、rel="canonical"が複数存在する場合は、どちらか一方を無効化してください。

Next.js（App Router）

Next.js 13以降のApp Routerでは、Metadata APIを使ってcanonicalを設定します。

// app/blog/[slug]/page.tsx
import type { Metadata } from "next";

export async function generateMetadata({ params }): Promise<Metadata> {
  const { slug } = await params;
  return {
    alternates: {
      canonical: "https://example.com/blog/" + slug,
    },
  };
}

SEGOでも全ブログ記事に対して、この方式で自己参照型canonicalを動的に生成しています。記事のslugに応じて適切なURLが自動で挿入されるため、運用ミスを防げます。

Shopify

Shopifyは標準でcanonicalタグを自動出力します。商品バリアントの違い（色・サイズ等）も自動的に正規化されるため、特別な設定は基本的に不要です。

ただし、コレクションページやフィルタリング機能で生成されるURLについては、theme.liquidでの個別調整が必要な場合があります。

canonicalタグの確認方法

設定したcanonicalタグは、必ず以下の方法で検証してください。

① ブラウザのデベロッパーツールで確認

対象ページでF12を開き、Elementsタブでhead内を検索します。<link rel="canonical">を探し、指定されているURLが意図通りか確認します。

② Google Search Consoleの「URL検査」で確認

Search Consoleの「URL検査」機能で、Googleが認識している正規URLを確認できます。「ユーザーが指定した正規URL」と「Googleが選択した正規URL」が一致していれば成功です。

不一致がある場合、Googleがcanonical指定を無視していることを意味します。コンテンツの差異や設定の矛盾を確認しましょう。

③ SEGOによる一括診断

SEGOでは、サイト内のcanonical設定状況を含む50項目以上のSEO項目をURL入力だけで一括診断できます。JSON-LDの実装確認と同時に行うと、テクニカルSEOの総点検として効率的です。

特に大規模サイトではcanonicalの設定漏れが数十〜数百ページに及ぶことがあります。定期的な一括診断で問題を早期発見しましょう。

canonicalタグの最適化ポイントまとめ

canonicalタグは、適切に設定すればSEO評価の集約と重複コンテンツ問題の防止に大きく貢献します。本記事のポイントを整理します。

canonicalタグは「正規URL」を検索エンジンに伝えるヒント情報
SEGO診断で約40%のサイトに何らかの設定問題あり
絶対URL・自己参照型・1ページ1タグが基本ルール
URLパラメータ・HTTPS移行・類似コンテンツ・シンジケーション時に必須
CMSごとに自動出力の挙動が異なるため、必ずソース確認
noindexタグとの併用は避ける（矛盾した指示になる）
Search ConsoleのURL検査で「Googleが認識した正規URL」を定期確認

canonicalタグは設定コストが低い割に、SEO評価の集約効果が高い施策です。サイトの規模が大きくなる前に、全ページで自己参照型を統一しておくことを強く推奨します。

SEGOでは、canonicalタグを含む50項目以上のSEO・AI検索対応状況をURLを入力するだけで無料診断できます。診断結果には優先度の高い改善項目も提示されます。

SEGOで無料診断を試す

canonicalタグに関するよくある質問

canonicalタグを設定すれば、リダイレクト（301）は不要ですか？

用途が異なるため、両方の併用が理想です。canonicalは検索エンジンへの「ヒント」、301リダイレクトはユーザーとクローラー両方を確実に転送する「強制力」を持ちます。HTTPS化やドメイン変更時は必ず301リダイレクトを優先し、補完的にcanonicalを設定してください。

canonicalタグを設定したのに、Googleが認識してくれません

いくつかの原因が考えられます。①canonical指定先と現在のページのコンテンツが大きく異なる、②canonical指定先がnoindex設定になっている、③複数のcanonicalタグが出力されている、などです。Search Consoleの「URL検査」で「Googleが選択した正規URL」を確認し、設定の矛盾を解消してください。

クロスドメインのcanonical（別ドメインへのcanonical）は使えますか？

使えます。シンジケーション（記事の他媒体への転載）などで活用されます。ただし、Googleはクロスドメインのcanonicalをより慎重に判定する傾向があるため、内容の同一性が確実な場合のみ使用してください。

ページネーションされたページにcanonicalはどう設定すべきですか？

各ページに自己参照型のcanonicalを設定するのが現在の推奨です。以前は1ページ目に集約する方法も提案されていましたが、Googleは2019年にrel="prev" / rel="next"のサポートを終了しており、現在は各ページを独立したページとして扱う方針です。

URLの末尾スラッシュ（trailing slash）はcanonicalに影響しますか？

影響します。https://example.com/pageとhttps://example.com/page/はGoogleにとって別URLです。サイト全体で末尾スラッシュの有無を統一し、canonical指定もそれに合わせてください。Next.jsではnext.config.tsのtrailingSlashオプションで一括制御できます。

canonicalタグとは？正規URLの設定方法と重複コンテンツ対策【2026年版】