別ウィンドウでの表示の際には必ずつけたいnoopener属性とは？

2021/4/6

アンカータグで別ウィンドウへリンクを付ける場合には target="_blank"という属性を入れられていると思います。

実はこの使い方はセキュリティ上あまりいいとは言えないんです。

rel="noopener"という属性も一緒に入れておかないと、リンク先のページに悪意のあるJavaScriptが仕込まれていた場合、自ページの改ざんなどの可能性があります。

具体的な使い方としては

<a href="https://amsstudio.jp/" target="_blank">AMSホームページはこちら</a>

というリンクであれば

<a href="https://amsstudio.jp/" target="_blank" rel="noopener">AMSホームページはこちら</a>

としておくほうが安心ということですね。

ちなみにこちらに書いたように、あえて別ウィンドウで開かないというのも一つの方法です。

参考）

<a href="https://amsstudio.jp/">AMSホームページはこちら</a>

いかがでしたでしょうか。

Chrome 88以降ではnoopenerが規定値になるようで、ほかのブラウザも追従するという噂です。とはいえ、対応しておくに越したことはないですね。

最後までお読みいただきありがとうございました。

この記事を書いたのは

株式会社AMS　取締役副社長　古倉　功一

2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組：ポケットモンスター。

制作会社の選び方がわからない。

どの制作会社も費用が高額で手が付けられない。

今のホームページが簡単に更新できなくて困っている。

などホームページでお困りではありませんか？
弊社AMSでは効果のある高品質なホームページを格安で制作いたします。
まずは料金やプラン内容、制作実績などを下記の画像をクリックしてご覧ください。

制作費0円で全部おまかせできるホームページ制作代行