この記事ではaタグのrel属性のnoopenerとnoreferrerについて解説します。 SEOへの影響やWordPressの外部リンクで自動でnoopenerが付与される件についても言及しています。 rel=”noopener noreferrer”とは? noopenerは新しいタブで外部リンク(外部サイトへのリンク)を開く場合に使用する場合があります。 noreferrerは外部リンクの際に利用を考えます。 内部リンクの場合は基本的にはnoopener、noreferrerのどちらも付ける必要はありません。 (内部リンクの場合でも使うケースはあります。) rel=”noopener”の役割 noopenerについては新しいタブで開く場合に効果を発揮します。 (aタグで新しいタブを開く場合はtarget属性でtarget=”_blank”とします。) rel属性にnoopenerを付