06-6777-3688
BLOG

ホームページから外部リンクを貼る際の注意点「target=”_blank”」には「rel=”noopener”」を。

最終更新日:2021年8月1日

ホームページを制作するうえで外部リンクを貼るというの頻繁に使われるものです。
外部リンクを貼る際に<a>タグを使ってコードを記述しますが、ブラウザを別タブで開かせる場合「target=”_blank”」という要素を追加します。
そんな「target=”_blank”」の危険性についてのお話です。

 

target_blankの画像

 

「target=”_blank”」の危険性

“target=”_blank” にはセキュリティ上の脆弱性があります。
リンク先のページでは window.opener を使用して親ウィンドウのオブジェクトにアクセスしたり、 window.opener.location = newURL によって親ページの URL を変更したりできます。

<a>タグで外部にリンクをする場合、外部のリンクが完全に信用できる自社サイトだったりする場合はその必要はないのですが、 単なる勝手リンクである場合は「rel=”noopener”」をつけるべきということなのです。
つまりリンク先でJavascriptを使えばリンク元を操作できるようになるというものです。

「rel=”noopener”」を付ける

<a>タグに「target=”_blank”」を付与する場合「rel=”noopener”」を付ける!

参考:https://developers.google.com/web/tools/lighthouse/audits/noopener?hl=ja

FirefoxやChrome、Safariが対応済みに

2020年7月にFireFox79が公開され、本バージョンから、「target=”_blank”」の指定されたa要素やarea要素に対し、rel属性が指定されていない場合には、「rel=”noopener”」が規定値として適用されるようになりました。

それに追随する形Googleは2021年1月にchrome88を公開し、このバージョン以降 「rel=”noopener”」が規定値となりこのコードを記述しなくても良いということになりました。

ちなみにSafariは2019年3月に公開したv12.1より対応済みとのこと。

具体的にどういった脆弱性なのか

では具体的にどういった操作ができてしまうのか?

リンク先のページのソースのJSに window.opener.location = http://hogehoge.com と書かかれている、自分のサイト(リンク元)が勝手にhogehoge.comに置きかわってしまいますのでそこでフィッシングに利用されたり ウイルスを仕込ませるなんてことができてしまいます。

しかしながらリンク先のページはちゃんとしているところにリンクしているから大丈夫!って思っていませんか? いえいえそんなことはありません。
ホームページは日々どんどん閉鎖されていきます。
閉鎖後にそのドメインが悪意ある人にわたりそのような地雷をしこまれるという可能性は大いにあります。
そういった観点から外部サイトへのリンクは気をつけましょう!

ちなみにWordpressには投稿時に「リンクを新しいタブで開く」にチェックをいれると自動的に「rel=”noopener”」が付与されます。

ちなみにデモを作ってみましたのですが、ブラウザが対応してれば何も起こりません。(2021.08.01現在)

https://www.1st-net.jp/blog/sample/blank.html

 

パフォーマンスの問題

“target=”_blank” を使用して任意のページから別のページにリンクしている場合、リンク元のページとリンク先のページは同じプロセスで動作します。
そのため、リンク先のページで負荷の高い JavaScript が実行されていると、リンク元のページのパフォーマンスが低下するおそれがあります。

いわゆるリンク先でJavascriptなどで高負荷なプロセスが実行されるとリンク元も同様なプロセスが実行されるためリンク元のパフォーマンスが落ちるということらしいです。

古いブラウザを使っているユーザーもまだいらっしゃるかもしれないので、当分の間は外部リンクの<a>タグでは「target=”_blank”」をつけるなら「rel=”noopener”」を挿入するようにしましょう

 

 

株式会社ファーストネットジャパンでは、1998年の創業から培ってきた知見・経験を基に、良質かつユーザー第一のWEBサイトを制作して参りました。

弊社はコーポレートサイト・採用サイト・ECサイト・LPサイトなど、様々なWEBサイトの制作に対応しております。

また、サイト制作だけでなく、リスティング広告・SNS広告・メールマーケティングを利用した集客のお手伝いも承っておりますので、まずはお気軽にお問合せください。

お見積り、外注のご相談はこちらをクリック

お気軽にご相談ください

成果の出るホームページのご提案をさせていただきます。
集客や売り上げに直結するノウハウなどもございます。まずは一度お問い合わせください。

最新の制作実績

弊社サービス