noreferrer、noopener和nofollow[B君笔记][博客]

noscript{position: fixed}noreferrer、noopener和nofollowseo前端创建时间：2021-10-03 16:21:56

nofollow

直译就是不推荐，主要是写给搜索引擎的爬虫，告诉它这个链接不用去爬。场景有，广告、评论或者对内容不信任的链接等等。比如阮一峰大神的博客，正文的链接都是follow，而评论中的链接，都会带上nofollow。

相反，如果在这个页面引用别人的链接并且没有声明nofollow，这页面就会成为对方的反向链接。

所以想去蹭大神的反链，那得靠实力了。

不显示来源，正常情况下，我们通过锚元素跳转到一个新的页面时，http头的refer会将原页面的链接带上一起发送。

而在页面上，我们可以通过document.referrer获取来源链接。利用这个特性，可以通过他来统计来源，比如百度指数，就可以轻松的统计到数据。

相反，我不想让别人知道我引用了他的链接呢？加上 noreferrer ，即使跳转到他的页面，document.referrer也会为空，在指数统计来说，就会归为直接访问。另外，nofollow 也可以带上。

提到noopener，那一定要看对应的变量opener。

opener
当我们给一个锚元素添加上rel='opener’时，打开这个链接后，在新的窗口中我们可以获得原页面的上下文访问权限。
noopener
相反的，通过这个属性值，我们可以关闭新打开窗口对原窗口的访问权限。在旧版浏览器中，锚元素默认的target为_blank，此时rel默认值是opener，这会带来一些安全隐患。在chrome88后，target为_blank，此时rel默认值是noopener。
对seo影响
几乎没有印象，更多的个安全问题