SEO - カノニカルURL
こんにちは、Web開発志望者やSEO愛好家の皆さん!今日は、カノニカルURLという魅力的な世界に踏み込みます。初めての方も心配しないでください。このチュートリアルが終わるまでには、カノニカルURLの専門家になるでしょう!お気に入りの飲み物を手に取り、一緒にこの興奮する旅に出発しましょう。
カノニカルタグとは?
パーティーで、同じ名前の5人の人に紹介されたと想像してみてください。混乱するでしょうよね?検索エンジンが同じコンテンツを持つ複数のURLに遭遇したときも、同じような気持ちになります。ここで、カノニカルタグが救世主的な役割を果たします!
カノニカルタグは、「検索エンジンよ、これはこのコンテンツの元版だ」と言うような名札のようなものです。どのURLがマスターコピーであるかを検索エンジンに伝える方法です。
以下は、HTMLでのカノニカルタグの例です:
<link rel="canonical" href="https://www.example.com/original-page" />
この小さなコード片は、HTMLドキュメントの<head>
セクションに置きます。検索エンジンに囁くような、「うhem! このURLに注意してくれ」と言う感じです。
カノニカルURLの種類
カノニカルタグが何かを理解したところで、カノニカルURLの異なる種類を見てみましょう:
- 自参照カノニカル
- クロスドメインカノニカル
- HTTPからHTTPSへのカノニカル
- WWWから非WWWへのカノニカル(またはその逆)
以下に例を示します:
種類 | 例 |
---|---|
自参照 | <link rel="canonical" href="https://www.example.com/page" /> |
クロスドメイン | <link rel="canonical" href="https://www.otherdomain.com/page" /> |
HTTPからHTTPS | <link rel="canonical" href="https://www.example.com/page" /> |
WWWから非WWW | <link rel="canonical" href="https://example.com/page" /> |
カノニカルURL:なぜ重要なのか?
「なぜ私はカノニカルURLに気を遣う必要があるのか?」と思っているかもしれません。ちょっとした話を聞いてください。
昔々、オンラインショップを運営するアリスという女性がいました。アリスは素晴らしい手作り陶器を売っていました。しかし、アリスはカノニカルURLについて知りませんでした。彼女の商品は複数のページに表示されていました:
- https://www.alicepottery.com/products/blue-vase
- https://www.alicepottery.com/sale/blue-vase
- https://www.alicepottery.com/products/blue-vase?color=blue
検索エンジンは混乱してしまいました!どのURLを検索結果に表示するか分かりませんでした。結果として、アリスの美しい青い花瓶は期待通りにランキングされませんでした。
ここでカノニカルURLが登場します。以下のような助けがあります:
- デュプリケートコンテンツの問題を防止する
- リンクエクイティを集約する
- クロール効率を向上させる
- 好ましいURLバージョンを指定する
カノニカルURLのガイドライン
カノニカルURLの重要性を理解したところで、いくつかのベストプラクティスを見てみましょう:
- 一貫性を保つ:一つの形式を選んでそれに従い続ける。
- 絶対URLを使用する:常にプロトコル(http://またはhttps://)を含む完全なURLを使用する。
- HTTPSにカノニカル化する:HTTPおよびHTTPSの両方バージョンがある場合は、HTTPSバージョンに指向させる。
- パラメータを正しく処理する:URLにパラメータがある場合は、どれがSEOにとって重要かを決定する。
以下に、よく実装されたカノニカルタグの例を示します:
<link rel="canonical" href="https://www.example.com/products/blue-vase" />
複数のカノニカルタグは不可
カノニカルタグは名札のようです。パーティーで複数の名札をつけることはないでしょう?同様に、1ページに複数のカノニカルタグを設置することはありません。
誤った例:
<link rel="canonical" href="https://www.example.com/page1" />
<link rel="canonical" href="https://www.example.com/page2" />
正しい例:
<link rel="canonical" href="https://www.example.com/page1" />
デュプリケートコンテンツの原因は何か?
デュプリケートコンテンツは、忍者のように夜中に忍び寄ってきます。以下に一般的な原因を挙げます:
- URLパラメータ(例:並べ替え、フィルタリング)
- プリントフレンドリーなページ
- モバイルページ
- WWWおよび非WWWバージョンのサイト
- HTTPおよびHTTPSバージョン
例えば:
https://www.example.com/products?sort=price
https://www.example.com/products?sort=name
これらのURLは同じコンテンツを表示している可能性がありますが、並べ替え順が異なるだけです。カノニカルタグを使用することで、「マスター」バージョンを指定することができます。
カノニカルタグの実装:基本
袖をまくり、コードを書いてみましょう!以下に、異なるシナリオでカノニカルタグを実装する方法を示します:
-
HTML:
<head>
セクションに以下を追加<link rel="canonical" href="https://www.example.com/master-page" />
-
HTTPヘッダー:HTMLを修正できない場合はHTTPヘッダーを使用
Link: <https://www.example.com/master-page>; rel="canonical"
-
サイトマップ:カノニカルURLをXMLサイトマップに含める
<url> <loc>https://www.example.com/master-page</loc> </url>
一貫性を保つことが鍵です。カノニカルタグはサイトマップと内部リンク構造と一致させる必要があります。
カノニカル化において避けるべきこと
最良の人が間違うこともあります。以下に、避けるべき一般的な落とし穴を挙げます:
- カノニカルループを作らない
<!-- ページA --> <link rel="canonical" href="https://www.example.com/page-b" />
- 404ページにカノニカル化しない
- カノニカルタグに相対URLを使用しない
- 全てのページをホームページにカノニカル化しない
結論
おめでとうございます!カノニカルURLの冒険の最後まで来ました。カノニカルタグとは何か、なぜ重要か、そして正しくどのように実装するかをカバーしました。カノニカルURLは検索エンジンにとって交通標識のようなものです - 正しい場所にトラフィックを誘導する助けになります。
SEOの旅を続ける中で、これらのカノニカルURLのベストプラクティスを頭に入れておきましょう。これにより、デュプリケートコンテンツの問題を避け、検索エンジンがあなたのサイト構造を理解するのを助けることができます。
さあ、自信を持ってカノニカル化しましょう!そして、SEOの世界では、カノニカルであることは許されるだけでなく、推奨されています!
Credits: Image by storyset