web-dev-qa-db-ja.com

「nofollow noopener」と「nofollow」の違いは何ですか?

WordPressプラグイン ltimate Nofollow を使用して、nofollowとしてリンクを簡単に作成します。

そのため、プラグインがrel="nofollow"を追加することを期待していました。しかし、それはrel="nofollow noopener"を追加しました

rel="nofollow"rel="nofollow noopener"に違いはありますか?

Nofollowを使用すると、必ずしも推奨する必要のないWebページや、メンバーのログインページなどのボットがアクセスまたはインデックス登録できないようにする内部リンクなど、個々の外部リンクをきめ細かく制御できます。

Noopenerは、新しいウィンドウのコンテンツにアクセスするときにWebページのパフォーマンスとセキュリティをきめ細かく制御できる別のプロパティです。noopenerディレクティブはwindow.openerへのアクセスをブロックします。

ここでGoogleの説明を読む と、なぜあなたの手助けになるのかを読む ウェブページの安全性を高めるため

SEOに関して、本当に重要なのは、noopenerではなくnofollowをどのように使用するかです。 Noopenerは、ブラウザ(その一部)が悪意のあるスクリプトを実行するのを阻止しているだけです。

10
Raul Reyes

rel="noopener"は、リンクをクリックして新しいウィンドウが作成されたときに、新しいウィンドウで実行されている悪意のあるJavaScriptコードがwindow.opener属性を介して前のウィンドウにアクセスしないようにするために使用されます。

rel=noreferrerは、ユーザーがハイパーリンクをクリックして新しい場所に転送されたときに、リファラー情報がリンク先に漏洩しないように使用されます。つまり、宛先はそのユーザーがどこから来たかを知ることはできません。

here とリファラーなし here の両方に関する詳細情報を見つけることができます。

noopenerリンク関係は、nofollowリンク関係とは関係ありません。

Google says :-

Target = "_ blank"を使用してページが別のページにリンクすると、新しいページはページと同じプロセスで実行されます。新しいページが高価なJavaScriptを実行している場合、ページのパフォーマンスも低下する可能性があります。詳細については、rel = noopenerのパフォーマンス上の利点を参照してください。

さらに、target = "_ blank"もセキュリティの脆弱性です。新しいページはwindow.openerを介してウィンドウオブジェクトにアクセスでき、window.opener.location = newURLを使用して別のURLにページを移動できます。脆弱性のデモと説明については、rel = noopenerについてを参照してください。

rel = "noopener"属性を追加すると、新しいページはwindow.openerプロパティにアクセスできなくなり、別のプロセスで実行されるようになります。 rel = "noreferrer"属性には同じ効果がありますが、Refererヘッダーが新しいページに送信されないようにします。この動作の説明については、HTML標準:リンクタイプ「noreferrer」を参照してください。

おそらく、あなたはおそらくnofollowリンク関係が単に 従う 検索エンジンクローラーにそのリンクをたどらないように指示する(そしてその後、リンクジュースを渡す-があります その他のメリット )。

nofollow内部リンクはお勧めできないため、プラグインを使用しているものを知ることは興味深いでしょう。多くのユーザー生成コンテンツを公開していない限り、主にnofollowリンク関係が使用される「保証」はしません...

1
zigojacko