今回は、a要素・link要素・area要素で使用できるrel属性のまとめとなります。rel属性は、現在のページとリンク先との関係性を表すことに使用する属性となり、a要素とarea要素、link要素によって指定できる値は異なります。まとめでは、個人的によく使用するrel属性の値を、指定できる要素別にまとめました。目次a要素・area要素のみで指定できるrel属性の値nofollow|推薦しないリンク先noreferrer|リファラーを送信しないnoopener|リンク先が現在のページを変更不可bookmark|関連するリンクhome|トップページへのリンクlink要素のみで指定できるrel属性の値canonical|インデックスさせるページstylesheet|スタイルシートicon|アイコン・ファビコンapple-touch-icon|iOSで使用するアイコンa要素・area要素・link要素で指定できるrel属性の値prev|一つ前の文書へのリンクnext|次の文書へのリンクfirst|最初の文書へのリンクlast|最後の文書へのリンクalternate|変わりの文書へのリンクまとめ参考サイトなどa要素・area要素のみで指定できるrel属性の値nofollow|推薦しないリンク先nofollowは、リンク先が重要ではない文書、推薦する文書ではないことを表し、検索エンジンに対し、リンク先をクロールさせない(たどらない)ように指示します。(リンク先が信頼できないコンテンツや、インデックスさせたくない場合などに使用)Googleのnofollowに対する処理は、以下のリンク先を参考にしてみてください。ヘルプnoreferrer|リファラーを送信しないnoreferrerは、ユーザーがリンク先に移動する際、リンク先に対して、現在のページのアドレスなどのデータをブラウザがリファラーとして送信しないようにします。noopener|リンク先が現在のページを変更不可noopenerは、セキュリティ対策として使用する値となり、ユーザーが新しいタブ・ウィンドウでリンク先に移動する際、リンク先の文書が現在のページを変更出来ないようにします。詳しくは、以下のリンク先を参考にしてみてください。blog.jxck.iobookmark|関連するリンクbookmarkは、関連のある文書へのリンクを表します。home|トップページへのリンクhomeは、サイトのトップページへのリンクを表します。link要素のみで指定できるrel属性の値canonical|インデックスさせるページcanonicalは、検索エンジンにインデックスさせるページを表します。(重複するコンテンツを避けるため使用される値となり、現在のページを検索エンジンにインデックスさせないようにし、指定したリンク先をインデックスするようにします。)stylesheet|スタイルシートstylesheetは、スタイルシートを表します。icon|アイコン・ファビコンiconは、アイコン(ファビコンなど)を表します。apple-touch-icon|iOSで使用するアイコンapple-touch-iconは、iOSで使用するアイコン(ホーム画面のショートカットアイコンなど)を表します。a要素・area要素・link要素で指定できるrel属性の値prev|一つ前の文書へのリンクprevは、一つ前の文書へのリンクを表します。(記事一覧ページにある「前のページ」へのリンクなど)next|次の文書へのリンクnextは、次の文書へのリンクを表します。(記事一覧ページにある「次のページ」へのリンクなど)first|最初の文書へのリンクfirstは、最初の文書へのリンクを表します。(記事一覧ページにある「最初のページ」へのリンクなど)last|最後の文書へのリンクlastは、最後の文書へのリンクを表します。(別言語版、別フォーマット版など)まとめ今回紹介したrel属性の値以外にも指定できる値はあります。詳しくは以下の参考サイトを確認してみてください。コメントをキャンセルコメントは項目欄(*は必須項目)を入力し、「コメントを送信」ボタンをクリックしてください。(メールアドレスは公開されることはありません。コメントの公開は承認制となります。)また、多忙によりコメントには返信できない場合があります。Twitterで返信する場合はこちらから。DESTROY広告ブロッカーが有効のため、コンテンツ内におすすめ商品などが表示されています。