【入門編】aタグのrel属性によるSEO最適化 – HTML実践ガイド

リンクに「性格」を持たせよう!aタグのrel属性でSEOと信頼を守る方法

Web制作を始めたばかりの頃、誰もが最初に覚える``タグ。
「ここをクリックすれば別のページに飛べるんだ!」と感動した記憶、ありますよね。

でも、少し慣れてくるとこんな疑問が湧いてきませんか?
「リンクって、ただ繋げばいいだけじゃないの? なんでわざわざ`rel`属性なんて付けなきゃいけないの?」

実は、Webの世界には「リンクは信頼の証」という暗黙のルールがあります。今日は、SEO(検索エンジン最適化)において「リンクの性格」を検索エンジンに正しく伝えるための、`rel`属性の使い分けについてお話しします。

—

リンクは「紹介状」のようなもの

想像してみてください。あなたは今、友人に美味しいレストランを紹介しています。

  • 「あそこ、僕が保証するよ!」と自信満々に薦める場合。
  • 「広告料をもらっているから、一応載せておこうかな」という場合。
  • 「コメント欄に勝手に書き込まれたURLだから、正直よく知らないんだよね」という場合。

この3つ、友人に与える印象は全く違いますよね? 検索エンジン(Googleなど)もこれと同じなんです。私たちがリンクを貼る際、「このリンクはどんな性質のものか」を教えてあげないと、Googleは「このサイトは怪しいサイトにもお墨付きを与えているのか?」と警戒してしまい、結果的にあなたのサイトの評価が下がってしまうことがあるんです。

ここで登場するのが`rel`属性という「名札」です。

—

代表的な3つの名札(rel属性)

よく使われる3つの名札を、日常の例えで見ていきましょう。

1. `rel=”nofollow”`:距離を置くための名札

「このリンク先がどんなサイトか、ちょっと責任持てないな…」という時に使います。

  • どんな時?:コメント欄に誰かが書き込んだURLや、信頼性が不透明なサイトへのリンク。
  • 効果:Googleに「このリンクは無視して(評価を渡さないで)」と伝えます。

2. `rel=”sponsored”`:お金をもらっている名札

「これは広告ですよ」と正直に伝えるための名札です。

  • どんな時?:企業からお金をもらって紹介するPR記事や、アフィリエイトリンク。
  • 効果:Googleに「これは広告枠なので、通常の評価は与えないでね」と伝えます。

3. `rel=”ugc”`:ユーザーが作った名札

「これは私が書いたんじゃなくて、読者さんが書き込んだものだよ」という名札です。

  • どんな時?:掲示板やブログのコメント欄など、ユーザー投稿コンテンツ(UGC)。
  • 効果:Googleに「ユーザーが勝手に貼ったリンクだよ」と教えてくれます。

—

実際に書いてみよう!

難しく考える必要はありません。いつもの``タグの中に、`rel=”…”`を書き加えるだけです。



信頼できるサイトへのリンク


おすすめの製品(広告)


コメント欄に投稿されたURL


ユーザーさんの投稿リンク

—

「どれを使えばいいかわからない!」というあなたへ

最初は迷いますよね。大丈夫ですよ。そんな時は、こう考えてみてください。

1. 自分が心からおすすめできる、真っ当なサイトへのリンクなら?
→ 何も書かなくてOK!(それが一番自然でGoogleも喜びます)
2. お金をもらっているなら?
→ `sponsored` をつけよう!
3. 自分が管理していない場所(コメント欄など)のリンクなら?
→ `nofollow` か `ugc` をつけよう!

「リンクを貼る=そのサイトに自分の評価の一部を分けてあげること」です。
不用意にリンクを貼って自分の評価を下げてしまうのはもったいないですよね。

今日からリンクを貼る時は、「このリンクに、どんな名札を付けてあげようかな?」と、ひと呼吸置いて考えてみてください。その丁寧な積み重ねが、あなたのサイトをより信頼される場所へと育ててくれますよ。

もし迷ったら、いつでもこのページに戻ってきて確認してくださいね。Web制作の道は長いですが、一歩ずつ進んでいきましょう!

コメント

タイトルとURLをコピーしました