前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Z-Blog给文章所有的站外a链接添加nofollow的方法

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

作者头像
德顺
发布2019-11-13 10:25:44
5880
发布2019-11-13 10:25:44
举报
文章被收录于专栏:前端资源前端资源

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

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

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

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

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

代码语言:javascript
复制
$(".article-content a").each(function(){
   var articleHref = $(this).attr("href");
})

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

代码语言:javascript
复制
var articleHref2 = articleHref.split('/')[2];

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

代码语言:javascript
复制
if(articleHref2 != window.location.host){
    $(this).attr("rel","external nofollow");
};

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

代码语言:javascript
复制
<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://cloud.tencent.com/developer/article/1537929

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档