聊聊rel=external nofollow和rel=noopener noreferrer
原文:小天博客
https://www.xtboke.com/archives/external-nofollow-noopener.html
大家应该都知道rel=’nofllow’的作用,它是告诉搜索引擎,不要将该链接计入权重。因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理;例如一些非本站的链接,不想传递权重,但是又需要加在页面中的像 统计代码、备案号链接、供用户查询的链接等等。
除了rel=’nofollow’还有两种链接属性形式,一种是rel=’external’,另一种是rel=’external nofollow’。这两种分别代表什么意思呢?又有何区别呢?
rel=’external’
此属性的意思是告诉搜索引擎,这个链接不是本站链接,其实作用相当于target=‘_blank’。
为什么要这样写呢?因为有些网站因为是采用严格的DOCTYPE声名的,如果你在网页源码中的第一行看到:在这种情况下target=”_blank”会失效,因此采用rel=’external’这个参数来替代。
rel=’external nofollow’
其实上面已经说过rel=’nofollow’ 和 rel=’external’ 两种属性的所代表的意思了。这个属性基本上是相当于将两种属性结合起来,大致可以解释为 “这个链接非本站链接,不要爬取也不要传递权重”。因此在SEO的角度来说,是一种绝对隔绝处理的方法,可以有效减少蜘蛛爬行的流失。
rel="nofollow noopener noreferrer"
超链接 target="_blank" 要增加 rel="nofollow noopener noreferrer" 来堵住钓鱼安全漏洞。如果你在链接上使用 target="_blank"属性,并且不加上rel="noopener"属性,那么你就让用户暴露在一个非常简单的钓鱼攻击之下。
为了告知来自于不受保护的站点的用户,我们运行一个利用了这个缺陷的脚本。
if (window.opener) {
window.opener.location = "https://dev.to/phishing?referrer="+document.referrer;
}
我相信绝大多数站点都没有恰当地处理这个问题,为了限制 window.opener的访问行为,原始页面需要在每个使用了target="_blank"的链接中加上一个rel="noopener"属性。
然而,火狐不支持这个属性值,所以实际上你要用 rel="noopener noreferrer"来完整覆盖。
聊聊rel=external nofollow和rel=noopener noreferrer相关推荐
- a标签 rel=“external nofollow“ 用法
NoFollow 是 Google 曾经提出的一个a新标签,目的是减少垃圾留言(例如米扑博客的留言:https://blog.mimvp.com/about#comments),解释当前页面与此留言链 ...
- 链接属性rel=’external’、rel=’nofollow’、rel=’external nofollow’三种写法的区别...
大家应该都知道rel='nofllow'的作用,它是告诉搜索引擎,不要将该链接计入权重.因此多数情况下,我们可以将一些不想传递权重的链接进行nofllow处理:例如一些非本站的链接,不想传递权重,但是 ...
- a标签rel=“external nofollow“ 有什么作用和external
今天刚好在做项目,然后看了别人的项目a标签rel="external nofollow"因为不知道什么意思,就度娘查了一下资料,才知道是什么意思. nofollow .extern ...
- a 标签中 rel=“noopener noreferrer“属性的含义和功能
a标签:网页超链接中隐藏的钓鱼攻击 先看一条代码: <a href="" rel="noopener noreferrer" >跳转到2页</ ...
- html中link的rel属性,HTML link rel 属性解释
什么是link关系属性? 在SEO行业中,link关系属性(在源代码中表示为)最常用于将页面之间的关系传递给搜索引擎. 但是,link关系属性已经使用了十多年以用于许多其他目的,例如加载CSS样式表, ...
- 详解rel=”nofollow”的用法与意义
近年来在网站的链接中我们经常会看到类似rel="nofollow"或rel="external nofollow"的属性定义,有很多朋友并不明白它们的语义,今天 ...
- Nofollow涵义
nofollow 是HTML页面中a标签的属性值.这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接或不要追踪此特定链接". nofollow是HTML页面中a标签的属性值.它的 ...
- layui搭建管理后台系统
先上最终效果图: 点击左侧的菜单树可以显示在导航栏中 下面是具体步骤: ①下载layui https://www.layui.com/ ②项目结构介绍 html:存放静态界面 img:存放图片 jso ...
- python爬虫教程:实例讲解Python爬取网页数据
这篇文章给大家通过实例讲解了Python爬取网页数据的步骤以及操作过程,有兴趣的朋友跟着学习下吧. 一.利用webbrowser.open()打开一个网站: >>> import w ...
最新文章
- Android应用程序更新并下载
- Socket编程中的强制关闭与优雅关闭及相关socket选项
- 可控硅g极电阻值计算_可控硅的作用介绍及检测方法
- spss三次指数平滑_17 统计学:SPSS基础
- 成功人士高效率的工作法
- Linux Page Cache机制
- 报 There is insufficient memory for the Java Runtime Environment to continue. 的问题
- C语言程序设计 目录
- python根据题库答案自动答题_Selenium实现百度自动答题 懒人获取积分
- 程序员电脑(减少辐射)(¥37)
- 微软亚洲研究院2017年笔试编程题
- mysql-DTL语言
- 一、一个月有多少天(Biweekly4)
- Vue, App与我(十三)
- php的本地地址,php获取本机ip或远道地址
- 使用Linkage Mapper制作环境连接图
- Android Studio过滤冗余日志
- USB限流IC,限流开关保护芯片
- 水星nw315r服务器无响应,水星MW315R路由器的上网设置教程
- mysqldump 忽略视图_mysqldump 使用说明