Google のリンクに関するベスト プラクティス
Google は、ページの関連性を判断し、クロールする新しいページを見つける際にリンクをシグナルとして使用します。リンクをクロール可能にして、Google がページ上のリンクを介してサイト上の他のページを見つけられるようにするための方法と、アンカー テキストを改善して、ユーザーや Google がコンテンツの内容を把握しやすくするための方法について紹介します。
リンクをクロールできるようにする
通常、リンクが href
属性を持つ <a>
HTML 要素(アンカー要素とも呼ばれます)である場合のみ、Google はリンクをクロールできます。その他のフォーマットのリンクのほとんどは解析されず、Google クローラーにより抽出されません。href
属性のない <a>
要素や、スクリプト イベントによりリンクとして機能するタグから URL を信頼できる形で抽出することはできません。以下に、Google が解析できるリンク、解析できないリンクの例を示します。
推奨(Google が解析可能)
<a href="https://example.com">
<a href="/https/developers.google.com/products/category/shoes">
<a href="/https/developers.google.com/products/category/shoes" onclick="javascript:goTo('shoes')">
<a href="/https/developers.google.com/products/category/shoes" class="pretty">
非推奨(だたし、同様に解析を試みることはある):
<a routerLink="products/category">
<span href="https://example.com">
<a onclick="goto('https://example.com')">
<a>
要素の URL が、Google クローラーがリクエストを送信できる実際のウェブアドレスに解決されること、つまり、URI に似た形になることを確認してください。例:
推奨(Google が解決可能)
<a href="https://example.com/stuff">
<a href="/products">
<a href="/products.php?id=123">
非推奨(ただし、同様に解決を試みることはある):
<a href="javascript:goTo('products')">
<a href="javascript:window.location.href='/https/developers.google.com/products'">
アンカー テキストの配置
アンカー テキスト(リンクテキストとも呼ばれます)は、テキストとして表示されるリンクです。このテキストはユーザーや Google に対して、リンク先のページについての情報を伝えます。Google がクロール可能な <a>
要素の間にアンカー テキストを配置します。
良い例:
<a href="https://example.com/ghost-peppers">ゴースト ペッパー</a>
悪い例(空のリンクテキスト):
<a href="https://example.com"></a>
なんらかの理由で <a>
要素が空になっている場合、代わりに title
属性の値がアンカー テキストとして使用されることがあります。
<a href="https://example.com/ghost-pepper-recipe" title="ゴースト ペッパーをピクルスにする方法"></a>
画像をリンクとして挿入している場合、Google は img
要素の alt
属性をアンカー テキストとして使用するため、画像の説明となる代替テキストを追加してください。
良い例:
<a href="/https/developers.google.com/add-to-cart.html"><img src="enchiladas-in-shopping-cart.jpg" alt="エンチラーダをカートに追加する"/></a>
悪い例(空の代替テキストとリンクテキスト):
<a href="/https/developers.google.com/add-to-cart.html"><img src="enchiladas-in-shopping-cart.jpg" alt=""/></a>
JavaScript を使用してアンカー テキストを挿入している場合、URL 検査ツールを使用して、レンダリングされた HTML にアンカー テキストが存在することを確認します。
効果的なアンカー テキストを記述する
良いアンカー テキストとは、内容が具体的で、適度に簡潔で、テキストが掲載されているページとリンク先のページの両方に関連があるテキストです。リンクに文脈を与え、読み手の期待に沿うものです。 アンカー テキストが良好であるほど、ユーザーはサイト内のナビゲーションが容易になり、Google はリンク先のページ内容を把握しやすくなります。
悪い例(大雑把すぎる):
<a href="https://example.com">こちら</a>をクリックして詳細をご確認ください。
<a href="https://example.com">詳細</a>。
チーズの詳細については、<a href="https://example.com">ウェブサイト</a>をご覧ください。
チーズがどのように作られているかに関する背景情報を詳細に説明する<a href="https://example.com">記事</a>を用意しています。
良い例(具体的):
購入できるチーズの完全な一覧については、<a href="https://example.com">チーズの種類の一覧</a>をご覧ください。
悪い例(不自然に長い):
次の火曜日から、<a href="https://example.com">Knitted Cow はウィスコンシンにお住まいの方を新装開店イベントにご招待します。最初の 20 人のお客様には、雌牛の形をした氷の彫刻を無料で贈呈いたします</a>。
良い例(簡潔):
次の火曜日から、<a href="https://example.com">Knitted Cow はウィスコンシンにお住まいの方を新装開店イベントにご招待します</a>。最初の 20 人のお客様には、雌牛の形をした氷の彫刻を無料で贈呈いたします。
可能な限り自然に記述し、リンク先のページに関連したキーワードを詰め込むことは避けてください(キーワードの乱用は、スパムに関するポリシーに違反することに注意してください)。次のページについて読者が理解するうえで、そのキーワードが本当に必要かどうかを考えます。アンカー テキストにキーワードを詰め込んでいると感じるなら、実際にそうである可能性が高いからです。
リンクに文脈を与えてください。リンクの前後にある文が重要になるため、全体としての文章に注意を払うようにしてください。リンクのすぐ隣にリンクを配置しないでください。読者がリンク同士を識別しにくくなります。また、それぞれのリンクの前後のテキストが失われることになります。
悪い例(隣り合うリンクの数が多すぎる):
チーズに関する内容を<a href="https://example.com/page1">何</a><a href="https://example.com/page2">度</a><a href="https://example.com/page3">も</a><a href="https://example.com/page4">今</a><a href="https://example.com/page5">年</a>書きました。
良い例(前後に文脈が挿入され、リンク同士の間隔が離されている):
今年、チーズに関する内容を何度も執筆してきました。<a href="https://example.com/blue-cheese-vs-gorgonzola">ブルーチーズとゴルゴンゾーラをめぐる論争</a>、Cheesiest Research Medal を受賞した<a href="https://example.com/worlds-oldest-brie">世界最古のブリチーズ</a>、<a href="https://example.com/the-lost-cheese">The Lost Cheese</a> の壮大な改作、そして私の個人的なお気に入りである、<a href="https://example.com/boy-and-his-cheese">A Boy and His Cheese: 思いもよらないとある 2 人の交友関係の物語</a>については、記憶に新しいことでしょう。
内部リンク: 自身のコンテンツの相互参照
通常は外部のウェブサイトの参照に関してリンクを検討しますが、内部リンクに使用するアンカー テキストにより注意を払うと、ユーザーや Google がサイトの内容を簡単に把握できるようになるとともに、サイト上の別のページを見つけやすくなります。関心のあるすべてのページに、同じサイト上の少なくとも 1 つ以上の別のページからのリンクがあることが推奨されます。そのページの内容を読者に理解してもらうために役立つ、同じサイト上の別のリソースは何かについてコンテキストを踏まえつつ検討して、それらのページへのリンクを追加します。
外部リンク: 別のサイトへのリンク
他のサイトへのリンクを用意することは問題にはなりません。たとえば情報提供元を引用するなど、外部リンクを使用することで自分のサイトの信頼性を高めることができます。外部サイトへのリンクを張ることが理に適うと判断した場合は、リンクとともに、リンク先を連想できるような文脈を提供します。
良い例(情報提供元を引用している):
スイスの研究者らによる最近の研究で、エメンタール チーズのホイールに音楽を聴かせると、そのような音楽的処理を施していないコントロールのチーズホイールと比較した場合に風味がよりマイルドになることが報告されています。研究結果の全文は、<a href="https://example.com">サラウンド音響を施したチーズ - 料理法の実験</a>で確認できます。
nofollow
は情報提供元を信用していない場合のみ使用し、すべての外部リンクに使用することは避けてください。たとえば、あなたが大好きなチーズを厳しく批判する記事を誰かが公開したので、あなたはこれに反論する記事を作成することにしましたが、外部リンクを張ることで、リンク先にランキング評価を与えたくありません。このような場合は nofollow
を使用するのが適切です。
リンクに関して何かの形で支払いを受け取っている場合は、sponsored
または nofollow
でリンクを修飾してください。フォーラム セクションや Q&A サイトなど、ユーザーがサイトにリンクを挿入できる場合も、ugc
または nofollow
を追加します。