<link rel=”canonical”>タグの使い方とSEOの評価について

2022.10.20 SEO相談室記事一覧

link rel=”canonical”は、重複もしくは類似コンテンツの評価分散を防ぐSEOの内部対策の1つとして設定します。link rel=”canonical”を設定して複数URLに分散した評価を1つのURLに集めることでURLの正規化を行います。

そこで今回は、具体的にlink rel=”canonical”を使うべきシーンを想定し、記述方法をご紹介します。

1 canonicalとは？
2 canonicalによりSEOの評価はどうなる？
3 canonicalで対応するURL正規化とは
4 canonicalを利用する時はどのような時か？
5 canonicalを記述する方法
6 canonicalよりも、301リダイレクトを活用すべき場合
7 利用する際の注意点
8 おわりに

canonicalとは？

Canonicalタグとは、検索エンジンに対し、重複もしくは類似ページのURLを統合する（評価を集中させる）ためのタグです。「URL正規化」や「標準化」と言われる作業を行う時に使い、HTMLソースの、要素内に記述して使用します。canonicalタグを適切に使用することでSEO効果が見込めます。

サイト運営をしていると、どうしてもサイト内で別URLで同一内容のコンテンツになってしまうケースがあります。そんな時に、「これとこれは、同じ内容です。」ときちんと検索エンジンに示してあげることで、評価への悪影響を減らしてくれます。

canonicalによりSEOの評価はどうなる？

canonicalタグで行うSEOは、いわゆる「内部対策」と言われる施策になり、サイト内部のHTML記述を最適化することで、検索エンジンによる評価を高め（マイナス評価を減らし）、検索順位を高めることができます。

他サイトからのリンク獲得などに代表される「外部対策」とは違い、自社内ですぐに取り組める内容なので、未対応の場合は積極的に活用を検討してください。

canonicalで対応するURL正規化とは

canonicalで対応するURL正規化

canonicalタグを用いることで、「URLの正規化」ができます。まずは、「正規化」の意味を理解しておきましょう。

前提として、検索エンジンはURL単位でページを認識しています。例えば、wwwの有無、index.htmlの有無、末尾のスラッシュの有無なども別のページとしてみなします。運営側から見ると、記述の方法の違いだけで、全く同じページを指しているにもかかわらずです。

これだけなら問題がないと思われるかもしれませんが、検索エンジンは、異なるURLなのに内容が同じコンテンツがある場合は、重複コンテンツやミラーコンテンツであるとみなし、マイナス評価を与えてしまいます。

また、外部リンクのURLがバラけてしまうと、ユーザーが異なったリンクを貼り、リンク評価が分散してしまいコンテンツ評価もなかなか上がらなくなってしまいます。

このような状態を解消するため、同一コンテンツが複数のURLで閲覧できる場合、検索エンジンが「正しいURL」とみなすアドレスを指定しておく必要があります。この作業を、「URLの正規化」と呼びます。

⇒URLの正規化とは？正規化が必要な理由と実践方法

canonicalを利用する時はどのような時か？

具体的にcanonicalタグを利用すべきシーンを想定してみましょう。

同一コンテンツのページにおいて、URLに異なる表記がある場合

先述の通り、「wwwの有無」「index.htmlの有無」「末尾のスラッシュの有無」などが挙げられます。WordPressなどで動的にページを生成している場合、自分ではページを作成していないのに、勝手に別URLのページが生成されていることがあるので、注意しましょう。

スマホサイトがある場合

SEOの中でも、スマホ対応の有無はココ最近のトレンドの1つ。Googleも、モバイルフレンドリーなサイトであるかを評価のポイントにしています。サイトの中には、スマホサイトとPCサイトが同一コンテンツであるにもかかわらず、URLが違うケースがあります。この場合は、alternateタグを使ってスマホサイトとPCサイトを関連付け、その上でcanonicalタグを記述しましょう。

ECサイトで、バリエーション違いの商品ページがある場合

ECサイトを運営している場合、色違いやサイズ違いなどの商品について、それぞれ別URLを割り当てていることがあります。この場合、内容はほとんど同じなのにURLだけ違うことになり、重複コンテンツとしてみなされるリスクが高くなります。そのため、代表URLを1つに決め、他のページにcanonicalタグを設定する必要があります。

ABテストなどで、テスト箇所以外が同じ内容のページがある場合

サイト内容の検証のため、ABテストを行っている場合には、テスト箇所以外が同じ内容のページを使うかと思います。しかし、この場合も、重複コンテンツとみなされる可能性があるため、canonicalタグを利用してURL正規化をしておく必要があります。

canonicalを記述する方法

具体的なcanonicalタグの利用方法について解説します。

上記のように記述することで検索エンジンは重複しているページを正しく理解してくれます。

間違えずに、head要素に書くこと！

記述の際には、「head要素内に書く」ことを間違えないようにしましょう。body要素に記述しても、検索エンジンは読み取ってくれませんので、注意が必要です。

head要素内での記述位置は？

canonicalタグは、できる限りソースの上部に記載します。ソースの上部とは、直後など、ソースの初めの方という意味です。クローラーは上から順にサイト構造をチェックするので、早くに読まれる位置に配置することで、確実に処理してもらえます。

スマホサイトがある場合のcanonicalタグの書き方

別URLでスマホサイトを運営している場合の記述方法については、少し手順が異なるので、補足して説明します。ポイントは、alternateタグも設定することです。

alternateタグは、PCサイトとスマホサイトの関連性を伝える設定。PCサイトでは「このページのスマホサイトURLはこれです」、スマホサイトでは「このページのPCサイトURLはこれです」と分かりやすく示すことで、検索エンジンに正しく認識させます。関連付けを示すことで、スマホ最適化対応を行っていることが伝わり、サイト評価が高まるという仕組みです。canonicalタグだけでは、スマホサイトかどうかまでは伝わらないので、忘れずに設定しましょう。

PCサイトの設定

具体的な方法は以下のとおりです。

PCサイトのURLが「http://www.example.com/」、スマホサイトのURLが「http://www.example.com/sp/」であると仮定します。

まず、PCサイトでスマホサイトの存在を知らせる記述をします。head要素内に、以下の記述を行いましょう。

canonicalタグではなく、alternateタグを利用していることがポイントです。

スマホサイトの設定

スマホサイトには、canonicalを使ってPCサイトとの関連性を示しておきましょう。具体的には、head要素内に以下の記述を行います。

この作業に関しては、一般的なcanonicalタグの利用方法と同じになります。

URL指定をする時は、個別のページを指定すること

この時、必ず個別に対応するページへの指定をするようにしてください。例えば、PCサイトの各ページから一律でスマホサイトのトップページを指定するのはやめましょう。

canonicalよりも、301リダイレクトを活用すべき場合

URL正規化の方法には、canonicalタグだけでなく「301リダイレクト」という方法もあります。301リダイレクトとは、一度設定することで恒久的にサイトアドレスを転送してくれる仕組みです。一般的には、サイトをアドレスごと移転した場合などに使われます。

複数のURLで同一コンテンツが表示されている場合のうち、下記などの場合は、301リダイレクトを利用する方が、より間違いなく設定できます。

wwwの有無
index.htmlの有無
末尾のスラッシュの有無

利用する際の注意点

canonicalタグを間違って利用すると、検索順位に悪影響を及ぼします。以下によくありがちな間違いをまとめますので、あらかじめ目を通して注意してください。

canonicalが本当に必要か、判断を誤らない

canonicalタグを設定すると、メインに指定したURL以外は検索結果に表示されなくなります。それで本当に問題ないのか、必要性を把握した上で利用しましょう。

例えば、同一サイトで日本語、英語、中国語のような言語違いのサイトがある場合、各サイトで内容は同じかもしれませんが、ユーザー層が異なります。この場合、日本語サイトだけに正規化してしまうと、多言語のサイトは検索結果にも表示されなくなります。

また、色違い製品の場合は、それぞれが検索結果に表示されると煩わしいので、正規化するのが望ましいです。

正規化するかどうかは、SEO視点だけでなく、ユーザーの目線で判断するといいでしょう。

URLは絶対パスで記述する

指定するURLは、必ず「絶対パス」で記載しましょう。絶対パスとは、「http://www. example.com/」とフルで記載するということです。相対パス（同一フォルダにファイルをアップロードしている場合、部分的な記述でサイトが表示できます）では上手に正規化できないこともあるため注意しましょう。