外部リンクしたい(a
)
<a target="_blank" rel="noopener noreferrer" href="外部サイトのURL">
aタグ(アンカー要素)で、別のURLへのリンクを作成できます。
外部サイトにリンクする際は、上のような属性を追加します。
target="_blank"
属性は、リンクをクリックすると別タブ(or別ウィンドウ)で開くようにします。
rel="noopener"
属性は、新しく開いたページが、ブラウザ内の別プロセスで動くようにします。
いま開いているページと、ジャンプ先のサイトを切り離すことができ、セキュリティを高めることができるそうです。
rel="noreferrer"
属性は、新しく開いたページに、現在のページのリファラー情報を渡さないようにします。
これらのrel
属性の設定は、SEO対策には寄与しないらしいです(真偽不明)。
内部サイトへ、自分で管理しているサイトへのリンクであればこれらの設定はなくてもOKです。