target="_blank"問題について、自分なりにまとめてみた

はじめに

「target="_balank"」がtwitterで賑わっていたので、調べてみました。
概要程度のざっくりした内容ですので、ご了承ください。

target="_balank"問題とは

「target="_blank"」が存在する場合、
「rel="noopener noreferrer"」が勝手に付与されてしまう。

なにが困るのか?

「rel="noopener noreferrer"」が付与されてしまうことが困る。
特に、「noreferrer」が問題となる。
これによってアフェリエイトで収益を得ている人が、正しく収益を得られなくなってしまう。

target="_blank"とは

  • targetとは:htmlの属性、リンクの表示先を表現する
  • _balankとは:リンクは新しいウィンドウ (タブ) に展開されるようにする設定

つまり、リンクを押下した際に、別タブで開くようにする設定されるということ。
[出典]https://reference.hyper-text.org/html5/attribute/target/

rel="noopener noreferrer"とは

  • relとは:htmlの属性、リンク先との関係を表現する
  • noopenerとは:元ページが他ページによって上書きされないようにする設定
  • noreferrerとは:リンク先に、リファラを送信しないようにする設定

つまり、リンク押下時に リファラが送られなくなるということ。
[出典]https://reference.hyper-text.org/html5/attribute/rel/

リファラとは

どのサイトから飛んで来たのかが分かる経路を示すもの。

アフェリエイトの仕組み

アフェリエイトの対象となる広告リンクから飛んで来た人が、クリックや商品の購買した場合に、広告リンクを張っている人に対してお金を払う仕組み。

まとめ

勝手に「rel="noopener noreferrer"」が付与されることによって、広告リンクから飛んで来たのか分からなくなり、正しく収益が得られなくなってしまっているのでは?ということらしい。 ただ、影響があるのは、ほんの一部みたいなので、不安になったら調べたり、問い合わせをすればいいと思います。

あとがき

上記現象は、wordpressを使っていると起こるみたい。 セキュリティの関係らしいが、詳細は不明。。。
時間が、あれば追記します。
間違っている点などがあれば、ご指摘いただけると幸いです。。。