ホームページにおけるcanonical(カノニカル)タグとは、Webサイト内に内容が同一または非常に類似した複数のページが存在する場合に、どのURLを検索エンジンに対して「正本(正規のページ)」として評価させるかを指定するHTMLタグです。同一商品で色違いのページが複数存在するケースや、広告用トラッキングパラメータが付与されたURLが存在するケースなどで、評価の分散や検索エンジンからのペナルティリスクを防ぐために必須のSEO施策となります。
本記事では、SEO・AIOコンテンツの視点から、canonicalタグの正しい書き方、シーン別の具体的な設定例、WordPressサイトでの自動化手順、設定時の落とし穴まで、実務ですぐに活用できる技術ガイドを分かりやすく解説します。
canonical(カノニカル)タグとは?Webサイト運用における役割と重要性
canonical(カノニカル)タグは、HTMLのheadセクション内に記述するlink要素の一種です。検索エンジンのクローラー(Googlebotなど)に対して、インデックス(検索結果への登録)と評価の集約を行うべき優先URLを明示する指示を出します。
Webサイトを長期的に運用していくと、技術的な構造やマーケティング上の仕様により、意図せず「システム的には異なるURLだが、ユーザーに見えるコンテンツはほぼ同一」という重複・類似ページが多数生成されます。これを放置すると、検索評価の分散やクロールバジェットの浪費など、SEO上の重大な不利益が生じます。
重複コンテンツ(類似ページ)が発生する主な原因
意図しない重複コンテンツや類似ページが発生する典型的な原因には、以下のようなWebシステム上の仕様や運用上の都合があります。
- 通信プロトコルの表記揺れ:http:// と https:// の両方で同一ページが表示される。
- ホスト名(www)の有無:wwwありとwwwなしの双方が有効になっている。
- 末尾ファイル名・スラッシュの有無:/index.html や末尾トレイリングスラッシュの違い。
- URLパラメータの付与:Web広告のトラッキング(?utm_source=…)や、サイト内検索・並び替え(?sort=price)によって生成される動的URL。
- ECサイトの商品バリエーション:カラーやサイズ違いで個別のURLが発行されているが、本文説明が共通であるケース。
- PC・スマートフォン専用URLの分離:PC版とスマホ版で個別のURLを運用しているケース。
canonicalタグを設定しないことで生じるSEO上のリスク
正しいURL正規化が行われていない場合、検索エンジンは「どのURLを検索結果に表示させるべきか」を独自に判断することになります。その結果、以下のような問題が発生します。
| リスク項目 | 影響と詳細 |
|---|---|
| 検索評価(リンクポテンシャル)の分散 | 複数の類似ページに対して外部からの被リンクや内部リンクの評価が分散し、本来評価されるべき主ページ(正規ページ)の検索順位が上がりにくくなります。 |
| キーワードカニバリゼーションの発生 | 自社サイト内の複数URLが同一の検索キーワードで競合し合い、互いに順位を下げ合ってしまう現象を引き起こします。 |
| クロールバジェットの浪費 | 大規模サイトにおいて、クローラーが重複ページの巡回にリソースを無駄遣いし、重要かつ新規のページが速やかにインデックスされにくくなります。 |
| 意図しないURLのインデックス | 広告用パラメータ付きのURLやテスト用ページなど、検索結果に表示させたくない不適切なURLがユーザーに露出してしまいます。 |
自社サイト内で同一キーワードを食い合ってしまう現象のメカニズムや解消実務については、こちらの企業ホームページのキーワードカニバリゼーション(共食い)の原因と解消手順も併せてご参照ください。
canonicalタグの正しい書き方とHTMLでの記述例
canonicalタグは、ページの<head>から</head>の間に記述します。<body>内に記述しても検索エンジンには正しく評価されません。
基本的なHTML記述ルール
正規化したい対象のURL(正本ページ)の完全なURLを指定します。
<head>
<link rel="canonical" href="https://example.com/target-page/">
</head>
自己参照canonical(Self-referencing canonical)の推奨理由
他ページへ評価を集約させる必要がない「正規ページそのもの」であっても、自分自身のURLを指定する「自己参照canonical」を設定することがGoogle公式により強く推奨されています。
自己参照canonicalを設定しておくことで、以下のようなトラブルを防ぐことができます。
- 他サイトから無断でコンテンツを複製(スクレイピング)された際に、自社サイトがオリジナルであると正しく認識させる。
- 意図しないURLパラメータが付与されてアクセスされた場合でも、元のクリーンなURLへ評価を保護する。
絶対パス(絶対URL)で指定すべき技術的理由
canonicalタグには、必ず「https://」から始まる絶対パス(絶対URL)を記述してください。相対パスでの記述は、ドメインやプロトコルの表記揺れを解決できず、誤解釈の原因となります。
| 記述形式 | 特徴と可否 |
|---|---|
| 絶対パス(正解) | 〇 検索エンジンがドメイン・プロトコルを含めて正確に識別可能 |
| 相対パス(非推奨) | × ドメインやSSLの揺れを解決できず認識エラーの原因となる |
| プロトコル相対(非推奨) | × HTTPとHTTPSの区別が曖昧になり正規化が正しく機能しない |
シーン別:canonicalタグの適切な設定パターンと判別基準
canonicalタグは、単にすべてのページに貼ればよいわけではありません。Webサイトの構造や運用の目的に合わせて正確に指定する必要があります。
URLパラメータ(トラッキングタグ・絞り込み検索)が存在する場合
アクセス解析やWeb広告でパラメータ付きURLを使用する場合、パラメーターを除外したベースのURLをcanonicalに指定します。
- アクセスのあったURL:https://example.com/service/?utm_source=google&utm_medium=cpc
- canonicalに記述するURL:https://example.com/service/
これにより、広告経由でアクセスが集まった場合でも、SEO評価はすべてパラメータなしのオリジナルURLに蓄積されます。
PC用URLとスマートフォン用URLが別々に存在する場合
レスポンシブWebデザインではなく、PCとスマホで別々のURLを運用している構造の場合、相互にタグを設定します。
- PC版ページ:自分自身へのrel=”canonical”と、スマホ版へのrel=”alternate”を設定。
- スマホ版ページ:PC版URLを指すrel=”canonical”を設定。
※現代の標準的なWeb制作においては、URLの重複を極力発生させないレスポンシブWebデザインの採用が推奨されます。
ECサイトの商品バリエーション(色・サイズ別ページ)
ECサイトで同一製品の「赤・青・緑」といったカラーバリエーションごとに別URLが存在し、仕様や説明文がほぼ同一である場合は、最も標準的な代表色(またはカラー選択前の代表商品ページ)を正本としてcanonicalを設定します。
ECサイト構築時のプラットフォームごとの比較やURL設計についての詳細は、ECサイト構築プラットフォームの比較と選び方|Shopify・EC-CUBE・WooCommerceのメリット・費用要因と最適な選定手順をご参照ください。
301リダイレクトとの違いと使い分け
重複コンテンツへの対処法として、canonicalタグと頻繁に比較されるのが「301リダイレクト(永久転送)」です。この2つは役割が明確に異なります。
| 比較項目 | canonical(カノニカル)タグ | 301リダイレクト |
|---|---|---|
| ユーザーの挙動 | 旧URLにそのまま滞在して閲覧可能 | 自動的に新URLへ転送される |
| ページの存続 | 両方のページを公開・利用し続ける | 転送元ページは原則アクセス不可になる |
| 主な用途 | パラメータ付きURL、ECのバリエーション、一覧の並び替え | サイトの改修・URL変更、ドメイン移行、ページの統合 |
| SEO評価の引き継ぎ | 強固なヒントとしてGoogleへ提示 | シグナルとしてほぼ100%引き継がれる |
ユーザーに転送元のページを見せる必要がある(商品購入や検索操作で利用する)場合は「canonical」、古いページを見せる必要が一切ない場合は「301リダイレクト」を選択するのが基本ルールです。サイト改修やドメイン変更時の転送処理については、ホームページのドメイン移行(ドメイン変更)の手順と注意点を参考にしてください。
WordPressサイトにおけるcanonicalタグの設定と自動化手順
WordPressを利用してホームページを構築している場合、手動でHTMLを書き換えるのではなく、プラグインやテーマの機能を用いて自動的に自己参照canonicalを出力させるのが実務上の標準です。
SEOプラグインを活用した設定
主要なSEOプラグイン(Yoast SEO、All in One SEO、Rank Math、SEO SIMPLE PACKなど)を導入している場合、デフォルト状態で主要な投稿・固定ページ・アーカイブに対して適切な自己参照canonicalタグが自動で出力されます。
特定のページ(例:類似したランディングページやキャンペーンページ)の評価を別ページへ統合したい場合は、個別投稿画面の編集エリア下部にある「SEO設定」のAdvanced(詳細)項目から、正規化先URLを手動で入力します。
WordPressのタクソノミーとアーカイブページの正規化
カテゴリーページやタグページなどのアーカイブページにおいても、パラメータやページネーションによる重複が発生しやすいため、テーマ側で一貫したcanonical出力処理が求められます。
WordPressのタクソノミー(カテゴリーやタグ)設計におけるアーカイブページの正規化実務については、こちらのWordPressのカテゴリーとタグの使い分けとSEO最適化手順でも詳しく解説しています。
canonicalタグ設定時の注意点とよくあるミス・トラブル対策
canonicalタグは、非常に強力なSEOコントロール手段である反面、記述ミスや設定の矛盾があると、意図しないインデックス拒否や検索順位の大幅な下落を引き起こします。実務で特に注意すべきチェックポイントをまとめました。
相対パスで記述してしまうミス
前述の通り、相対パスで記述すると、サブドメインや開発環境から本番環境への移行時、あるいはSSL化の過程で不正なURLとして解釈され、Googleに無視される原因になります。必ずプロトコルを含めたフルURLで指定してください。
noindexタグやrobots.txtとの併用における競合トラブル
以下の設定を同時に行うと、検索エンジンに対して矛盾した命令を与えることになります。
- エラー例1:canonicalとnoindexの併用
正規化元ページに noindex と canonical(正規ページを指す)を同時に記述する。→ クローラーはnoindexを優先してページ自体を無視するため、canonicalによる評価の継承が行われないリスクがあります。 - エラー例2:robots.txtでブロックされたページへのcanonical設定
robots.txtでクローラーの巡回を拒否しているページにcanonicalを書いても、クローラーがタグを読み取れないため無視されます。
複数ページにわたるページネーションでの誤った設定
ブログの一覧や商品一覧などで「2ページ目」「3ページ目」が存在する場合、2ページ目以降のcanonicalをすべて1ページ目に設定してはいけません。
1ページ目と2ページ目は異なるコンテンツを掲載しているため、これらを「重複コンテンツ」として1ページ目に集約させると、2ページ目以降に掲載されている個々の記事や商品へのリンク評価が正しく伝達されなくなります。ページネーションのページは、それぞれ自分自身へ自己参照canonicalを設定するのが正解です。
Google Search Consoleでの設定状況とインデックス確認手順
canonicalタグがGoogleに正しく認識・尊重されているかを確認するには、Google Search Consoleの「URL検査ツール」を使用します。
- Google Search Consoleにログインし、上部の検索窓に対象のURLを入力します。
- 「ページのインデックス登録」セクションを展開します。
- 「ユーザーが指定した正規 URL」と「Google が選択した正規 URL」の2項目を確認します。
両方のURLが一致していれば、設定したcanonicalタグが意図通りGoogleに承認されている状態です。もし「Google が選択した正規 URL」が別のURLになっている場合は、Googleがあなたの提示したcanonicalよりも、コンテンツの酷似性やサイト内リンクの向きを根拠に別のページを正規と判定したことを意味します。コンテンツの差分を明確にするか、301リダイレクトへの変更を検討する必要があります。
よくある質問
canonicalタグを指定すれば必ずGoogleに無視されず適用されますか?
いいえ、絶対的な命令ではなく「強固なヒント(提案)」として扱われます。Googleは指示されたcanonicalタグを尊重する傾向が強いですが、正規化元と正規化先のコンテンツが完全に無関係である場合や、サイト内の他のリンク構造と矛盾している場合は、クローラーが独自の判断で別のURLを正規ページとして認識することがあります。
ドメインを跨いだ別サイトへのcanonical設定(クロスドメインcanonical)は可能ですか?
はい、可能です。ドメインが異なる外部サイトや関連メディアに同一のプレスリリースや記事を寄稿・転載する場合、転送元から転送先のオリジナル記事URLへrel=”canonical”を指定することで、別ドメイン間でも重複コンテンツのペナルティを防ぎ、オリジナル側に評価を集約させることができます。
1つのページに複数のcanonicalタグが存在する場合はどうなりますか?
HTML内に複数のcanonicalタグが存在する場合(プラグインの重複やテーマの二重記述などが原因)、Google等の検索エンジンは提示されたすべてのcanonicalタグを無効化(無視)して処理します。ソースコードを出力した際、<head>内にcanonicalタグが1つだけ存在するか定期的にチェックすることが重要です。
canonicalと301リダイレクトはどちらを優先して使うべきですか?
ユーザーに対して転送元ページを直接見せる必要がない場合(ページのURL変更、削除、重複ページの完全廃止など)は、最も強力で確実に評価を移転できる「301リダイレクト」を第一選択としてください。パラメータ付きURLや一覧の絞り込み表示など、ユーザーがそのURLにアクセスして操作を続ける必要がある場合にのみ「canonical」を使用します。
まとめ:適切なcanonicalタグ設定でサイトのSEO評価を最適化しよう
canonical(カノニカル)タグは、複雑化するWebサイトのURL構造において、評価の分散を防ぎ、サイト本来のSEOポテンシャルを最大化するための重要技術です。
- 重複・類似ページが存在する場合、評価を集約したい主ページ(正規ページ)の絶対URLを指定する。
- 評価の偏りや不要なトラブルを防ぐため、すべての正規ページで「自己参照canonical」を設定する。
- 記述ミス(相対パス、noindexとの競合、ページネーションへの誤適用など)を防ぐ。
- 設定後はGoogle Search ConsoleでGoogleの判定状況を必ず確認する。
自社サイトのURL構造の整理や、WordPressにおける技術的なSEO設定、リニューアルに伴う適切な正規化処理でお悩みの際は、専門知識を持った制作会社へ相談することをお勧めします。
CONTACT
Web制作・SEO・AIOについてお気軽にご相談ください
ホームページ制作・リニューアル、WordPress、SEO・AIO対策、 ECサイト、Web集客、保守・セキュリティなど、 Webに関するご相談を承っています。 「何から相談すればよいかわからない」という段階でもお気軽にお問い合わせください。
