wordpress SEO优化中external/noopener和nofollow三个标签的作用详解

昨天检查完网站的各项SEO相关评分，发完日志已经很晚了，所以今天开始来逐项操作，当查到链接的nofollow项时发现，我的链接有加nofollow的，也有加noopener的，咱水平不行啊，不知道这俩有啥区别，赶快学习吧，咱继续百度。

先说大家最常用的nofollow标签吧，懂SEO优化的几乎没有不知道这个标签的（所以我是那种不懂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标签就可以了。