rel="canonical"属性のメリットと設置について、概要を紹介します。

1. canonicalを！
全てのページに愛を
2012/01/12
Kaori Kotobuki

2. サイト運営者
の悩み

3. http://www.example.com/sutekinakiji.html
 記事への反応ありがとう！

4. http://www.example.com/sutekinakiji.html
?utm_source=Value&utm_medium=Value…
 あれれ？同じ記事なのにこっちは1ツイート？

5. http://www.example.com/sutekina
kiji.html?utm_source=
Value&utm_medium=Value…
 この変なURLのせい？

6. そうなのです！
他サイトからのリンク、URL
の後ろにパラメータが付い
て、同じ記事なのに違うURL
になっちゃうことがあるので
す！
たぶんトラッキングのため・・・

7. どうしたらいいの？
rel=“canonical”属性を
使って正しいURLはど
こかを他のサイトに教
えよう！

8. canonical ってなあに？
• URL正規化タグです。
• http://example.com/
http://example.com/index.html
http://example.com/i/index.html
http://example.com/index.html?utm_source=Val
ue&utm_medium=Value&utm_campaign=Value
全部指しているコンテンツは同じ。そういう時に
正しいURLを検索エンジンや各種シェアサービス
に教えてあげることができます

9. こうやります！
<link rel="canonical”
href="http://example.com"/>

10. 入れると何がいいの？
同じコンテンツなのにwwwの有無や、
http/httpsの違いや、パラメータの有無や、
ちょっとURLが違うだけのスマフォ用ページが
「別個のページ」とみなされにくくなります。
その結果、
• 検索評価が統一
• シェアされるURLが統一

11. まとめ！

12. 同じコンテンツなのに、URLが違うだけで
WHY 検索評価やソーシャルシェアがばらけるのは
なんで？ もったいないから！
WHO 正しいURLを教えないと勘違いしちゃうのは
だれが？ 検索エンジンやURLをシェアやブクマするサービス
自分が管理する全部のページ
WHERE ＆
どこに？ そのページを意図的にコピーしているページ
（サイト移転時とかに便利？）
WHEN サイト公開する最初から入ってるといいね！
いつ？
HOW <link rel="canonical"
どうやって？ href="http://example.com"/>