解説
canonicalと301リダイレクトの違い：URL整理の考え方
似たページのURLをまとめたいとき、canonicalと転送をどう使い分ける？読者の動きと検索へのシグナルを分けて解説するよ。
URLが増えてきたら、どれを正規のページにするか整理したくなるよね。canonicalとリダイレクトは、どちらもURL整理に使うけれど、動きは違うよ。
図：canonicalはシグナル。希望したURLが必ず選ばれるわけではない。
読者を移動させるかが違う
| 方法 | ブラウザでの動き | 用途の例 |
|---|---|---|
| canonical | 通常、そのページに留まる | 似た内容のURLを残しつつ正規URLを示す |
| 301などの恒久転送 | 指定先URLへ移動する | 古い記事URLを新URLへ移す |
canonicalは検索エンジンへ正規URLの希望を示すシグナルで、命令ではないよ。指定どおりのURLが必ず選ばれるとは限らない。
canonicalの基本形
<link rel="canonical" href="https://example.com/articles/image-size">
example.comは説明用。実際には公開ドメインの正しいURLへ置き換えてね。本文と関係のないページを正規URLにしたり、すべてをトップへ向けたりしないようにしよう。
URLを変更するときの順番
- 新URLが正常に表示できるか確認する。
- 旧URLから対応する新URLへ恒久転送する。
- 内部リンクとサイトマップを新URLに揃える。
- 新ページのcanonicalも新URLに揃える。
- 公開後に転送と検索の状態を確認する。
「旧URLを転送したから、内部リンクはずっと古いままでいい」とは考えず、読者が直接新URLへ行けるように直しておこう。
公開前によくある確認漏れ
開発用localhostのURLがcanonicalに残る、httpとhttpsが混在する、転送先がさらに転送する、といった点を確認しよう。NuxtなどのSSRサイトでは、ブラウザ上の見た目だけでなく、返されたHTMLにも期待したタグがあるか見ると安心だよ。
みんなのコメント 0
感想や、試してみたことを聞かせてね。コメント・返信は承認後に公開されます。
最初のコメントをどうぞ。