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 タグ以外にも検索エンジンについて理解を深めたい。
参考
以上


コメント