canonicalタグって意味あるの?/解説とSEOに役立つ設定法

SEOならSEOパック
ご利用実績8372件 (2016/09/25現在)

canonicalタグって意味あるの?/解説とSEOに役立つ設定法

canonicalタグの重要性を正しく理解しているウェブマスターは、意外と少ないはずです。
canonicalタグは、「重複ページ」、つまり中身の同じページが2つ以上存在してしまっているときに、SEOへの悪影響を最大限回避できる機能を持っています。

canonicalタグを使わない、あるいは意味を正確に理解せず使用して、結局重複ページをそのまま放置してしまうと、例えばGoogleに「コピーコンテンツ」とみなされたり、あるいはユーザーがせっかく貼ってくれるリンク(被リンク)が分散してしまったり、といった悪影響が生じます。

重複ページの悪影響をcanonicalタグでうまく回避し、SEO対策に役立てる方法を、本記事で説明します。
20160622-canonical

canonicalタグとは

canonicalタグの歴史は比較的浅く、数々のHTMLタグの中でもわりと最近登場したタグと言えます。とはいえ多くのウェブマスターにとっては、いくぶん価値のわかりにくいHTMLタグではないでしょうか。

canonicalタグの役目を端的に言うと、重複ページが複数存在するときに「どのページ(URL)が最も大切かをGoogleに伝える」ことです。この、重複ページのなかの「最も大切なURL」を「正規ページ」と言い、また正規ページを(canonicalタグで)正しく決めてあげることを「URL正規化」と言います。

canonicalタグでURL正規化を行うと、Googleは、いくつかの重複ページの中から正規ページだけを検索インデックスに登録し、検索結果にも正規ページだけを掲載します。またcanonicalタグは、それぞれの重複ページのSEO評価を正規ページにまとめる働きもあります。

canonicalタグの記述方法

canonicalタグは、ページのhead要素の中に、次のようなコードを記述します。

<head>
    <link rel="canonical" href="https://seopack.jp/">
</head>

例えば、正規ページを https://… にしたいが、他に http://… や http://www.… といったURLが重複して存在する場合は、重複ページに上記のコードを記述することで、Googleからの評価を集中させることができます。(下図参照)

20160622-canonical-figure1

canonicalタグでの正規化が必要なケース

例えば下記のような場合は、canonicalタグによるURL正規化が必要なケースです。

A. ドメインの「httpsとhttp」「wwwあり・なし」が併存している

GoogleのセキュアHTTP推進により、現在では多くのサイトがhttps対応していますが、そうした際に起きやすいのがこのケースです。サイトによってはwwwのあり・なしが併存しているケースもあるでしょう。つまり、同じページ(コンテンツ)なのに

  • https://seopack.jp/
  • http://seopack.jp/
  • http://www. seopack.jp

といった各種URLが同時に存在しているケースです。こうした際にcanonicalで正規ページ(ドメイン)をまとめると、メリットを受けることができます。

B. ショップサイトで一つの商品のカラバリごとにURLがある

ECサイトで販売している商品にカラーバリエーションがあったり、サイズ違いがあったりするとき、異なるURLで色だけ違う同じコンテンツを掲載するケースがあります。

こうした場合も、canonicalタグで正規化すると、SEO効果をまとめるなどのメリットがあります。

C. スマホサイトとPCサイトでURLが異なる

こちらも、Googleのスマホ重視の方向性が強まるにつれ、多く発生するケースかと思います。スマホサイトを構築するときに、異なるURLに同じコンテンツを載せているケースです。

PCとスマホで、異なるのが大きくはデザインだけ、とすると、こちらも正規化によるメリットがあります。基本はPCサイト側を正規ページとし、スマホサイト側はcanonicalタグのリンク先をPCサイトに設定して記述し、PCサイト側には下記のようなコードを記述します。

<head>
    <link rel="alternate"
        media="only screen and (max-width: 640px)" href="http://スマホサイトURL/" />
    <link rel="alternate"
        media="handheld" href="スマホサイトURL" />
</head>

D. その他のケース

上記にあげたケースのほか、様々な状況でcanonicalタグが役立ちます。

例えば、A/Bテストを行っていてデザイン以外は全て一緒のURLが2つ以上あるケース、あるいはAMP実装によりAMP対応ページと非対応ページが存在しているケースなどです。

canonicalタグを使ってはいけないケース

いちど理解してしまえばcanonicalタグの意味や用法はシンプルで何も難しくないのですが、しばしば誤った情報を見かけたり、あるいは実際に使い方を間違ったサイトを見かけることがあります。

そのためGoogleは、ウェブマスターガイドライン公式ブログで「よくある間違い」の例を示しています。そのうち主要なものを紹介します。

A. 「長いから2ページに分けた」を誤って正規化

例えばニュースサイトや大手メディアサイトなどで、報道記事や新製品レビュー記事を、2ページ以上にまたがって掲載しているのをよく見かけます。

こうした際、2ページ目移行(記事の続きページ)から、1ページ目(記事の冒頭ページ)に向けてcanonical指定するのは誤りです。2ページ目の内容は1ページ目の続きであって、同じことは書いていないないからです。

こうしたケースでcanonicalタグを使うと、2ページ目移行のコンテンツがGoogleにインデックスされなくなるため、正規化してはいけません。

B. 誤って相対URLで正規化指定

canonicalタグを記述する時、href=”” の中に記述する正規ページのURLは、かならず絶対URLを使います。相対URLで記述してしまうと、問題が起きることがあります。

正しい例はこちらです。(絶対URLで記述している)

 ref="http://seopack.jp/category/index.php"

間違った例はこちらです。(相対URLで記述している)

 ref="/category/index.php"

C. リンク先を2つ指定、あるいは指定していない

canonicalタグのリンク先(href=””)は、1ページに必ず1つだけ指定します

1つのページ上で、canonicalのリンク先が2つ記入されていたり、リンク先が指定されていない場合は、canonicalタグが機能しません。

D. bodyタグ内に記述する

canonicalタグは必ず<head></head>の中に記述します。
bodyタグの中に書いてしまうと機能しません。

canonical以外の重複ページ対処法

canonicalタグのほかに、よく似た機能が使える対応法がいくつかあります。

これらは、重複ページを含む様々なケースで、canonicalタグよりももっとかんたんに対応できる場合があります。

別の対応法1. 正規ページ以外では301リダイレクト設定を使う

canonicalタグを使わなくても、301リダイレクトを行うことで、Googleの検索インデックス処理やSEO評価を、正規ページに束ねることができます。

例えば重複ページの解決なら、重複ページ側に正規ページへの301リダイレクトを設定します。

重複ページ以外でも、似たトピックで品質の低い過去記事があったとき、クオリティがぐっと高い新規記事を書き、過去記事から301リダイレクトすることで、記事品質向上に加え、SEO効果集中、新規記事での露出増などの相乗効果で、高い順位効果が出る場合があります。

別の対応法2. サーチコンソール上での扱いを束ねる

wwwの有無などでURLが重複してしまう場合、サーチコンソール上で下記の手順をたどることにより、データをいずれかに束ねることができます。

  1. サーチコンソールのホームページで、設定したいサイトをクリックします。
  2. 歯車のアイコンをクリックします。
  3. 「サイトの設定」をクリックします。
  4. 「使用するドメイン」で、希望のオプションを選択します。

canonical導入は優先度を考えて

canonicalタグを使った重複ページ対応は、一度わかってしまえば何も難しくありません。上記の「正規化が必要なケース」に該当するページなら、canonical設定でSEO効果が一気に高まることもあります。

ただし気をつけたいのは、SEO価値のないページ同士だと、いくら正規化しても、トラフィック改善やコンバージョン改善にほとんど効果がないという点です。

canonical設定は必要に応じて行うようにし、無理にページを洗い出してまで対応するほど優先する必要はありません。SEO対策ではあくまで、順位に直接影響がある基礎SEO対策新しいタブで開くを最優先するようにしましょう。

 →参考記事:【詳解レポ】Google公式発言、順位評価の最重要2要素とは

必須で最も効果のあるSEO対策と、いますぐ始められる対策

この記事が役に立ったらSNSで共有してください。

特集:効果のある被リンクを知る - SEO効果を決める、リンク対策の6つの基準とは

SEO Pack導入事例

全事例一覧

SEO対策FAQ

全質問一覧

最新記事

全記事一覧

カテゴリ一覧

全記事一覧

SEO Packブログ byディーボ

このブログについて