Javascript的SEO优化技巧

原文发布时间为:2010-10-22 —— 来源于本人的百度文章 [由搬家工具导入]

在撰写一些比较复杂的网页特效,如下拉式选单等,会产生大量的javascript码,使得html体积变的很肥,对网页载入速度有不小的影响。 虽然spider会忽略<script>,但也要略过好几行程序,相对会增加spider抓取资料的困难。 应将javascript存成.js档,然后使用嵌入的方式来使用。如: <script type=”text/javascript” src=”a.js”></script>,如此一来,html就不会存在那么多代码,且有用到此程式的页面,都可以读取此js档,不用每页都写了。

大多数的<script>都放在<head>标签之中,不管是外嵌的还是写在html的也好,都会增加spider爬行的难度,在SEO里有个很重要的原则,就是重要的资讯应该呈现在网页越上方越好,可以的话尽量将javascript移至网页最下方。如: </body> <script type=”text/javascript”></script> </html>

因为spider会跳过<script>里的标签,所以如果将资讯写在javascript里,内容是无法被搜索引擎收录的。如: <script type=”text/javascript”> document.write(“<p>重要资讯</p>”); </script>

如:<img src=”a.jpg” alt=”” onClick=”location.href=’b.html’;” />像这张图片以onClick的写法,当使用者点击时,将网址导向b.html,但spider却无法进入这个连结,因为严格来说这是 javascript 程式。 得改以超连结的方式,spider才能顺利爬行到连结页面。如: <a href=”b.html”><img src=”a.jpg” alt=””/></a>

5.图片滑入效果不使用javascript

有用过Dreamweaver的都应该知道有一个滑鼠变换影像的功能,说穿了,是因DW帮我们产生好图片转换的javascript函数,再套用在图片上,如此一来,会增加许多的javascript程式码和html标签。 由DW滑鼠变换影像产生的原始码其实用CSS的hover属性, 也可以产生同样的效果,完全用不到javascript就可以做出来,而且html可是非常精简呢。运用CSS的hover属性也可以做出同样的效果有没有发现! 原始码是不是精简非常多,易学易懂,又可以帮网页减肥,一举两得!

6.非必要资讯以javascript呈现

利用spider不爬行script标签的特性,可将跟网站主题非必要的资讯;

如:版权、公司资讯、大量对外链结…等,利用javascript呈现,尽量把会影响到关键字权重的因素降到最低。 这跟第3点正好相反,重要资讯千万别放在javascript里。

7.避免大量使用javascript

有些网页利用javascript做出许多华丽特效,如下拉选单、图片切换等,外行人还以为是Flash呢! 但是大量使用javascript的后果就是非常吃资源,使得网页开的非常慢,使用者可是很反感的。 如有做到以上谈的几点优化方式,spider还是得花力气去略过这些javascript,且原始档也增加不少,多少影响spider抓取的意愿,最好的解决方式还是少用javascript,留给spider拜访时一个干净的页面。

原文链接:https://www.cnblogs.com/handboy/p/7163939.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/23154

(0)
上一篇 2024年3月31日
下一篇 2024年4月1日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml