これだけ知っていればOK！WEBサイトで使える４つのrel属性とその使い方

WEBサイトには、″rel″と言う記号を使って、WEBページへのリンクに補足情報を付加することができます。（補足情報を付加することで、Googleなどのロボットにも正しい情報を伝えることができ、検索順位対策に有効ですので、WEBマーケターの方は、rel属性についても知っておく必要があります。）

ここでは、サイト運営をする方が知っておいて損はないrel属性をご紹介させていただきます。

rel属性を使うメリットと役立つrel属性一覧

HTML文にrel属性を追加するメリットは、検索エンジンに正しいページ情報を伝えることができ、SEO対策やペナルティ回避につながります。

今回ご紹介させていただく実際に使えるrel属性は以下の４つです。

rel=”nofollow”
rel=”canonical”
rel=”author”
rel=”next”、rel=”prev”

それでは、一つずつ、詳しくご説明させていただきます。

特定のリンク先に付ける rel=”nofollow”

一番最初にご紹介するのは、rel=”nofollow”です。

これは、SEO対策の一つとして知っておいて欲しいのですが、自分のWEBサイトから信頼できないサイトや価値が低いサイトにリンクを張ると、自分のサイトの信頼度も下がってしまいます。そのため、基本的には、信頼できないサイトや価値が低いサイトには、リンクを張ることはおすすめされません。

しかし、場合によっては、信頼できないサイトや価値が低いサイトにリンクを張らなければならない場合があると思います。そのとき、利用するのが、rel=”nofollow”です。

rel=”nofollow”は、自分のサイトからリンクを張るけれど、Googleのロボットにはリンクをたどってほしくない場合に使います。

rel=”nofollow”を使ってリンクを張ると、自分のサイトの価値を下げることなく特定のサイトにリンクを張ることができます。

実際にリンクの張り方は、以下の通りとなります。

<a href=”http://samplesite.com” rel=”nofollow”>サイトへのリンク</a>

また、グーグルからも、nofollowの使い方に関する具体例が紹介されております。

※参照：https://support.google.com/webmasters/answer/96569?hl=ja

URLの正規化する rel=”canonical”

次にご紹介するのは、rel=”canonical”です。

rel=”canonical”は、検索エンジンに優先したいページを伝えるために使うものです。

具体的には、どんなケースで使うのかと言うと、基本的には、コンテンツが重複されてしまうページに使います。

重複ページが存在すると、ペナルティを受けてしまう可能性があり、SEO対策上よくありませんが、たとえば、ECサイトなどではどうしてもコンテンツ内容が類似してしまう場合があります。

商品内容はほとんど同じですが、色だけが違う場合で、それぞれページが存在すると、重複コンテンツとなってしまい、検索順位に悪影響を及ぼす可能性があります。

そのようなときに、商品Aだけを優先ページとして、検索エンジンに伝えるために、rel=”canonical”を使います。

使い方は、商品Bと商品Cのページのヘッダー部分に以下の記述をします。

※記載する場所は、商品Bと商品Cページのヘッダー箇所なので注意してください。

WEBページと制作者を結びつける rel=”author”

rel=”author”は、WEBページと個人のGoogle+アカウントを紐づけて、誰が書いたコンテンツかをGoogleに伝えるものです。

この属性はどんなときに使われるかというと、一つのサイトを複数の人数で運営・管理していて、どのページは誰が作ったコンテンツなのか、ということをGoogleに知らせるときに使います。（Googleは、サイトコンテンツ内容はもちろん、誰が書いたコンテンツなのか？ということも重要視するようになってきています。）

記載方法は以下の通りです。

筆者：<a href=”https://plus.google.com/u/0/+KojiKawaguchi39″ rel=”author”>川口浩治</a>
※実際のリンク例）：川口浩治

上記記載をすることで、このページは自分が書いたことが証明されます。