w3h5

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

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

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

zblog.png Z-Blog给文章所有的站外a链接添加nofollow的方法 SEO资料

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

赞 (0)
分享到: +More |

评论 板凳

换个身份

  1. #1
    沉冰浮水
    用JS加还行。。。
    沉冰浮水 3个月前 (03-02)回复 取消评论