Protect User Privacy With the Noreferrer and Noopener Link Attributes
in Web Dev
Today I am going to talk about these three values of the rel attribute for HTML links.
- noreferrer
- noopener
I'll point you to this article for a deep dive on noreferrer and noopener (And I've just linked you to the MDN docs on the attributes).
The gist of them is that they protect users from being tracked across websites. See, whenever a link is clicked, the default behavior is that information about the current window and domain are passed to the target window and target domain. By using these properties together, traffic to linked sites behave like direct traffic instead of backlinks.
For example, if someone clicks on my LinkedIn profile link from the homepage, LinkedIn opens in a new tab.
<a href="https://www.linkedin.com/in/jsolly/" rel="noopener noreferrer" target="_blank">Linkedin</a>But from LinkedIn's perspective, it looks like they visited the URL directly (instead of coming from blogthedata.com) because referrer and window.opener are cleared out. This is nice for users because it improves their cross-site privacy.
Add these attributes to external links today to increase the privacy of your users!
Comments
- No comments yet.
Related Posts
How I Improved My Security Score With Mozilla Observatory: A Guide
13 min readDiscover how to improve your rating using Mozilla Observatory's security assessment tool. See the steps I took to upgrade my score from a 'F' to an 'A+'.
Navigate the Digital Ocean: Tips & Tricks to Find Quality Information
4 min readLearn tips and tricks for finding accurate and reliable information online, such as using the Hierarchy of Evidence and searching specific top-level domains.
0
Words of Wisdom: A Collection of Aphorisms and Axioms
66 min readFind inspiration and wisdom in this collection of aphorisms and axioms. Reflect on their meanings and how they apply to your life and the world.
0
John Solly
Hi, I'm John, a Software Engineer with a decade of experience building, deploying, and maintaining cloud-native geospatial solutions. I currently serve as a senior software engineer at HazardHub (A Guidewire Offering), where I work on a variety of infrastructure and application development projects.
Throughout my career, I've built applications on platforms like Esri and Mapbox while also leveraging open-source GIS technologies such as OpenLayers, GeoServer, and GDAL. This blog is where I share useful articles with the GeoDev community. Check out my portfolio to see my latest work!
0