リンク先との関係性(relationship)を示すための属性
例)
<a href="
https://example.com" rel="属性値">リンク</a>
複数の場合
<a href="
https://example.com" rel="属性値 属性値">リンク</a>
よく使われるrel属性一覧
<SEO関連>
「nofollow」
・検索エンジンに「評価を渡さない」
・外部リンク、広告、ユーザー投稿でよく使用
「sponsored」
・広告・アフィリエイトリンク
・Google推奨
「ugc」
・ユーザー生成コンテンツ(コメント欄など)
<セキュリティ関連>
「noopener」
・window.opener を無効化
・タブ乗っ取り防止
・target="_blank" とセットで必須級
「noreferrer」
・リファラ(参照元URL)を送信しない
・暗黙的に noopener を含む
<ナビゲーション・関係性>
「prev」「next」
・ページ送り(※SEO効果は現在ほぼなし)
「author」
・著者情報へのリンク
「help」
・ヘルプページ