专栏首页前端资源Z-Blog给文章所有的站外a链接添加nofollow的方法

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

最近在学习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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 常用软件打包类型及静默安装参数(nsis|msi|InstallShield|Inno)

    今天搞了一个装机软件,可以导入第三方软件,在导入的时候提示输入静默参数,于是我就了解了一些,什么是静默参数。

    德顺
  • Vue项目npm run build卡主不动没反应的问题解决

    今天在打包一个 Vue 项目时发现 npm 卡住不动了,没有任何反应,也不报错,持续了几十分钟。尝试使用 Git Bash 和 cmd 执行,也都没有反应。

    德顺
  • 循环文件列表判断文件格式,并设置不同的图片作为图标

    项目中遇到一个功能,详情页需要循环出上传的附件,但是附件的格式不是唯一,不同格式需要展示不同的图片做区分。

    德顺
  • 给XFN链接关系加上“nofollow”选项

    今天无意间查询了一下友情链接,发现了俺的反链有部分被加上了“nofollow”属性,查了下资料: ....它的出现为网站管理员提供了一种方式,即告诉搜索引擎"不...

    张戈
  • nofollow标签的使用方式【独家解析】

    nofollow是由谷歌提出的一个‘反垃圾链接’标签,后被yahoo、百度、搜狗等各大浏览器搜索引擎所支持,nofollow单词意思是不要追踪,在引擎中为用于指...

    申霖
  • Hadoop学习笔记—12.MapReduce中的常见算法

        "数据去重"主要是为了掌握和利用并行化思想来对数据进行有意义的筛选。统计大数据集上的数据种类个数、从网站日志中计算访问地等这些看似庞杂的任务都会涉及数据...

    Edison Zhou
  • 【新智元人工智能创业家】陈天石:寒武纪,全球首款深度学习专用处理器

    ? 陈天石在新智元超智能时代大会上发表演讲 来源:新智元 【新智元导读】“NVIDIA的芯片虽说重点关注人工智能市场,但本质上还是通用处理器去解决特定领域问题...

    新智元
  • [图灵联邦] 视频点击预测大赛

    https://www.turingtopia.com/competitionnew/detail/e4880352b6ef4f9f8f28e8f98498db...

    MachineLP
  • Spring Boot实现文件上传

    Spring Boot默认支持文件上传,enabled这个可以不用配置,默认支持将文件写入磁盘,默认最大文件大小是1MB,默认最大请求大小是10MB,后面两个参...

    itlemon
  • Linux 内核0.11 系统调用详解(上)

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.n...

    用户1147447

扫码关注云+社区

领取腾讯云代金券