【SEO基礎】rel=”nofollow”とは?リンクの評価をコントロールするHTML属性を解説

【SEO基礎】rel=”nofollow”とは?リンクの評価をコントロールするHTML属性を解説

はじめに

ウェブ制作やSEO対策に携わっていると、一度は耳にする「rel=“nofollow”」という属性。この記事では、その基本的な役割から、Googleによる新しい属性値sponsoredやugcまで、2025年現在の仕様に基づいてわかりやすく解説します。

rel=”nofollow”とは?

<a>タグに使用されるHTML属性の一つで、検索エンジンに対して「このリンクを信用して評価しないでください」と伝えるためのものです。主に以下の2つの目的で使用されます。

ページランクの受け渡しを防止:

検索エンジンは、リンクを「信頼の投票」として評価します。つまり、あるサイトから別のサイトにリンクが張られていると、「このリンク先は信頼できる」と判断し、リンク先の検索順位を上げる材料とします。

しかし、rel=”nofollow” を使えば、その評価(ページランク)を渡さないよう指示できます。たとえば以下のような場面で使われます:

クロールを抑制(※あくまで“抑制”)

rel=”nofollow”は、検索エンジンに「リンク先を積極的にクロールしなくてもよい」と伝える意味もあります。ただし、完全にクロールを防ぐわけではありません。他のページからもリンクされていれば、検索エンジンは通常通りクロールします。

なお、Google は 2020 年以降、nofollow 属性を「ヒント(hint)」として扱うようになったことを公式に発表しています。つまり、検索エンジン側で判断してリンク先をクロールしたり、ランキングに影響を与える可能性があるということです。そのため、クロールや評価を完全に防ぐ手段としてではなく、「参考として扱われる」程度の制御と捉えるのが現在のスタンダードです。

基本的な記述例

<a href="example-page.html" rel="nofollow">リンクテキスト</a>

<a>タグのrel属性に”nofollow”を追加するだけでOKです。

rel属性の発展形:sponsoredとugc

Googleは、nofollow属性の概念をさらに進化させ、より具体的な意図を伝えるために以下の2つの属性値を導入しました:

属性値意味主な使用シーン
sponsored広告やアフィリエイトなど、商業的意図のあるリンク有料広告、スポンサーリンク、アフィリエイト
ugcユーザーが作成したコンテンツ内のリンクコメント欄、フォーラム、レビュー投稿など

rel属性の組み合わせも可能

以下のように、複数の属性値を組み合わせて使用することも可能です:

<a href="https://example.com" rel="nofollow ugc">ユーザー投稿リンク</a>
<a href="https://example.com" rel="sponsored nofollow">広告リンク</a>

検索エンジンは、これらの記述から「信頼できるリンクではない」「広告やユーザー生成によるリンクである」といった文脈を読み取ります。

ただし、これらの属性値(sponsored や ugc)を正式にサポートしているのは主に Google です。Bing や他の検索エンジンについては、nofollow 属性の解釈には対応していても、sponsored や ugc の詳細な意味を理解しているとは限りません。そのため、レガシーなツールや一部検索エンジンとの互換性を保つ目的で、nofollow を併記するケースも一般的です。

まとめ:リンクの質をコントロールするために

検索エンジンに正しいシグナルを送ることは、健全なSEO対策の第一歩です。特に、以下のようなケースではrel=”nofollow”やsponsored、ugcの活用が推奨されます:

適切な使用によって、検索エンジンとの健全な関係を保ちつつ、サイトの評価を守ることができます。

✅ ポイントまとめ

関連記事
ページ遷移の一般的な方法
本記事では、Webページにおけるページ遷移(リダイレクト)の一般的な実装方法について紹介しています。JavaScript、HTMLのメタタグ、PHP、ASPを用いたリダイレクト方法をそれぞれ具体的なコード例と共に解説しています。
Details
Details
25日前
ページ遷移の一般的な方法
和暦から西暦変換ツール
このツールは、日本の元号(和暦)と西暦を相互に変換できるシンプルな変換ツールです。「昭和64年は何年?」「2025年は令和何年?」といった場面で、すぐに答えがわかります。 履歴書の作成、行政手続き、年齢計算、歴史的資料の読み解きなどにご活用 […]
X SIGHT 編集部
X SIGHT 編集部
4日前
和暦から西暦変換ツール
CSSによる絶対中央寄せ
実用性が高い方法順で7種類の実装方法を紹介 最も推奨されるのは Flexbox と Grid transform を使う方法はどんな要素にも応用可能 line-height や table-cell は特定用途向け JavaScript による制御も紹介されている
Details
Details
18日前
CSSによる絶対中央寄せ
全角と半角の違いとは?変換方法をわかりやすく解説【ツール付き】
はじめに 日本語のテキストを扱う場面で、「全角」と「半角」の使い分けに悩んだことはありませんか?入力ミスやシステムの不具合、さらには検索精度の低下につながることもあり、特にWeb制作や文字校正では注意が必要です。本記事では、全角・半角の基本 […]
X SIGHT 編集部
X SIGHT 編集部
5日前
全角と半角の違いとは?変換方法をわかりやすく解説【ツール付き】
相対パスと絶対パスの使い方
相対パスは、モジュールやディレクトリ内のローカルな参照に適しており、柔軟性があります。一方、絶対パスはウェブサイト全体で共通のリソース(CSS、画像、CDNなど)を参照する際に便利です。両者を理解して使い分けることで、パスのエラーや読み込み不具合を防げます。
Details
Details
17日前
相対パスと絶対パスの使い方
CSSで等間隔配置を実現:1行に複数または複数行に配置
CSSでは、特にレスポンシブデザインにおいて、複数の要素を等間隔に配置する必要があります。列数や間隔を動的に制御することで、柔軟なレイアウトが実現可能です。この記事では、FlexboxとGridの2つの方法を使って、1行に複数のアイテムを等間隔に配置する方法を紹介します。コード内の変数(列数や間隔)を調整することで、1行に表示するアイテム数やその間隔を簡単に管理でき、レイアウト調整が容易になり、開発効率が大幅に向上します。
Beefy Guy
Beefy Guy
1日前
CSSで等間隔配置を実現:1行に複数または複数行に配置
フッターのJavaScriptは画像読み込みに影響する?ブラウザの読み込み順と最適化の基本
はじめに Webサイトの表示速度や操作感は、単にコンテンツの量や見た目だけでなく、ブラウザがリソースをどのように読み込むかによっても大きく左右されます。特にJavaScriptや画像の読み込み順序、そしてそれらがどのように相互作用しているか […]
解構人
解構人
4日前
フッターのJavaScriptは画像読み込みに影響する?ブラウザの読み込み順と最適化の基本
JavaScriptでナビゲーション以外の場所をクリックしたらナビゲーションを閉じる
本コードは典型的なモバイル用サイドナビゲーションの実装例です。ボタンによる表示切替と、メニュー外クリック検知を組み合わせることで、ユーザー体験を向上させています。さらにESCキーでのメニュー閉鎖も可能にし、アクセシビリティも配慮しています。
Details
Details
16日前
JavaScriptでナビゲーション以外の場所をクリックしたらナビゲーションを閉じる