「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

rel="canonical"

pointこの用語のポイント

pointホームページに関する説明書きだよ

pointHTMLファイルのヘッダ部に記述するよ

point「このページはあのページのコピーです」を表現するよ

スポンサーリンク

簡単に書くよ

rel="canonical"(読:rel="canonical")とは

ホームページにおいて「このページは、あのページのコピーですよ~」ということを表現するときに使う目印
です。


image piyo

詳しく書くよ

ある時期を境に「canonicalタグ」や「rel="canonical"」といった表現を見かけるようになりました。
これはホームページに記述する内容で「このページはコピーですよ~」ということを表しています。

canonical

突然ですが「重複コンテンツ」という用語を聞いたことはありませんか?
実はホームページにおいて、同じ内容のページをたくさん作ると、検索エンジンさんが怒ります。

canonical2

「てめー、量を水増ししてんじゃねーよ!おまえみたいにズルする奴は紹介してやんね!」と激怒して、検索結果にあまり表示してくれなくなったりします。

canonical3

でも、仕方がないときもありますよね?
例えば、同じ内容だけど印刷用に見た目を調整したページを作りたい場合などです。

そんなときに「でへへ、検索エンジンさん。このページはあっちのページのコピーなんですよ。別に水増ししようとしてるわけじゃないっすよ。コピーのページよりオリジナルの方が良いですよね。だから、あっちのページだけ見てくれれば、それでいーんです。決して悪いことをしようとか思ってないですよ。ホントですよ。この綺麗な曇りなき眼に誓ってホントです(--)このページは気にしなくて良いので、あっちのオリジナルのページを宜しくお願いします」とアピールするために「rel="canonical"」を使います。

実際の「rel="canonical"」は、例えば以下のように書きます。

<html>
<head>
  <link rel="canonical" href="https://wa3.i-3-i.info/word11970.html">
</head>
<body>
  ほげほげ
</body>
</html>


「rel="canonical"」は「<head>~</head>」の中に書くのがルールです。
この例では「このページは『https://wa3.i-3-i.info/word11970.html』のコピーで~す」とアピールしています。

あっ、そうそう。
「rel="canonical"」の使い方には気を付けてくださいね。
このタグは「コピーですよ~」の主張です。
もし検索エンジンさんが「あぁ、コピーなんだ。了解~」と判断すると、そのページは、おそらく検索結果に出なく(もしくは出にくく)なります。
意図しない「rel="canonical"」を付けちゃって「あれ?検索エンジン経由で誰も見に来てくれないんだけど?」にならないように、ご注意ください。


image piyo2

一言でまとめるよ

まぁ「rel="canonical"」って単語が出てきたら「このページはコピーですよ~なときに使うんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像052
書籍画像037


書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
「定年力」の鍛え方 老後の毎日を最高にする方法
体系的に学ぶ 安全なWebアプリケーションの作り方 第2版 脆弱性が生まれる原理と対策の実践