最近話題の『target=”_blank”問題』は何が問題なの?今さら聞けない問題の要点と対処法を解説します。affiliate+1日常にアフィリエイトという『+1』の選択肢を。最近話題の『target=”_blank”問題』は何が問題なの?今さら聞けない問題の要点と対処法を解説します。2019.09.05こんにちは、あすてるです。最近アフィリエイト業界で話題の『target=”_blank”』問題。当初は一部の人(条件下)のみで問題になっていて、私自身も検証したところ特に問題が無かったので様子見をしていたのですが...ここのところは多くの人が現象を確認していて、大手ASP各社も問題に対応し始めるなど動きが大きくなってきていますので、このタイミングで改めて問題と対処法をまとめておきたいと思います。手動で修正しても良いけど面倒なので...※テーマによってはすでに対応済みのものもtarget=”_blank”問題のまとめ0から月収10万円を達成するメール講座!そもそも『target=”_blank”』とは?まず今回話題となっているtarget=”_blank”問題を説明するにあたっては、そもそも『target=”_blank”』とは何か?についても説明しておかなければなりません。target=”_blank”とは、HTMLタグの一種で、リンク先を別ウィンドウ(タブ)で新しく開くように指定するものです。target="_blank">テキスト</a>↑のような形で記述すると、リンクをクリックしたときに現在開いているウィンドウではなく新しくタブが開きページが表示されます。HTMLを勉強したことのある人なら知っていると思いますが、WordPressのビジュアルエディタでリンクを挿入すると『リンクを新しいタブで開く』オプションで設定できるので知らずに使っている人もいるかもしれません。WordPressを使用しているとテーマによっては設定で自分で指定しなくても自動的に外部リンクは全て別ウィンドウで開くようになっているものもあるかと思います。基本的に内部リンクは同じウィンドウ内で遷移して、外部リンクは別ウィンドウで新たに開くというのが現在のWEBの世界の慣習というか主流ですね。アフィリエイトサイトやSEOを意識したサイトの場合、成果の計測や離脱率の観点から外部リンクは別ウィンドウで...というのが常識と言うか暗黙の了解になっているところがあります。target=”_blank”問題...何が問題なのか?で、そんなtarget=”_blank”なのですが。最近リンクにtarget=”_blank”が付いていると、一部条件下で広告主のCVページへ遷移しない・正常に動作しないという現象が見られるようになりました。自分のアフィリエイトサイト広告主のサイト申し込みボタンやフォームという順番になると思いますが、この3番や状況によっては2番の段階で、うまく広告主のページに飛ばない、飛んでもボタンなどが動作しないということです。いうことは、せっかくサイトに訪れて、ユーザーが商品購入やサービス申し込みへ進む気になったのに、肝心申し込みができないということで。本来は発生するはずだったアフィリエイトの成果が知らずに発生しなくなっていた...ということになるわけです。最初は一部SNSアプリを経由した場合のみ現象が確認されていたのですが、最近では普通にPCやスマホのWEBブラウザから検索しても現象が再現されることもあるようで...これは知らない内に成果に大きく影響が出ているのかもしれないと話題になったということです。target=”_blank”問題はなぜ起こるのか?ではこのtarget=”_blank”問題、どんなときに起きてしまうのか?ということなのですが...残念ながら100%こうだ!という条件は現時点でわかっていません。人によってWEBサイト閲覧の環境も違うので、現象が再現できることもあればできないこともあり。同じ環境でも問題が発生する場合もあればしない場合もあったりといった状況です。(※実際に私も疑わしいと思われる条件下で現象の再現を試みましたが問題なく遷移可能でした)なので、どういう人は100%安全でどういう人は危険!とは言い切れないのですが...わかっているのは、どうもtarget=”_blank”のセキュリティ上の問題だということらしいのです。そもそもtarget=”_blank”はセキュリティ的に脆弱性があると言われていて、そのままtarget=”_blank”を利用するとリンク先がフィッシングサイトに利用されたりといった危険性があるとのこと。まあ実際にtarget=”_blank”が原因で深刻な問題が発生したと聞いたことはありませんし、問題が起きていないからこそこれまではそんなに話題になっていなかったのでしょうが...。私もセキュリティの専門家ではないので詳しい仕組みのことまではわかりませんが、target=”_blank”をそのまま使うのは状況によってはあまりよろしくないようです。そのため、これまでは放置されていた?target=”_blank”のセキュリティについて、各WEBブラウザやアプリ内ブラウザの開発元がここにきて一斉に対応してきたということらしく。その対応というのが、target=”_blank”を利用して危険性があるパターンの場合、リンク先に遷移させなかったりということですね。セキュリティ対策されたブラウザ(バージョン)とそうでないブラウザを使っている人によって、現象が発生したりしなかったり...ということだったんですね。そんなに重要なことなら事前に大々的に告知してくれれば良いのに、と思いますが...突然ここにきて各社が対応し始めたためにひと騒動起きてしまったというわけです。原因がわかったところで、「じゃあtarget=”_blank”はどうすれば良いの?」となるでしょうが、対処法としては2パターン考えられます。順番に説明していきます。1.target=”_blank”を削除まず1パターン目、target=”_blank”を削除するという方法。これが一番シンプルでわかりやすく、確実です。そもそもtarget=”_blank”が問題になっているんだから、削除してしまえば良いという発想ですね。削除すれば当然問題なくCVページに遷移・動作するようになりますので。ASP各社の方針・対応を見ても、リンクからtarget=”_blank”を削除するところが多いように思えます。2.rel=”noopener”を追加ただ、target=”_blank”を削除すれば同じウィンドウ内で外部サイトへと遷移することになります。これだと外部サイトへ遷移した時点で自サイトからは離脱することになるのでその点が気になるという人や、なんとなく今まで外部リンク=別ウィンドウと思っていたのに同じウィンドウで遷移するのは感覚的に気持ち悪い...なんて人もいるでしょう。いった人は、target=”_blank”を使用する際に併せてrel=”noopener”を追加することでも問題の回避が可能です。rel="noopener">テキスト</a>こんな感じで。rel=”noopener”は、まさにtarget=”_blank”の脆弱性を回避するのもので、付与することでtarget=”_blank”のセキュリティ上の問題を解決できるようになります。実際に今回の騒動でtarget=”_blank”のみでは正常に動作しなかったページも、rel=”noopener”を追加することで正常動作するようになったとの話もあります。ちなみにWordPressではけっこう前からtarget=”_blank”を使用すると自動的にrel=”noopener”が付与されるようにもなりました(4.7.4以降)。これはバージョンによって細かく動作が異なっていたり、自分で色々設定していると付与されないこともある(リダイレクト設定しているとか)ので注意が必要です。一部rel=”noopener”に対応していないブラウザもあったり、そういう場合はさらにrel=”noreferrer”を付けなければいけなかったり(こちらもWordPressでは自動付与)なのですが、noreferrerが付いていると今度は文字通り『リファラ』の取得ができない=どのページから成果が上がったかわからないということにもなるので...このあたりちょっとややこしくて難しい問題ではあります。2019年9月8日追記:2019年9月現在、rel=”noopener”に対応している主要なブラウザはChrome、Firefox、Safari、Operaです。Edgeと言ったマイクロソフト謹製のブラウザが非対応となっています。IEのシェアは現在全体の5%ほどしかなく、それも年々他のブラウザにシェアを奪われていますし、マイクロソフト標準のブラウザもEdgeへと切り替わりましたので今後ますます影響は薄くなるでしょう。Edgeは昨年ベースのエンジンから見直す大規模な開発変更があり、最新のBETA版ではnoopenerに対応済みとのことなので、今後はEdgeユーザーでもnoopener対応の人が増えてくるでしょう。いうことで、そもそもnoopener非対応のブラウザはシェアが小さく今後ますます小さくなっていくのであまり気にしなくても良いとは思いますが、どうしても気になる場合は上で説明したとおりrel=”noreferrer”も付与することで対応可能です。これも繰り返しになりますが、noreferrerを付与すると成約ページが確認できなくなるので、それが嫌な場合は非対応のブラウザは切り捨てるかtarget=”_blank”を削除して同ウィンドウ内での遷移を許容するしかありません。※noopenerへの各ブラウザの最新の対応状況は下記サイトで確認可能ですcaniuse.com手動で修正しても良いけど面倒なので...target=”_blank”を削除するにせよ、rel=”noopener”を付与するにせよ、手動でいちいち作業をするのは確実ではありますがかなり手間でしょう。数百ページあるような大規模サイトだったり、1サイト当たりのページ数は少なくてもサイトを大量に持っている人なんかは、手作業だと対応だけで何日もかかってしまうかもしれません。そんな人はWordPressの場合、プラグインを使って該当部分を一括で置換してあげるのが楽かと思います。Regex』が有名です。Links』は外部リンクにnoopenerやnoreferrerを付けるかどうかなど細かく設定できて、すでに設置してあるリンクにも有効なのでこちらで設定を見直すというのも良いでしょう。個々のプライグインの詳細は解説しませんが、検索すればすぐにわかりやすい解説サイトが色々出てきますので検索してみてください。※テーマによってはすでに対応済みのものもちなみに使用しているテーマによっては、テーマ標準の機能としてtarget=”_blank”に対する設定が備わっているものもあります。有料テーマのaffigerではtarget=”_blank”の削除機能がありますし、cocoonではtarget=”_blank”には自動的にrel=”noopener”が付与されるようになっています。」が有効になっていればおそらく問題ないと思います(デフォルトで有効)。ver20190809βアップデートEX限定先行公開中のβ版にて以下の機能追加及び軽微な修正を行ったver20190809βを公開致しました。記事内のリンクからtarget="_blank&qthe-money.netaffingerやcocoonは作者自身もアフィリエイターで、アフィリエイターやブロガーに人気の高いテーマなので今回の問題にもいち早く対応してくれましたが、他のテーマでも今後のアップデートで機能が搭載される可能性も十分にありますので、自分の使用しているテーマのアップデート情報などは定期的にチェックするようにしましょう。target=”_blank”問題のまとめというわけで長々と説明してきましたがもう一度要点をまとめておくと、target=”_blank”を設定しているとアフィリエイト成果に影響が出る可能性がある対処法としては、target=”_blank”の削除かrel=”noopener”の付与の2種類ということですね。頑張って記事を書いて・サイトを作って・本来なら成果になっていたはずのものが、自分の努力とは関係ない部分の影響で消えてしまっていた...なんてことだと非常にもったいないですから、ぜひ一度設定を見直してみてください。0から月収10万円を達成するメール講座!アフィリエイト初心者でもゼロからアフィリエイトを体系的に学べるメール&動画講義を作成しました。登録者限定のプレゼントもご用意していますのでぜひ活用してくださいね。2018.11.05トレンドアフィリエイトで50記事、60記事、100記事...と何記事書いても稼げないと悩む人へ。コメントをキャンセルメールアドレスが公開されることはありません。人気記事アルバイトで月20万、30万、50万は稼げる?在宅副業のほうが安全で現実的2015.11.232019.05.01【完全版】VODのアフィリエイトで稼ぐ手法・戦略・思考を全部暴露します。Googleに異変?インデックスに反映されない、遅い原因は仕様変更の影響なのか2018.03.092018.11.16アドセンスで月10万、20万、30万、50万、100万と稼ぐ方法は?おすすめのジャンルも紹介。人気記事アルバイトで月20万、30万、50万は稼げる?在宅副業のほうが安全で現実的2015.11.232019.05.01【完全版】VODのアフィリエイトで稼ぐ手法・戦略・思考を全部暴露します。Googleに異変?インデックスに反映されない、遅い原因は仕様変更の影響なのか2018.03.092018.11.16アドセンスで月10万、20万、30万、50万、100万と稼ぐ方法は?おすすめのジャンルも紹介。アルバイトタイトルとURLをコピーしました。