nofollow、noopener和noreferrer标签的区别
本文转自:https://www.fengjunzi.com/blog-17545.html
什么是 noreferrer 标签?
简而言之,noreferrer 标记在单击链接时隐藏引用者信息。如果有人从使用此标记的链接到达您的网站,您的分析将不会显示谁提到该链接。相反,它会错误地显示为您的统计流量报告中的直接流量。
这个 noreferrer 标签在 WordPress 早些版本中是自动添加到 A 标签中,但实际上这并不是 WordPress 本身所做的改变,而是由 WordPress 使用的富文本编辑器 TinyMCE(WordPress 默认编辑器)造成的。目的就是防止网络钓鱼攻击,垃圾邮件发送者劫持您的网页,可能会访问您的网站或访问机密信息。不过现在 TinyMCE 只强制插入 noopener 标签,已经不会强制插入“noopener noreferrer”标签。
什么是 noopener 标签?
rel =“noopener”在新标签中打开链接时基本上不会打开它的开启者。这意味着,它的 window.opener 属性将是在新标签中打开一个链接时,而不是从那里的链接打开同一个页面为空。
rel =“noopener”一般都是搭配 target="_blank"同时使用,因为 target="_blank" 也是一个安全漏洞:新的页面可以通过 window.opener 访问您的窗口对象,并且它可以使用 window.opener.location = newURL 将您的页面导航至不同的网址。新页面将与您的页面在同一个进程上运行,如果新页面正在执行开销极大的 JavaScript,您的页面性能可能会受影响。
什么是 nofollow 标签?
nofollow 标签就是告诉百度、Google 等搜索引擎不要通过使用此标记的链接传递任何值。大多数情况下,nofollow 标签用于阻止“PageRank”传递到网站上的管理页面(例如,您不需要排名的登录页面),或者根据 Google 的付费使用广告客户的 URL 链接政策。除了用于付费和管理链接之外,nofollow 标记通常用于限制 PageRank 通过博客评论或留言簿条目中的链接传递。在链接到信誉或可信度可能成为问题的网站时,您也可以使用 nofollow。
noopener 和 noreferrer 标签如何提高安全性?
Noopener 和 noreferrer 标签是阻止漏洞利用的主动权,该漏洞利用在新标签中打开的链接。很少有成员知道这个漏洞,因此 WordPress 采取这一举措来提高用户的安全性。反向 Tabnabbing 是一种网络钓鱼攻击,攻击者用恶意文档替换合法且可信的页面选项卡。
当有人打开新选项卡时,网络钓鱼者会通过 window.opener 检测引荐网址,并使用 window.opener.location = newURL 推送新的网址。
这样,没有人会有陷入网络钓鱼攻击的线索,因为他们已经从可靠的来源(WordPress 建立的网站)到达网站。而使用 rel =“noopener”会阻止网络钓鱼者获取有关链接源和与 referrer 链接相关的任何数据的信息。
nofollow、noopener 和 noreferrer 标签对SEO 有什么影响?
这是许多博主站长们关心的问题,因为大家都知道 nofollow 标签会影响 Google 等搜索引擎的抓取和索引链接以及传递 PageRank 的能力,所以大家都比较担心 noopener 标签和 noreferrer 标签也会这样做。
其实,noopener 标签和 noreferrer 标签对 SEO 没有任何影响。简而言之,它们运行在分析/浏览器级别,而不是搜索引擎级别。虽然在监控反馈流量方面存在严重问题,但它不会影响站点内容的索引、抓取或排名方式。
nofollow、noopener和noreferrer标签的区别相关推荐
- HTML元素和标签的区别
1. 元素: HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已.HTML元素就是通过使用HTML标签进行定义的.例如: <div id="web" ...
- html标签em和i的区别,HTML中strong与b,em与i标签的区别和使用建议
关于html标签中,b和strong.em与i两组标签的区别,我以前都是混着用的,也是今天用到时才注意到这两个标签的区别. 默认情况下它们起的b和strong是加粗字体,em与i是使字体变斜体的的作用 ...
- CCNP-IGP综合:多域多协议修改AD和Rou-map标签的区别
IGP综合:多域多协议修改AD和Rou-map标签的区别 实验拓扑: 实验测试:大部分做完之后,就开始疑惑了: 分析:在R3和R4的路由表里发现到达左边环回口网段,走对方,而不是R1:也就是说走的是 ...
- html 中 col标签和 colgroup标签的区别
转载自https://www.ggbiji.com/html-col-colgroup.html <col>标签是给表格中一个或多个列定义属性值,而<colgroup>标签是对 ...
- HTML中粗体strong与b,斜体em与i标签的区别
1)关于html标签中b和strong两个的区别,我也是今天用到时才注意的,以前都是混着用的,今天工作的时候才注意到这两个标签的区别. 用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是 ...
- html em属性,html em标签的作用是什么?em和i标签的区别
html em标签的作用是什么?和标签的区别是什么?本篇文章就为大家介绍html em标签的定义和作用,还有关于和标签的区别 html em标签的定义和作用: 标签告诉浏览器把其中的文本表示为强调的内 ...
- html em标签的作用,htmlem标签的作用是什么?em和i标签的区别
html em标签的作用是什么?和标签的区别是什么?本篇文章就为大家介绍html em标签的定义和作用,还有关于和标签的区别 html em标签的定义和作用: 标签告诉浏览器把其中的文本表示为强调的内 ...
- 小技巧-i标签与em标签和b标签与strong标签的区别
小技巧-i标签与em标签和b标签与strong标签的区别 b标签和strong标签都可以对文本进行加粗,i标签和em标签同样也可以对文本进行倾斜,但是strong和em有强调的作用,有利于SEO(搜索 ...
- html---div和span标签的区别
web前端入门笔记之html(4) div和span标签的区别 1.div标签 ⦁ 用于在文档中设定一个块区域.(div标签会自动换行,相当于自带一个换行标签< br/>) ⦁ 常用属性: ...
- html5中还有div吗,关于html5中的section标签与div标签的区别(内有实例)
摘要 腾兴网为您分享:关于html5中的section标签与div标签的区别(内有实例),周公解梦,智学网,学习计时,完美root等软件知识,以及网上预约医院软件,字体预览软件,铁血联盟卷土重来,海量 ...
最新文章
- GO语言编程基础-复合类型结构体
- 此应用无法在你的电脑上运行_苹果自研电脑芯片 M1 配合 macOS 11,可直接运行 iOS 应用...
- LeetCode题库11:盛最多水的容器——JavaScript解答
- react-native android 和ios 集成 jpush-react-native 激光推送
- eclipse 主题
- 大龄人员跨行程序员的自学之路(序)
- uart硬件一些小知识
- 自学IT和接受IT培训两者的优缺点分析
- 内网穿透工具Ngrok
- 微型计算机配置认识,认识微型计算机(ppt课件)
- wps在线预览接口_开发文档 - WPS在线预览 - view.wps.cn
- Augmented Reality Law, Privacy, and Ethics
- Cryptology Unlocked
- The Church-Turing thesis
- Alfred数据室也有读者群啦!
- macbook pro 13寸 如何激活1920*1200 HIDPI 使用SwitchResX工具修改,详细教程
- 新建android项目
- 印度加密独角兽 Matic 是怎样炼成的? |链捕手
- cocos2d-x游戏开发系列教程-超级玛丽07-CMGameMap(四)-马里奥平移
- 【DLT-Net 解读】可行驶区域、车道线和交通目标的联合检测
热门文章
- TensorFlow的Dataset的padded_batch使用
- Python语言程序设计(嵩天老师)-期末考核2.1-快乐数字
- 目前开发人工日多少钱_行内人解读开发一个App需要多少钱?-今日头条
- Variable Declarations
- Python | 基于basemap绘图的路径示意图
- ipv4和ipv6地址长度
- linux双机热备软件 mysql,Linux Mysql 双机热备安装详解
- 好看的小武与hs文件的偶遇
- 博客怎么写出好的文章吸引读者,只有7个基本的写作技巧
- 中国电子学会C++软件编程一级—六级历年真题模拟题题库260题及参考答案第六版 (星卯教育)TB