zoukankan      html  css  js  c++  java
  • Javascript的SEO优化技巧

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

    1.外部崁入javascript在撰写一些比较复杂的网页特效,如下拉式选单等,会产生大量的javascript码,使得html体积变的很肥,对网页载入速度有不小的影响。 虽然spider会忽略<script>,但也要略过好几行程序,相对会增加spider抓取资料的困难。 应将javascript存成.js档,然后使用嵌入的方式来使用。如: <script type=”text/javascript” src=”a.js”></script>,如此一来,html就不会存在那么多代码,且有用到此程式的页面,都可以读取此js档,不用每页都写了。2.javascript移至网页底部大多数的<script>都放在<head>标签之中,不管是外嵌的还是写在html的也好,都会增加spider爬行的难度,在SEO里有个很重要的原则,就是重要的资讯应该呈现在网页越上方越好,可以的话尽量将javascript移至网页最下方。如: </body> <script type=”text/javascript”></script> </html>3.少以javascript产生html因为spider会跳过<script>里的标签,所以如果将资讯写在javascript里,内容是无法被搜索引擎收录的。如: <script type=”text/javascript”> document.write(“<p>重要资讯</p>”); </script>4.勿以javascript设定超连结如:<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拜访时一个干净的页面。

  • 相关阅读:
    用java抓取网页信息!
    WPF之Binding对数据的转换(第五天)
    WPF读书笔记 x名称空间详解(第二天)
    WPF的UI布局(Layout)WPF读书笔记(第三天)
    WPF 数据绑定Bingding基础(第四天)
    WPF读书笔记(第一天)
    HelloWin程序(窗口与消息)
    django创建数据库表方法
    OpenSSH利用处理畸形长度密码造成的时间差,枚举系统用户(CVE20166210)
    ldap匿名访问测试脚本
  • 原文地址:https://www.cnblogs.com/handboy/p/7163939.html
Copyright © 2011-2022 走看看