リンクに「責任」を持たせる魔法：rel属性で検索エンジンと賢く付き合おう
Webサイトを作っていると、必ずと言っていいほど「リンク」を貼りますよね。自分のブログから参考サイトへ飛ばしたり、あるいはアフィリエイト広告を貼ったり。
でも、ちょっと待ってください。そのリンク、「自分が手放しで推薦しているもの」ですか？ それとも「事情があって貼っているもの」ですか？
実は、検索エンジン（Googleなど）は、私たちが貼ったリンクを「そのサイトへの推薦状」だと受け取ります。適当にリンクを貼っていると、思わぬところでサイトの評価が下がってしまうこともあるんです。
今回は、そんなリンクの裏側にある「rel属性」という、ちょっと大人な設定について、一緒に紐解いていきましょう。
—
なぜリンクに「注釈」が必要なの？
例え話をしましょう。あなたが近所の美味しいパン屋さんを友人に紹介する時、「あそこは本当に最高だよ！」と自信を持って言えますよね。これが通常のリンクです。
でも、もし道端で見知らぬ人に「このチラシを配ってくれ」と頼まれたらどうしますか？ あなたはそのパン屋さんの味も知らないし、どんなお店かもわかりませんよね。「一応配るけど、責任は持てないよ」という気持ちになるはずです。
検索エンジンも同じです。「このリンクは、私のおすすめです！」というものと、「広告だから貼ってるけど、評価には含めないでね」というものを区別してあげないと、検索エンジンは混乱してしまいます。
そこで登場するのが、`rel`（リレーション）属性という「注釈」なんです。
—
よく使う3つの「魔法の言葉」
最近のHTMLでは、主に以下の3つの値を使ってリンクの性質を伝えます。
1. `rel=”nofollow”`（「このリンクは評価の対象外で！」）
最も有名なやつですね。これは「このリンク先を信頼しているわけではないので、SEOの評価を渡さないでください」という意思表示です。
- こんな時に使う： 信頼度が低いサイトへのリンク、コメント欄のURL投稿など。
2. `rel=”sponsored”`（「これはお金をもらっている広告です！」）
アフィリエイトリンクや、お金を払って掲載しているPR記事のリンクに使います。「広告だよ」と明示することで、検索エンジンに「これは純粋な推薦じゃないよ」と正直に伝えるためのものです。
- こんな時に使う： アフィリエイト広告、スポンサー記事。
3. `rel=”ugc”`（「これはユーザーが書いたコンテンツです！」）
UGCとは「User Generated Content」の略。掲示板やSNSのように、不特定多数のユーザーが書き込んだリンクに使います。「私が書いたんじゃなくて、ユーザーが勝手に貼ったリンクだよ」と伝えることで、サイト運営者の責任範囲を明確にできます。
—
コードで見てみよう
書き方はとってもシンプルです。いつもの `` タグの中に、`rel=”…”` を付け足すだけ。
—
「全部つけるべき？」と悩むあなたへ
「じゃあ、全部のリンクに何かしらつけたほうがいいの？」と思うかもしれませんが、答えはNoです。
Googleなどの検索エンジンは、「純粋な推薦」を評価したいと考えています。あなたが本当に素晴らしいと思ったサイトには、何もつけずにそのままリンクを貼ってあげてください。それが一番の応援になります。
rel属性をつけるべきタイミングは、「責任の所在をはっきりさせたい時」だけです。
- 「このリンク先は、自分が保証するものではないな」
- 「これでお金をもらっているから、広告だと伝えておこう」
そんなふうに、「これはどういうリンクかな？」と一呼吸置いて考えること。 それこそが、プロのWebクリエイターとしての第一歩ですよ。
—
最後に：Webは「信頼」でできている
最初は難しく感じるかもしれませんが、rel属性は「検索エンジンという巨大なAIに対する、誠実なコミュニケーション」です。
「このリンクは広告ですよ」と正直に伝えることは、巡り巡ってあなたのサイトの信頼性を守ることにつながります。怖がらずに、少しずつ使い分けてみてくださいね。
もし分からないことがあっても大丈夫。最初から完璧にできる人なんていませんから。まずは「リンクにも役割があるんだな」と知るだけで、あなたはもう一つ上のステップに登っていますよ！
これからも一緒に、Webの世界を楽しく学んでいきましょう！
コメント