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


14

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

だから私はプラグインが追加されることを期待しましたrel="nofollow"。しかし、それは追加しましたrel="nofollow noopener"

間に差があるrel="nofollow"対はrel="nofollow noopener"


これは、元のプロセスを使用する代わりにタブの新しいプロセスを作成するようChromeに指示し、JavaScriptのトリックによってハッキングされる脆弱性を減らします。「noreferrer」、「noopener」、「nofollow」を完全に追加することもできます。
Deepak Mathur

回答:


11

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

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

ここグーグルの説明を読み、それがあなたのウェブページがより安全になるのを助ける理由をここで読んでください。

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


4

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

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

こちらとリファラーなしの両方の詳細については、こちらをご覧ください。


3

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

グーグルは言う:-

ページが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リンク関係が使用されるものです...

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.