重複コンテンツを防ぐ!SEOに必須なcanonicalタグの役割と使い方を紹介

サイトを運営していて、「記事の内容は良いはずなのに、なぜか検索順位が上がらない」と悩んだことはありませんか?もしかすると、それは「重複コンテンツ」によってサイトの評価が分散してしまっているのが原因かもしれません。

実は、自分では1つの記事のつもりでも、URLが少し違うだけで検索エンジンには「別のページ」として扱われてしまうことがあります。そこで重要になるのが、今回紹介する「canonical(カノニカル)タグ」です。

このタグを正しく設定することで、検索エンジンに「これが本物のページです」と伝えられるようになります。SEOの基礎体力を上げるために欠かせない知識なので、ぜひこの機会に役割と使い方をチェックしてみてください。

目次

重複コンテンツを防ぐcanonicalタグとは?

canonicalタグは、検索エンジンに対して「このURLが正規のページです」と伝えるためのHTMLタグです。

サイト内に似たようなページが複数あると、検索エンジンはどれを検索結果に出すべきか迷ってしまいます。そこで、「これを見てほしい」と指名することで、評価を一本化できる便利な仕組みだと考えると分かりやすいと思います。

1-1. canonicalタグの意味とSEOでの役割とは?

canonicalタグの最大の役割は、評価の分散を防ぐことです。

同じ内容のページが3つあれば、本来100点もらえるはずの評価が33点ずつに割れてしまうようなイメージです。これでは非常にもったいないので、canonicalタグを使って「評価をこの1ページにまとめてください」と指示を出すわけです。

1-2. canonicalタグとURL正規化の関係とは?

SEOの世界では、この評価をまとめる作業を「URLの正規化」と呼びます。

「正規化」と聞くと難しそうですが、要するに「グループのリーダーを決める」ようなものです。似たもの同士の中からリーダー(正規URL)を決め、それ以外のメンバー(重複URL)からリーダーへ票を集めるような動きだと私は捉えています。

1-3. rel=canonical属性の基本ルールとは?

具体的には、HTMLのheadタグの中に<link rel="canonical" href="...">というコードを書きます。

この「rel=canonical」という記述が、「このページは正規URLを参照していますよ」という合図になります。ルールさえ分かってしまえば、あとは決まった書き方をするだけなので、技術的なハードルは意外と低いと感じるはずです。

重複コンテンツが起きる場面とは?

「うちは記事をコピペしていないから大丈夫」と思っていても、実はシステム側で勝手に重複コンテンツが作られていることがあります。

意図せずURLが増えてしまうパターンを知っておくと、どこにcanonicalタグが必要かが見えてくると思います。

2-1. パラメータ付きURLで内容が同じになるケースとは?

一番よくあるのが、URLの末尾に「?」から始まる文字列(パラメータ)が付くケースです。

広告の計測用や、一覧ページの並び替え機能などでURLが変わっても、表示されるページの中身は同じということがよくあります。検索エンジンはURLが違えば別ページとみなすので、ここで重複判定されやすいのだと感じます。

2-2. スマホサイトとPCサイトでURLが分かれるケースとは?

最近は減りましたが、スマホ版とPC版でURLが完全に分かれている場合も要注意です。

中身が同じなのにURLが違う典型的なパターンなので、互いの関係性を検索エンジンに伝えないと、重複コンテンツとして扱われるリスクがあります。レスポンシブデザインでない場合は、特に意識しておきたいポイントです。

2-3. コピーした記事や類似ページが増えたときの考え方とは?

商品紹介やニュース記事などで、どうしても他サイトや自サイト内の別ページと内容が似てしまうことがあります。

完全に同じでなくても「内容が酷似している」と判断されれば評価が下がる可能性があります。そんなときは、オリジナルとなる記事を一つ決め、そこへ評価を集める設計が必要だと感じます。

canonicalタグの基本的な書き方とは?

canonicalタグは、書く場所と書き方のルールが明確に決まっています。

間違った書き方をすると無視されたり、逆効果になったりすることもあるので、ここで基本の型をしっかり押さえておくと安心だと思います。

3-1. HTMLのheadに書くcanonicalタグの基本形とは?

canonicalタグは、必ずHTMLの<head></head>の中に記述します。bodyタグの中に書いても検索エンジンには認識されないので注意が必要です。

基本の形は以下のようになります。

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

3-2. 絶対URLで書くべき理由とは?

hrefの中に書くURLは、「https」から始まる「絶対URL」で記述するのが鉄則です。

「/page-a/」のような相対パスでも動くことはありますが、サイトの構成やアクセス環境によって正しく読み取られないリスクがあります。確実に伝えるためには、省略せずにフルパスで書くのが一番安全だと感じます。

3-3. HTTPヘッダーでcanonicalを指定するケースとは?

実はHTMLファイル以外でも、PDFや画像ファイルに対してcanonicalを設定する方法があります。

サーバー側の設定でHTTPヘッダーにcanonical情報を付与するやり方です。少し上級者向けですが、PDF資料をWebページとして正規化したい場合などに役立つテクニックとして覚えておくと良いかもしれません。

canonicalタグを使うべき代表的な場面

実際にサイトを運営していると、canonicalタグが活躍する場面は決まっています。

「こういうときはcanonicalを使うんだな」というパターンを覚えておくと、迷わずに判断できるようになると思います。

4-1. 並び替え・絞り込み・検索結果ページでの使い方とは?

ECサイトやブログの一覧ページにある「価格順」「新着順」などの並び替え機能は、重複コンテンツの温床になりがちです。

中身の商品リストはほぼ同じなのにURLだけが変わるため、こうしたページにはcanonicalタグを入れて、何も条件を指定していない「素の一覧ページ」を正規URLとして指定するのが定石だと感じます。

4-2. ECサイトの商品ページでのcanonical設定とは?

色違いやサイズ違いで個別のURLを持っている商品ページも、評価が分散しやすいポイントです。

商品説明文がほぼ同じなら、代表的な商品(例えば一番人気のある色)のページを正規URLに設定し、他のバリエーションページからそこへcanonicalを向けることで、商品ページの評価を強く保てると思います。

4-3. ブログ記事の重複をまとめるときのcanonical設定とは?

ブログでは、過去の記事をリライトして新しい記事を作ったけれど、古い記事も念のため残しておきたいというケースがあります。

そんなときは、古い記事のcanonical先を新しい記事のURLに設定すれば、古い記事にアクセスしたユーザーをそのままにしつつ、検索エンジンの評価は新しい記事へ移すことができます。記事の整理整頓にとても役立つと感じます。

自己参照canonicalタグを入れる意味とは?

「自分自身のURLをcanonicalに指定する」という設定を見かけることがありますが、これも非常に重要な施策です。

一見意味がないように思えるかもしれませんが、予期せぬトラブルを防ぐための保険として機能してくれます。

5-1. 自己参照canonicalタグとはどんな考え方か?

自己参照canonicalとは、そのページの正規URLとして「自分自身のURL」を指定することです。

例えばAというページに、href="ページAのURL"と書かれたcanonicalタグを設置します。これにより、「私がオリジナルです」と強く宣言することになり、誰かが勝手にパラメータ付きのリンクを貼ったとしても、評価が分散しにくくなると考えられています。

5-2. 全ページに自己参照canonicalを入れるときのポイントとは?

Googleも、基本的には全ページに自己参照canonicalを入れることを推奨しています。

すべてのページに「私は私である」という名札を付けておくようなものです。CMSなどを使っていれば自動で入ることも多いですが、意図しないパラメータがついたときに正規URLを守る盾になってくれるので、入れておいて損はない設定だと感じます。

5-3. 自己参照canonicalとサイト構造の相性とは?

サイト構造が複雑になると、どのURLが正規なのか管理者が混乱してしまうことがあります。

自己参照canonicalをルール化しておけば、「このページの正解はこれ」と常に明確にしておけます。サイト全体の設計をクリーンに保つためにも、この習慣はつけておきたいところです。

canonicalタグとリダイレクトの違いとは?

canonicalタグとよく比較されるのが「301リダイレクト」です。

どちらも評価をまとめる役割がありますが、ユーザーからの見え方が全く違うので、目的によって使い分ける必要があります。

6-1. canonicalタグと301リダイレクトの役割の違いとは?

最大の違いは「ページが表示されるかどうか」です。

項目canonicalタグ301リダイレクト
画面表示元のページが見れる新しいページへ強制移動
用途ページを残したい時ページを無くしたい時
強制力ヒント(提案)命令(転送)

301リダイレクトは「引越し」なので元の場所にはいられませんが、canonicalは「代表者指名」なので元のページも存在し続けます。ここを混同しないように整理しておくと良いと思います。

6-2. 302リダイレクトとcanonicalをどう使い分けるか?

302リダイレクトは「一時的な転送」を意味します。

メンテナンス中や期間限定のキャンペーンなど、元のURLに戻す予定がある場合は302を使います。canonicalはあくまで「内容が重複している場合」に使うものなので、ユーザーを移動させたいならリダイレクトを選ぶべきだと感じます。

6-3. ドメイン移転時に選びたいのはcanonicalかリダイレクトか?

サイトの引っ越し(ドメイン変更)をする場合は、基本的に301リダイレクトを使います。

canonicalタグでも評価の継承は可能ですが(クロスドメインcanonical)、リダイレクトの方がユーザーも新しいサイトへ誘導できるため、移転の場面ではリダイレクト一択だと考えて良いと思います。

WordPressなどCMSでのcanonical設定

WordPressなどのCMSを使っている場合、手動でタグを書かなくてもプラグインがやってくれることが多いです。

便利な反面、設定を間違えると全ページの評価がおかしくなることもあるので、どこで制御されているかを知っておくのは大切だと感じます。

7-1. WordPressでcanonicalタグを自動設定する基本とは?

WordPressでは、多くのテーマやSEOプラグイン(All in One SEOやYoast SEOなど)が、デフォルトで自己参照canonicalを出力してくれます。

まずは自分のサイトのソースコードを確認し、自動で入っているかチェックしてみましょう。何もしていなくても入っているなら、基本的にはそのままで大丈夫なことが多いです。

7-2. カテゴリー・タグページのcanonicalの考え方とは?

カテゴリーページやタグページは、記事が増えるとページネーション(2ページ目、3ページ目…)が発生します。

このとき、すべてを1ページ目にcanonicalしてしまうと、2ページ目以降の記事が検索エンジンに認識されなくなるリスクがあります。基本的には「2ページ目は2ページ目が正規URL」とするのが自然な設定だと私は思います。

7-3. プラグインを使うときに見ておきたい設定項目とは?

SEOプラグインの投稿画面には、個別にcanonical URLを指定できる欄があります。

特定の記事だけを別の記事に正規化したい(まとめたい)場合は、この欄に正規URLを入力するだけで設定できます。わざわざコードをいじる必要がないので、この機能の場所だけでも覚えておくと便利だと感じます。

canonicalタグでやりがちなミス

canonicalタグは強力な指示なので、設定ミスをすると検索結果から消えてしまうなどの大きな事故につながります。

よくある失敗パターンを知って、自分のサイトがそうなっていないか確認することをおすすめします。

8-1. 間違ったURLを指定して評価が消えてしまうパターンとは?

一番怖いのが、コピペミスなどで「存在しないURL」や「意図しないURL」を指定してしまうことです。

もし全ページのcanonical先がトップページになっていたりすると、検索エンジンは「すべてのページの中身はトップページと同じなんだ」と判断し、個別記事がインデックスされなくなる可能性があります。設定時は慎重確認が必要だと感じます。

8-2. 複数のcanonicalタグを書いてしまうミスとは?

プラグインとテーマの両方でcanonicalを出力してしまい、HTML内にタグが2つ存在してしまうケースがあります。

canonicalタグが複数あると、Googleはどちらを信じていいか分からず、両方無視することがあります。ソースコードを見て、タグが重複していないか一度チェックしてみるのが良いと思います。

8-3. 内容が違うページをcanonicalでまとめてしまうリスクとは?

全く違う内容のページにcanonicalを向けても、Googleはそれを「間違い」と判断して無視してくれることが多いですが、過信は禁物です。

無理やり関係ないページに評価を送ろうとしてもSEO効果は期待できませんし、サイトの構造が分かりにくくなるだけなので、あくまで「重複コンテンツの解消」のために使うべきだと感じます。

モバイル対応とcanonicalタグの考え方

スマホ対応が当たり前になった今、モバイル用ページとcanonicalの関係も整理しておきたいポイントです。

Googleはモバイルファーストインデックス(MFI)を採用しているので、スマホ版の扱いをおろそかにすることはできないと思います。

9-1. レスポンシブWebデザインの場合のcanonical設定とは?

レスポンシブデザイン(PCとスマホでURLが同じ)なら、特別なcanonical設定は不要です。

通常通り、自己参照canonicalを入れておけば問題ありません。URLが一本化されているので管理も楽ですし、SEOの観点からもGoogleが推奨している形式なので安心だと感じます。

9-2. 別URLでモバイルページを持つときのcanonicalとは?

もしPC版(example.com)とスマホ版(m.example.com)でURLが分かれている場合は、設定が少し複雑になります。

  • PC版には:スマホ版へのrel="alternate"
  • スマホ版には:PC版へのrel="canonical"

このように相互に矢印を向けるような設定が必要です。これを忘れると別々のページとして評価されてしまうので、注意が必要だと感じます。

9-3. hreflangやAMPとの組み合わせで考えたいポイントとは?

多言語サイト(hreflang)やAMPページを導入している場合も、canonicalとの整合性が重要になります。

特にAMPページは「PC版が正規、AMP版は別バージョン」という関係になるため、AMPページからPCページへcanonicalを向ける必要があります。技術的な要件が多いので、公式ドキュメントを確認しながら進めるのが確実だと思います。

canonicalタグの確認とチェック方法

設定が終わったら、必ず「正しく反映されているか」を確認しましょう。

目に見えないタグだからこそ、ツールの力を借りてチェックする習慣をつけるのが、ミスを防ぐ一番の近道だと感じます。

10-1. ブラウザとソースコードでcanonicalタグを確認する手順とは?

一番手軽なのは、ブラウザの「ページのソースを表示」機能を使うことです。

  1. 確認したいページを開く
  2. 右クリックして「ページのソースを表示」
  3. 「Ctrl + F」で「canonical」と検索する

これで、hrefの中身が正しいURLになっているかを目視で確認できます。原始的ですが、これが一番確実な方法だと私は思います。

10-2. Google Search Consoleで正規URLを確認する方法とは?

Google Search Consoleの「URL検査」ツールを使えば、GoogleがどのURLを正規として認識しているかが分かります。

検査結果の「ページのインデックス登録」欄を見ると、「ユーザーが指定した正規URL」と「Googleが選択した正規URL」が表示されます。ここが一致していれば設定成功です。答え合わせができるので、非常に便利だと感じます。

10-3. canonicalタグのテストに役立つチェックツールとは?

ブラウザの拡張機能(SEO META in 1 CLICKなど)を使うと、ソースを開かなくてもワンクリックでcanonical情報を確認できます。

多くのページをチェックするときは、こうしたツールを使うと作業効率が段違いに上がります。自分に合ったツールを一つ入れておくと、日々のチェックが楽になると思います。

canonicalタグを使いこなすための考え方

最後に、canonicalタグを設定する際の「思考の整理」についてお伝えします。

ただ機械的に設定するのではなく、「サイトをどう見せたいか」という意思を持つことが、正しいSEOにつながると感じます。

11-1. 「どのURLに評価を集めたいか」を決める考え方とは?

canonical設定の第一歩は、「一番見せたいページはどれか」を決めることです。

検索結果に出したいページ、ユーザーにブックマークしてほしいページを「主役」にして、それ以外を「脇役」として紐付けるイメージです。この主従関係さえハッキリしていれば、設定で迷うことは少なくなると感じます。

11-2. サイト設計とcanonicalタグを一緒に考えるコツとは?

サイトを作るときに、「URLがどう増えていくか」をあらかじめ想像しておくとスムーズです。

「ここはパラメータが出るからcanonicalでまとめよう」「ここはあえて別ページとして評価させよう」といった戦略を最初に練っておくことで、後から重複コンテンツに悩まされる時間を大幅に減らせると思います。

11-3. canonicalタグと内部リンクをそろえる意味とは?

canonicalで正規化したURLには、サイト内の内部リンクも統一するようにしましょう。

canonicalで「Aが正規です」と言っているのに、内部リンクで「B」ばかりリンクしていると、検索エンジンが混乱してしまいます。言動を一致させることで、より強いシグナルを送れるようになるはずです。

まとめ

canonicalタグは、一見すると地味で難しそうな専門用語に見えるかもしれません。でも、その本質は「私のサイトの正規ページはこれです!」と名乗り出るための、とてもシンプルな仕組みです。

重複コンテンツによる評価の分散は、頑張って記事を書いている人ほど陥りやすい罠だと言えます。だからこそ、このタグを味方につければ、努力が正しく報われるサイト運営ができるようになるはずです。

まずは自分のサイトの主要なページをいくつかチェックして、「canonicalタグがちゃんと入っているか」「正しいURLを指しているか」を確認することから始めてみてはいかがでしょうか?

小さな確認の積み重ねが、将来的に大きな検索トラフィックの差となって返ってくると思います。ぜひ、今日から意識してみてください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次