ヌープナーとは？
noopener "という用語は、セキュリティ上の理由から新しいブラウザのタブやウィンドウで開くように設定されたリンクに追加されるrel="noopener "HTML属性を指します。この属性は、リンク先のサード・パーティのウェブサイトがウィンドウ・オブジェクト（window.openerプロパティ）を通してブラウザ・タブをコントロールすることを防ぎ、さらなるセキュリティ・レベルを提供します。
HTMLコードではこうなる：
<a href="https://example.com" rel="noopener" target="_blank">リンク例</a>ヌープナーはなぜ重要なのか？
rel="noopener "属性がないと、リンク先のウェブサイトがブラウザのリンクページ・タブをコントロールし、フィッシング・ページや悪意のあるウェブサイトにリダイレクトしてしまう可能性があります。これを利用して個人情報を盗んだり、マルウェアをインストールしたりする可能性があります。外部リンクのnoopener属性は、このようなバックドアハックからウェブサイトの訪問者を保護します。サイトのSEOには全く影響を与えないため、すべてのユーザーのセキュリティを最大化するために安全に使用することができます。
2017年以降、この属性はWordPressで新しいウィンドウまたはタブで開くリンクに自動的に追加されるようになりました。しかし、この属性はWordPressに限らず、すべての外部リンクに追加することができます（そして追加すべきです）。
2020年以降、ほとんどのブラウザはtarget="_blank "のリンクにrel="noopener "が設定されているものとして自動的に処理するようになりました。
ヌープナーはSEOに影響するか？
noopener "属性は、サイトのSEOに影響するのではないかと心配するサイトオーナーもいる。しかし、"noopener "は、クロールとリンクジュースの流れの両方において、SEOへの影響はゼロです。noopener」属性はブラウザ・レベルで機能し、検索エンジン最適化に影響を与えることなく、セキュリティの脆弱性を防ぎます。
ウェブサイトにヌープナーを使う必要がありますか？
もしあなたがWordPressを使っているなら、おそらく自動的に "noopener "を使っていることでしょう。最近のブラウザは、target="_blank "のリンクを、あたかもrel="noopener "が存在するかのように処理します。これによって、たとえ最新のブラウザでなくても、ユーザーの安全性を高めることができます。
一方、ワードプレスを使用していない場合は、新しいタブ／ウィンドウで開くリンクに手動で「noopener」を含めるのが良い方法です。これにより、古いバージョンのブラウザを使用している可能性のある訪問者を保護することができます。
noopener」の使用は、悪意のあるコードからユーザーを守る効果的な方法ですが、リンク先を慎重に検討することは重要です。権威のある信頼できるウェブサイトだけを選ぶことで、ユーザーのリスクを最小限に抑えることができます。しかし、ウェブサイトは変更されたり、消滅したり、転売されたりする可能性があるため、今日の良いリンクも明日の悪意のあるリンクになる可能性があります。このため、「noopener」は、ユーザーが あなたのサイトでどのリンクをクリックしても安全でいられるようにするための、重要なセキュリティの追加レイヤーとなります。
ヌープナー使用のベストプラクティス
- CMSで自動的に実装する：新しいタブやウィンドウに自動的に
rel="noopener "を追加するWordPressのようなCMSを使用する。 - 手動による追加：CMSを使用していない場合は、新しいタブ/ウィンドウで開くすべてのリンクに手動で
rel="noopener "を追加してください。 - 定期的な監査：リンクが信頼できるソースを指していることを確認するために、定期的にリンクをチェックし、更新する。
- 常に情報を得る：ブラウザのアップデートを常にチェックし、リンクのセキュリティ属性の扱い方を理解する。
よくあるご質問
なぜnoopener属性が導入されたのか？
noopener属性は、リンク先のウェブサイトがwindow.openerプロパティを通して元のタブをコントロールするのを防ぎ、ユーザーを潜在的なセキュリティ脅威から守るために導入されました。
ヌーペナーはSEOに影響しますか？
いいえ、noopener属性はSEOには影響しません。検索エンジンのランキングに影響を与えることなく、ある種の攻撃を防ぐ純粋なセキュリティ機能です。
すべての外部リンクにnoopenerを追加すべきでしょうか？
はい、新しいタブ/ウィンドウで開くすべての外部リンクにnoopenerを追加することは、潜在的な脆弱性からユーザーを保護する良いセキュリティ慣行です。
