返回主页

♣Hello Osaki♣

偶尔分享动漫

给静态网站的链接添加nofollow属性

给网站的链接添加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 属性改变锚内容的外观、或者自动构建文档浏览菜单,其他工具也可以使用这些属性来构建特殊的链接集合、目录和索引,但是只有极少数浏览器才会利用这些属性来改变链接的外观。提示:尽管浏览器不会以任何方式使用该属性,不过搜索引擎可以利用该属性获得更多有关链接的信息。

posted @ 2019-11-27 10:00  渔情禅心  阅读(784)  评论(0编辑  收藏  举报