IT業界の技術をメモ・情報公開できる

aタグのrel属性

登録日:2025-12-15   
html
リンク先との関係性(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」
・ヘルプページ

一覧に戻る