给静态网站的链接添加nofollow属性
2024-09-05 16:49:04
给网站的链接添加nofollow属性对SEO非常有效,如果是动态网站,实现的方法比较多,但是对于静态网站来说只能借助CSS或者JS来实现,单纯的CSS实现需要覆盖所有的链接出现位置;JS与CSS结合则需要给定DIV ID:
<script>
$("#ID").css("ref","nofollow");
</script>
另外,可以直接采用JS直写HTML的方法:
<script>
$("a").attr("rel","nofollow");
</script>
以上两种方法都需要引入JQuary,建议采用第二种方法,直写可以直接呈现给爬虫。W3school上可以直接尝试如下代码:
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$("a").attr("rel","nofollow");
</script>
</head>
<body>
<a href="http://xxxxx" rel="nofollow">测试</a>
</body>
</html>
所有浏览器都支持 rel 属性,注释:虽然在理论上讲,浏览器可以利用 rel 和 rev 属性改变锚内容的外观、或者自动构建文档浏览菜单,其他工具也可以使用这些属性来构建特殊的链接集合、目录和索引,但是只有极少数浏览器才会利用这些属性来改变链接的外观。提示:尽管浏览器不会以任何方式使用该属性,不过搜索引擎可以利用该属性获得更多有关链接的信息。
最新文章
- 浏览器history对象
- CSS3的高级特性
- 控制反转容器&; 依赖注入模式 ---读感。
- 一天一小段js代码(no.2)
- 素数筛 poj 2689
- android 利用TrafficStats类获取本应用的流量
- trackr: An AngularJS app with a Java 8 backend – Part IV 实践篇
- some words we should know
- 基于AngularJS/Ionic框架开发的性能优化
- 图像储存容器Mat[OpenCV 笔记11]
- 大批量烧写openwrt系统
- Html中DIV成为超级链接,解决在360浏览器+IE9显示小手图标的兼容性!
- es6中的class的使用
- Siki的虚幻第一季
- 本地构建:Gulp
- 在vim中注释多行
- BZOJ1712 : [Usaco2007 China]Summing Sums 加密
- echarts - 特殊需求实现方案汇总
- Kali Linux缺少ifconfig命令
- 2793 [Poi2012]Vouchers