web-dev-qa-db-ja.com

rel = noreferrerはいつ使用する必要がありますか？

他のいくつかの外部サイトをリンクする必要があります。

nofollowをいつ使用するか知っています。しかし、rel=noreferrerをいつ使用すればよいかわかりません。

htmlhyperlinkrel
6
Vishal Hule

つまり、noreferrerリンクタイプは、リンクをクリックしたときにリファラー情報を非表示にします。 noreferrerリンクタイプのリンクは次のようになります。

<a href="http://www.example.com" rel="noreferrer">Click here for more info</a>

このリンクタイプを使用するリンクから誰かがサイトにアクセスした場合、分析ではそのリンクを参照したユーザーは表示されません。代わりに、獲得チャネルレポートに誤ってノーリファラーとして表示されます。

信頼できない他のサイトへの外部リンクがあり、参照元情報を非表示にする場合は、両方を組み合わせて使用​​できます

<a href="http://example.com/sample_page/" rel="noreferrer nofollow">Other Domain Link</a>

次のコンテンツにはnofollowリンクを使用することをお勧めします。

  • コメントまたはフォーラムのリンク-ユーザーが作成したコンテンツを含むものは、スパムのソースである可能性が高いです。慎重にモデレートしても、物事はすり抜けます。
  • 広告とスポンサーリンク-広告を目的とするリンク、またはスポンサー契約の一部であるリンクは、フォローしないでください。
  • 有料リンク-リンク（ディレクトリの送信、品質評価、レビューなど）に対して何らかの方法で課金する場合、nofollowアウトバウンドリンク
5
Vishal Hule

@unorが言ったように、リンクをクリックすると参照元情報が非表示になります。基本的に、これはプライバシーの強化です。ユーザーがあなたのウェブサイトから来たときにクリックされたリンクのドメインの所有者の情報を非表示にしたい場合です。

例：

ユーザーはあなたのウェブサイトにいますwww.mywebsite.com、そこに<a href="https://newsite.com">Link</a>誰かが「リンク」をクリックすると、newsite.comの所有者は、それがwww.mywebsiteからのものであることを知っています。 com。設定することにより rel=noreferrerこの情報を明かさないようにします。

それがどのように機能するかの良い例は このカンファレンストークの21:28 から始まります。これは、サーバーサイド（Node.jsなど）で作業する場合、 グッドプラクティス と見なされます。 ヘルメットのドキュメント でもこれについて読むことができます。

1
Daniel Danielecki

noreferrerは、HTTPリファラーヘッダーをブロックするだけでなく、 window.openerを含むJavaScriptの悪用 も防止します

<a href="http://someurl.here" target="_blank">Link</a>
無害に見えますが、デフォルトでは、開かれているページが、開いているページがwindow.openerを介してコールバックできるようになっているため、穴があります。クロスドメインであるため、いくつかの制限がありますが、実行できるいくつかのいたずらがあります。
window.opener.location = 'http://gotcha.badstuff';

noreferrerを使用すると、ほとんどのブラウザでwindow.openerエクスプロイト

0
Machavity

プライベートページや宣伝したくないページでこれを使用する必要があります。例えば。ウェブメールまたはプライベートバグトラッカーはプライベートと見なされ、外部リンク先のWebサイトに 情報を漏らす したくない。

医療情報やその他のデリケートなトピックのようなデリケートな公開ページも、参照URLヘッダーをマスクしたい場合があります。

0
Aeyoun