ブラウザーに参照者情報を渡さないように依頼する
HTML5は多くの新機能を追加しました。その1つは属性の新しいnoreferrerキーワードです。 このキーワードは、関連付けられたリンクが続いたときにHTTPリファラー情報を収集または格納すべきではないことをブラウザに通知します。 属性の綴りはnorefe rr erであり、rが1つしかないHTTPヘッダーとは異なり、2つのrを持つことに注意してください。 ( 紹介者の綴り方 )
これは、Webデザイナーにとって便利なキーワードです。そのため、サイト参照者情報を渡すリンクを制御できるようになります。
言い換えれば、読者はリンクをクリックすることができますが、リンク先のサイトではサイトから来たものは表示されません。
Noreferrerキーワードの使用
noreferrerキーワードを使用するには、AまたはAREA要素内のrel属性に配置します。
2013年現在、rel = noreferrerキーワードはすべてのブラウザでサポートされていません。 あなたのウェブサイトがこの情報をブロックする重要な必要性を持っている場合は、プロキシサーバーやその他のソリューションを参照して、サイトの参照情報をブロックする必要があります。
あなたのNoreferrerリンクをテストしてください
このページにアクセスすると、このWebページのリファラーが返されます。 リンクにnoreferrerキーワードを追加して、ブラウザがそれらをサポートしているかどうかをテストすることができます。
リファラーとノアファーラーのリンクをテストするためにあなたのウェブページを置くHTMLは次のとおりです:
このリンクにはリファラーが必要です
このリンクにはリファラ
最初のリンクをクリックすると、次のような返信が表示されます。
http://webdesign.about.com/gi/o.htm?zi=1/XJ&zTi=1&sdn=webdesign&cdn=compute&tm=7&f=22&su=p284.13.342.ip_p504.6.342.ip_&tt=65&bt=3&bts=91&zu=http% 3A // jenn.kyrnin.com / about / showreferer.html
2番目のリンクをクリックすると、次のような返事が表示されます。
あなたが直接ここに来た、またはリフェラーが送られなかった。
私のテストでは、ChromeとSafariの両方でrel = noreferrer属性が正しくサポートされていましたが、FirefoxとOperaでは正しくサポートされていませんでした。 私はInternet Explorerをテストしていません。
HTMLリファラーについての詳細情報:
- リファラーとは
- なぜWeb DevlopmentのReferrerは "Referer"と綴られていますか?
- 私のRefererとは |
- ブラウザでRefererをテストする|
- WebページでRefererを使用する方法
- DOM参照者オブジェクトとは