こんにちは!今日はHTMLで重要な役割をするrel="nofollow"
属性について説明します。 この講義では、rel="nofollow"
の概念から使用事例、そしていつ使うべきか、いつ使うべきでないかについて段階的に説明します。
1️⃣rel="nofollow"
のコンセプト
rel="nofollow"
はHTMLの<a>
タグで使用される属性で、検索エンジンにそのリンクをフォローしないように指示します。 つまり、この属性が適用されたリンクは検索エンジンのクロール対象から除外され、リンクされたページの検索順位(PageRank)にも影響しません。
例示コード:
<a href = "https://example.com" rel="nofollow">Example Site</a>
上記のコードは、「Example Site」というテキストにrel="nofollow"
属性を適用して、検索エンジンがそのリンクをフォローしないように指定したものです。
2️⃣rel="nofollow"
の使用例
rel="nofollow"
は主に次のような状況で使用されます:
1.ユーザー生成コンテンツ:ブログのコメント、フォーラムの投稿など、ユーザーが作成したコンテンツに含まれるリンクは、信頼性を保証することができません。 このような場合、スパム的なリンクによるSEOの影響を防止するためにrel="nofollow"を
適用します。
例示コード :
<a href="https://spam-site.com" rel="nofollow">Check this out!
2.広告と有料リンク: 広告やスポンサーシップを通じて生成されたリンクは、検索エンジン最適化に影響を与えないようにrel="
nofollow "を
使用して、商業的な意図を明確にすることができます。
コード例:
<a href="https://spam-site.com" rel="nofollow">Check this out!</a>。
このリンクはスポンサーシップによって追加されたもので、rel="nofollow"を
適用することで、検索エンジンがこれを広告リンクとして認識するようにします。
3.信頼できないサイトへのリンク:コンテンツと関連性の低い、または信頼できない外部サイトへのリンクは、SEOに悪影響を及ぼす可能性があります。このような場合、rel = "nofollow"
を適用して、検索エンジンがそのリンクをフォローしないようにします。
例示コード:
<a href="https://untrusted-site.com" rel="nofollow">Untrusted Site</a>
このリンクは信頼できないサイトにつながるので、rel="nofollow"
を適用してSEOへの影響を最小限に抑えます。
3️⃣rel="nofollow"
を使用する必要がある場合
- ユーザー生成コンテンツ:ユーザーが作成したコメントや投稿に含まれるリンクはスパムの可能性があるため、
rel="nofollow"
を適用して、検索エンジンがこのようなリンクをフォローしないようにします。 - 広告やスポンサーリンク:有料広告やスポンサーシップによって追加されたリンクは、検索エンジンがこれを自然な紹介と誤認しないように
rel="nofollow"を
使用します。 - 信頼できないソースへのリンク:信頼性の低い、または低品質のサイトへのリンクはSEOに悪影響を及ぼす可能性があるため、このような場合は
rel="nofollow"を
適用します。
4️⃣rel="nofollow"
を使用してはいけないケース
- 信頼できるソースへのリンク:信頼できる機関、公式ウェブサイトなど、信頼できるソースへのリンクはSEOに良い影響を与える可能性があるため、このような場合、
rel="nofollow"
を使用する必要はありません。 - 内部リンク:自分のウェブサイト内の他のページへの内部リンクは、サイトの構造とSEOに役立つので、
rel="nofollow"
を適用する必要はありません。 - 自然な編集リンク:コンテンツの流れ上、自然に追加された外部リンクで、そのリンクの信頼性と関連性が高ければ、
rel="nofollow"を
使う必要はありません。
5️⃣追加的なリンク属性
2019年Googleはrel="sponsored"
とrel="ugc"
属性を導入し、リンクの性質をより明確に表示できるようにしました:
rel="sponsored"
:広告やスポンサーシップなど、有料で提供されるリンクに使用します。- 例示コード :
<a href="https://sponsored-site.com" rel="sponsored">Sponsored Link</a>
rel="ugc"
:ユーザー生成コンテンツ(User Generated Content)で生成されたリンクに使います。- 例示コード :
<a href="https://user-link.com" rel="ugc">User's Link</a>
このような属性を活用してリンクの特性を明確に表示することで、検索エンジンがそのリンクの性質を正確に把握できるようにすることができます。
このようにrel="nofollow"
の概念から使用事例、そしていつ使用し、いつ使用してはいけないかについて説明しました。 理解を助けるために比喩を挙げてみると、rel="nofollow"
は、私たちが誰かに道を案内するとき、「あの道は危険だから行かないでください」とアドバイスするhtml用語と見てください。