canonical（カノニカル）タグとは？URLの正規化やSEO効果・設定方法について

2024.10.31　2018.12.26　

canonical（カノニカル）タグというタグをご存知でしょうか？

ユーザーの目に触れるようなhタグや、タイトルタグとは異なり、検索エンジンのためのタグです。

SEOに関する基礎知識や仕組みについては以下の記事で紹介していますのでそちらも合わせてご覧ください。

【2024年最新】SEOとは？基本的なSEO対策とやり方をわかりやすく解説！　#SEO

SEO（エスイーオー）とは「Search Engine Optimization」の略で、検索エンジン最適化を意味します。 GoogleやYahoo!JAPAN.....

今回は通常お目にかからないcanonicalタグが何者なのか、いつ活用され、設定しておくと何にいいのかをお伝えしていきます。

canonical（カノニカル）タグとは
- canonical（カノニカル）タグの記述方法
canonical（カノニカル）タグが必要なケース
- 1．重複コンテンツ
- 2．リンク評価の集約
canonical（カノニカル）タグの誤った使用方法
URLの正規化の方法
canonical（カノニカル）タグの設定は慎重に！

canonical（カノニカル）タグとは

”canonical”とは英語で「正典の、教会法に基づく、規準的な、標準的な」という意味を持つ単語です。

この「規準的な、標準的な」というところがこのタグの持つ役割に直結しており、canonicalタグを一言で言い表すなら、『検索エンジンに規準的なURLがどれなのかを示すためのタグ』と言えます。

いくつかのパターンで重複コンテンツ（コンテンツ内容がほとんど同じではあるが別URL）が発生する場合に、検索エンジンはどのページを検索結果に表示すべきか、どのページに評価を集約すべきか判断できません。そうすると、「類似するページが複数存在する」と認識されてしまい、評価が分散してしまいます。

しかし、このcanonicalタグを活用することにより、どのURLが規準的なのかを指定できます。これをURLの正規化と呼びます。

canonicalタグを設定することで、重複コンテンツになってしまっているURLのうち最も規準的なものだけがインデックス対象となり、そのほかのURLはインデックス対象から除外されます。（100%除外されるわけではないのでご注意ください。）

canonicalタグのおかげで分散してしまうSEO効果を1つの、正規URLに統一させることができます。

canonical（カノニカル）タグの記述方法

canonicalタグの記述方法は以下のような内容となります。

<link rel="canonical" href="正規ページのURL">

<body>要素にて設定してしまうと認識されない可能性があるので、必ず<head>内に記述しましょう。

またできる限り<head>要素の中でも上部に設定する方が良いとされています。

canonical（カノニカル）タグが必要なケース

canonicalタグが必要なケースは以下の2つです。順番にご説明します。

重複コンテンツ
リンク評価の集約

1．重複コンテンツ

重複コンテンツとなるケースは様々あります。例えば、以下のようなケースです。

PCサイトとスマホサイトのURLが異なる場合
カラーやサイズにバリエーションが複数ある商品の場合
記事やECサイトの商品一覧ページなどで並び替え条件を変えるとURLが変わる場合

様々なケースで重複コンテンツと認識されてしまう可能性があります。

PCサイトとスマホサイトのURLが異なる場合

スマホサイトがURLが異なる場合、canonicalタグと合わせて「alternateタグ」の指定も必要です。

スマホサイトを仮に、

https://bruceclay.jpn.com/sp/

や

https://sp.bruceclay.jpn.com/

といった形で別URLで展開する場合、PCのページとSPのページが別URLとなるため重複コンテンツと認識されてしまう可能性があります。

PCで検索しているにも関わらずSPのページが上位にヒットしているサイトをたまに見かけますが、往往にしてcanonicalタグが正しく設定されていない場合がほとんどです。

スマホサイトを別URLにする場合、PC側のHTMLには、

<link rel="alternate" media="only screen and (max-width: 640px)" href="https://bruceclay.jpn.com/sp/" />

上記のような記述を、またSP側のHTMLには、

<link rel="canonical" href="https://bruceclay.jpn.com/">

といったようにPCのURLを設定する必要があります。

こうすることで検索エンジンがサイトを見たときに/sp/のページはPCページのスマホ版なのだと正しく認識するようになります。

カラーやサイズにバリエーションが複数ある商品の場合

ECサイトで色違いやサイズ違いの商品が複数あり、すべて別URLで展開がされている場合にも重複コンテンツとして認識されてしまう場合があります。
人気のカラー等に評価を集約する方法をとることをおすすめします。Google検索セントラルのドキュメントでも、類似ページを集約することが推奨されています。

記事やECサイトの商品一覧ページなどで並び替え条件を変えるとURLが変わる場合

「新着順」「価格が高い順」「おすすめ順」等の条件で並び替えが可能なページにおいても同様です。
ユーザーにとっては使いやすく利便性が高いですが、検索エンジンからは重複していると判断される可能性があります。
並び替えごとに異なるURLが検索結果にそれぞれインデックスされている状態も望ましくありません。
デフォルトの並び替え条件のURLを正規URLとして指定し、評価集約することがすおすすめです。