Early Access

Link

noreferrer

Learn how to use the noreferrer rel link tag to improve your site.

The "noreferrer" link relation is used to instruct the browser not to send the HTTP Referer header when the user clicks a link. This can enhance privacy and security by not disclosing the URL of the current page to the server the link points to.

Code Examples

<a href="https://example.com" rel="noreferrer">External Site</a>
Correctly uses noreferrer to prevent sharing the referrer URL.
<a href="https://example.com" target="_blank">External Site</a>
Misses the opportunity to enhance security and privacy by not including "noreferrer".

Recommendations

  • Combining with "noopener"
    For enhanced security, especially with target="_blank" links, combine "noreferrer" with "noopener" to also prevent the new page from having control over the originating window.
  • Impact on Analytics
    Be aware that using "noreferrer" can affect analytics by not providing referrer data, making it harder to track user engagement and traffic sources accurately.