「このリンク先には飛んでほしくないな…」「リンク先のサイトに評価を分けたくないな」という時に活躍するのが nofollow属性 です。
この記事でnofollow属性の意味や、具体的な使い方を詳しく解説しますので一緒に見ていきましょう。
目次
1. nofollow属性とは？
nofollow属性は、HTMLリンクに付ける設定の一つです。
- リンク先に、自分のサイトからSEO上の評価を渡したくない時
- 検索エンジンにリンク先を巡回させたくない時
このような場面で「このリンクは、通常のリンクとは少し違う扱いにしてくださいね」と伝えるために使います。
リンクにはSEO上の評価が関係することがあり、nofollowを付けることで、そのリンクについて評価を渡すことを考えていませんよと検索エンジンに伝えられます。
例えば、相手のサイトが広告リンクだったり、ちょっと信頼していいかわからないページの場合、そのリンクを自分のサイトから「信頼しているサイト」として扱ってほしくないなと思いますよね。
そんな時に「ここは評価を引き継がないでね」とGoogleなどの検索エンジンへお願いするのが、nofollow属性です。
ちょっと小話、変化したnofollow
nofollow属性は、もともと2005年にコメントスパム対策として作られました。当時は検索エンジンへの「命令」でしたが、Googleは2019年にnofollowの扱いを見直し、「ヒント」として扱うようになりました。 そのため、今は検索エンジン側が「参考にしながら、巡回するかどうか判断するね」というスタンスになっています。
2.nofollowの使い時は？
ここからは、nofollowを使うと良いケースをわかりやすく整理していきますね。
Google検索セントラルではなんていってるの？
まずは、Googleの公式ドキュメント（Google検索セントラル）で nofollow がどう説明されているのか、使い方のヒントとして一緒に見てみましょう。
リンクにその他の適切な値がなく、そのリンクとサイトを関連付けたくない場合、またはリンク先のページをサイトからクロールさせないようにする場合は、nofollow の値を使用します。自サイト内のリンクについては、robots.txt の disallow ルールを使用します。
引用：
少し表現が難しいですね、この中で特に注目しておきたい文章を引っ張ってきます。
「リンクにその他の適切な値がなく、そのリンクとサイトを関連付けたくない場合」ここに書かれている適切な値とはなんなのでしょうか？
Googleは現在、外部リンクの役割を伝えるために「3つの伝達マーク」を用意しています。
- sponsored
- ugc
- nofollow
この3つは、それぞれ違った目的で使い分けるもので、Googleに対して『このリンクはこういう目的で貼っているよ』と正しく伝えるための大切な分類タグです。
…おや、見慣れないワードが２つありますね？もし「nofollowしか知らない」という方がいたら、ここで他の2つの属性も一緒に押さえていきましょう
sponsoredとugcについて
sponsored属性とは？
アフィリエイトリンクやPR記事のリンクに『これは広告です』とわかりやすくタグをつけてあげるのが、sponsored属性の役割です。
検索エンジンにリンクの目的を正しく伝えることで、「このリンクは広告・有料リンクとして掲載しています」と明確に示すことができます。
ugc属性とは？
ブログのコメント欄や掲示板など、読者さんやユーザーさんが作成したコンテンツ内のリンクにつけるのがugc属性の役割です。
「このリンクはサイト運営者が直接掲載したものではなく、ユーザーによって投稿されたものですよ」と検索エンジンに伝えるために使います。
ではnofollow属性は？
広告でもないし、コメント欄でもないけれど、ちょっと信頼度が判断しにくいサイトへリンクを貼りたいことってありますよね。
「sponsoredにもugcにも当てはまらないけれど、通常のリンクとして扱ってほしくない」
そんな場面で使える、いわば不安なときのお守りのような設定です。
リンク先別イエス・ノーチャート
ここまでの３属性をどのタイミングで使うといいのかイエス・ノーチャートでまとめてみました。
単独でもちゃんと役割を果たすこのマークたち、実は1つしか選んじゃダメなんてルールはありません。
たとえば、読者さんが書き込んだリンク（ugc）だけど、リンク先を自分のサイトからオススメする意図はないよ（nofollow）という場合は、ugc と nofollow を組み合わせて使えます。
このように、リンクの状況に合わせて複数のマークを組み合わせることで、Googleにリンクの性質や自分の意図をより詳しく伝えられます。
3.nofollowの書き方は？
nofollowは、セットする場所を1コずつかページ全体するかで選べます。
「このリンクだけ！」 というときは、そのリンクのコードの中にちょこっと書き足します。その場合「rel属性」と一緒に使います。
例：<a href=”https://example.com/” rel=”nofollow”>リンクテキスト</a>
これなら、このリンクだけにnofollowを設定できます。
「このページにあるリンク全部！ 」 というときは、ページの最初にある設定部分「head内のmetaタグ」に書いておけば一発で完了します。その場合「content属性」と一緒に使います。
例：<meta name=”robots” content=”nofollow”>
これで、そのページにあるリンク全体にnofollowを指定できます。
状況に合わせて好きな方を選べるので便利ですね
4.nofollowを使うときの注意点は？
外部リンク全てをnofollowにするとどうなるの？
外部リンクが怖いから、「念のため全部nofollowにしておけば安心なのかな？」と思うかもしれません。
でも、すべての外部リンクに無理やりnofollowを付ける必要はありません。
Googleも、情報提供元を紹介する事と、読者にとって役立つ外部リンクを張ることは問題ないと説明しています。
むしろ、参考にした情報や詳しく説明しているサイトをきちんと紹介することで、読者にとっても便利なページになります。
「外部リンクは怖いから全部ブロックしちゃおう！」ではなく、「このリンクは普通に紹介したい」「このリンクは広告ですよ」「これはユーザーが投稿したリンクですよ」と、それぞれの性質に合わせて伝えてあげる。
そんなメリハリのある使い分けを意識してみましょう。
nofollowがうまく使えるか不安…
「ここまで見てみたけど…nofollowって使いづらいかも」
「ちゃんと使える気がしないからやっぱり使わなくてもいいかな？」
そんなふうに思った方もいるかもしれませんが、
そこで諦めてしまうのはちょっぴり勿体ないかもしれません。
読者のために必要な情報をきちんと紹介しながら、必要なところにはnofollowなどのマークを付けて、リンクの性質を伝えてあげる。
そうやってリンクを一つひとつ適切に扱っていくことが、サイトを丁寧に管理することにつながります。
「このリンクは、どういう目的で貼っているんだろう？」
まずはそこから考えて、必要なときに使ってみましょう。
まとめ
さてnofollow属性についてここまで見てきましたがいかがだったでしょうか？
nofollowをはじめとする3つの伝達マークたちは、リンクを適切に管理するためのガードの役割を担っているんですね。
難しいルールをすべて暗記しようとしなくても大丈夫です。
「このリンクは広告だからsponsored」
「これは読者さんが投稿したリンクだからugc」
「このリンク先を、自分のサイトからおすすめする意図はないからnofollow」
というように、リンクを貼る目的に合わせて使い分けることを意識してみましょう。
これらはサイトをがんじがらめにするためのルールではありません。必要なところにそっとガードを置いて、安心してリンクをつなぐためのものです。
守るところはしっかり守り。つなぐところは、のびのびつなぐ。
そんなメリハリを大切にしながら、読者さんにとって親切なサイトを育てていきましょう。
講師と１対１で学べる資格・PCスキル講座のソフトキャンパス！
リスキリングでお得に資格取得を目指すならマンツーマンレッスン！
分からないところだけをちょっとだけ聞きたい、そんなあなたに！
