朝会発表テーマ

Canonical タグについて

1.経緯

現在行っている業務のECサイト改修で、Canonicalタグの修正を行った。その際にCanonicalタグについて調べたので、備忘録を兼ねて発表。

2.Canonicalタグについて

検索エンジンに正しいURLを伝える「URLの正規化」をするために使われるHTMLタグのこと。

同じ内容のサイトでURLが複数存在する場合、SEO(検索エンジン最適化)評価が分散してしまう。そうすると独自性がないコンテンツとみなされて、検索順位が下がってしまうため、URLの正規化を行い防ぐ。

記述方法:<link rel="canonical" href="〇〇〇〇">

3.使いどころ

  • ドメインで「https と http」「www ありと www なし」が併存している場合
  • 商品のサイズや色ごとに URL がある場合
  • モバイル用サイトと PC 用サイトで URL が異なる場合

例) 「https://www.〇〇〇.〇〇〇」 「https://〇〇〇.〇〇〇」

上記 URL のようなドメインの「www ありと www なし」の違いだけで、同じページを 開く URL がある場合。開くページは同じにもかかわらず、検索エンジンには別 URL と認 識されてしまい、評価が分散してしまう。

下記 Canonical タグを HTML に設定することで、ドメインの「www ありと www なし」 にかかわらず、同じ URL と認識をさせ、評価を集約させる。

<link rel="canonical" href=" https://www.〇〇〇.〇〇〇">

4.業務での対応

<不具合> 異なる画面に同じ Canonical タグが設定されている。 商品一覧画面、検索画面、カテゴリ商品一覧画面、カテゴリ商品詳細画面、 など。 Canonical タグにパラメータが設定されており、同じ画面でも異なる URL と認識されている。

<調査結果> 問題画面の初期表示時に、カテゴリ商品詳細画面用の Canonical タグを設 定する処理を通していた。 カテゴリ商品詳細画面以外の場合は、Canonical タグを設定する処理が正常 に動作せず、パラメータの設定がされてしまう。

<修正> それぞれの画面用の Canonical タグを設定する処理を追加し、正しい Canonical タグを設定するよう修正。

5.まとめ

これまで Canonical タグという言葉自体聞いたことがなかったが、今回の 対応で EC サイトに重要な役割を持つことが知れた。 Canonical タグ以外にも検索エンジンについて理解を深めたい。

参考

canonicalタグとは?意味や用途、使用すべきケースを紹介
caconical(カノニカル)はURLを正規化する際に使用するHTML言語です。本記事では、canonicalの意味や役割、使用すべきケースなどを初心者に向けて詳しく解説しています。

以上

コメント