当前位置:首页 > 笔记 > seo > 正文内容

SEO优化中rel=external,noopener和nofollow三个标签的作用详解

3年前 (2022-10-23)seo6190

有比较细心的SEO优化同道可能会发现有的网站在a标签上使用了rel="external",rel="noopener",rel="nofollow"及rel="noreferrer"这些单个的标签或某些组合,为了解决他们之间到底有什么用,到底对SEO优化有什么样影响和起什么作用,我决定把写一个详细的教程。
首先来说大家最熟悉的nofollow标签吧,会做SEO优化的几乎没有不知道这个标签的,为了能更好地说明问题我还是要把这个标签再说一遍。

nofollow及与SEO优化的关系
nofollow的意思是告诉搜索引擎这个url链接不重要,请不要追踪和索引,这个链接里面的内容没有意义,只对搜索引擎有效,这是一个纯粹的SEO优化标签,用来屏蔽那些垃圾链接,比如网站上面评论里面的站外链接,论坛里面用户留下的链接等;也可以用于屏蔽那些不希望被搜索引擎收录的页面,nofollow的使用方式如下:
<a href="url" rel="nofollow"></a>

external与SEO优化
external字面意思是“外部的”,这里出现在a表情中也和其本意是一样,代表这个链接是外部链接,非本站链接,点击时会在新窗口中打开。使用方法是直接在a标签rel中加上即可。
<a href="url" rel="external"></a>
external属性在HTML中和target="_blank"有着相同的作用:均是在新窗口中打开该链接。由于target="_blank"在XHTML中有时候会失效,所以加上external就可以避免这种情况了。
external与SEO优化的关系是告诉搜索引擎这是一个外部链接,非本站的链接,仅此而已,没有别的作用。

noopener和noreferrer详细解释
rel =“noopener”属性主要是针对浏览器安全,noopener一般和target="_blank"属性同时使用,由于target="_blank"存在安全漏洞(很细微)所以为了避免用户使用window.opener.location = newURL 导航至其他的页面影响你的网站,所以使用noopener来限制。
noreferrer和noopener通常一起使用,noreferrer也是为了安全,阻止攻击者使用新窗口替换某些表单来达到目的的一种方式,使用方法是:
<a href=url" rel =“noreferrer noopener”target="_blank"></a>
noreferrer和noopener属性值针对浏览器,对SEO优化没有任何影响,也就是说这两个属性是HTML标签页浏览器安全的问题,和SEO优化无任何关系。

external和nofollow组合使用
前面解释了单个标签的作用及他们与SEO优化的关系,除去noreferrer和noopener与SEO优化没有关系外,external和nofollow还有组合使用的情况。
<a href="url" rel="nofollow">关键词</a><a href="url" rel="external">关键词</a><a href="url" rel="external nofollow"></a>
前面两种在已经讲了,对于第3种rel="external nofollow"是什么意思呢?表示在新窗口中打开这个外部链接并且不要追踪索引该链接,有3层意思:一是新窗口打开,二是这是一个外部链接,三是不要追踪索引该链接。
以上就是关于这4个标签是详细介绍,重点是external和nofollow属性,对于友情链接交换、链接到站外的url都可以使用,对于那些鱼SEO优化没有关系的属性做了解即可,无需深入理解,那时前端开发人员的事情。我们只需要牢牢掌握与SEO优化有关的属性和HTML标签就可以了。

扫描二维码推送至手机访问。

版权声明:本文由蓝博发布,如需转载请注明出处。

本文链接:https://www.blueboss.cn/p/927.shtml

“SEO优化中rel=external,noopener和nofollow三个标签的作用详解” 的相关文章

关于meta name=applicable-device  content=pc

关于meta name=applicable-device content=pc

关于<meta name="applicable-device"content="pc">百度可以通过基本html特征来判断是否适合无线端浏览:PC站:<meta name="applicable-device" cont...

代码meta http-equiv=”Cache-Control” content=”no-siteapp”啥意思 有什么作用?

代码meta http-equiv=”Cache-Control” content=”no-siteapp”啥意思 有什么作用?

代码<meta http-equiv=”Cache-Control” content=”no-siteapp”>啥意思 有什么作用?WordPress主题文件里面一句<meta http-equiv=”Cache-Control” content=”no-siteapp”>到...

站长之家的head

站长之家的head

站长之家的head<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta htt...

懂得生活网的head

懂得生活网的head

懂得生活网的head<head> <link rel="dns-prefetch" href="//www.n6z6.com" /><!--DNS预解析,加速访问--> <link&n...

详解 meta name=viewport content=initial-scale=1, maximum-scale=1, user-scalable=no, width=device-w

详解 meta name=viewport content=initial-scale=1, maximum-scale=1, user-scalable=no, width=device-w

详解 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><meta name=&quo...