Z-Blog给文章所有的站外a链接添加nofollow的方法

  • 2019 年 11 月 13 日
  • 筆記

最近在学习SEO相关的知识,其中用到 nofollow ,我们可以将网站的站外链接加上一个 rel="nofollow" 属性,高速搜索引擎,不要跟踪该链接。

在这我不就详细介绍 nofollow 了,近段时间我会整理一些关于 nofollow 的资料。

Z-Blog 给文章中的站外链批量添加 nofollow 属性,因为手动去加太费劲了,而且在网上也没有找到相关教程,就研究了一下,写了个 JS ,实现给 a 链接批量添加 nofollow。

首先找到文章的模板文件,我的是在 模板文件夹 /template/post-single.php 文件。

首先遍历文章中的 a 链接:

$(".article-content a").each(function(){     var articleHref = $(this).attr("href");  })

然后,摘出主域名部分:(工作原理我会写一篇文章具体分析)

var articleHref2 = articleHref.split('/')[2];

摘出的域名与网站的域名进行对比,如果不同,则添加 nofollow 属性。

if(articleHref2 != window.location.host){      $(this).attr("rel","external nofollow");  };

去除多余的代码,最终代码如下:

<script>      $(".article-content a").each(function(){          var articleHref = $(this).attr("href").split('/')[2];          if(articleHref != window.location.host){              $(this).attr("rel","external nofollow");          };      })  </script>

声明:本文由w3h5原创,转载请注明出处:《Z-Blog给文章所有的站外a链接添加nofollow的方法》 https://www.w3h5.com/post/211.html