关于AJAX增强型网站设计,Google给出了建议

搜索引擎优化(SEO)48,35928阅读模式

许多网站站长发现了利用AJAX改善其网站的用户体验的优势,它可以创建动态网页作为强大的网络应用。但是就像Flash一样,如果没有仔细实施该技术,AJAX会使搜索引擎难以将网站编入索引。与AJAX有关的搜索引擎问题主要有两个:确保搜索引擎漫游器能够看到您的内容和确保它们可以看到并跟踪您的导航。

尽管Googlebot非常理解HTML链接的结构,但是它在使用JavaScript进行导航的网站中还是会遇到寻找路径方面的问题。Google正在努力使其更好地理解JavaScript,但是要创建Google和其他搜索引擎可抓取的网站,最好还是提供指向内容的HTML链接。

关于AJAX增强型网站设计,Google给出了建议

1、以易于访问为目的进行设计

Google鼓励网站站长针对用户(而不仅仅针对搜索引擎)创建网页。您在设计AJAX网站时要考虑用户的需求,包括那些使用不支持JavaScript功能的浏览器的用户(例如使用屏幕阅读器或移动设备的用户)。测试网站可访问性的其中一种最简单的方法是:在停用JavaScript后通过浏览器预览网站,或在纯文本浏览器(例如Lynx)中查看网站。以纯文本形式查看网站还可帮助您找出Googlebot难以看到的其他内容,例如图片或Flash中嵌入的文字。

2、避免使用iframe或分别指向其内容的链接

通过iframe显示的内容可能不会被编入索引,也不会在Google的搜索结果中显示。Google建议您避免使用iframe显示内容。如果您的网站中使用了iframe,请务必额外提供基于文本的链接以指向iframe所显示的内容,以便Googlebot能够抓取这些内容并将其编入索引。

关于AJAX增强型网站设计,Google给出了建议

3、以渐进增强的方式进行开发

如果您是从头开始,那么仅使用HTML构建网站结构和导航是一个不错的方法。然后,在网站的网页、链接和内容就绪后,您可以使用AJAX对外观和界面进行修饰。Googlebot可以很轻松地查看HTML,而使用新式浏览器的用户也可以享受AJAX的优势。

当然,您的有些链接很可能需要JavaScript,以实现AJAX功能。网络开发者杰里米·基思(Jeremy Keith)将此技术叫做Hijax,它是帮助AJAX和静态链接共存的一种方法。

创建一定格式的链接,以便它们既能提供静态链接又能调用JavaScript功能。通过这种方法,您的JavaScrip用户可以使用AJAX功能,而您的非JavaScrip用户可以忽略此脚本并点击此链接。例如:

<a href="ajax.htm?foo=32"onClick="navigate('ajax.html#foo=32');return false">foo 32</a>

请注意,静态链接网址含有参数(?foo=32),而不是AJAX代码所使用的片段(#foo=32)。这一点非常重要,因为搜索引擎能理解网址参数,但经常会忽略片段。由于您现在提供的是静态链接,因此用户和搜索引擎可以链接到想要分享或参考的准确内容。

尽管Google在不断改善Google的抓取功能,但使用HTML链接仍不失为一个很好的方法,它可以帮助Google(以及其他搜索引擎、移动设备和用户)更好地理解您网站的结构。

关于AJAX增强型网站设计,Google给出了建议

4、遵从指南

除了上面提到的技巧之外,Google还建议您查看Google的网站站长指南,以详细了解如何使网站便于Google和用户访问。该指南还指出了一些需要避免的做法,例如欺骗性的JavaScript重定向。要遵从的通用原则是:尽管您可以根据用户的能力为用户提供不同体验,但是内容应该相同。例如,设想Google为王燕的仓鼠商店创建了网页。网页顶部是“王燕的仓鼠商店”标题,下面是由AJAX技术驱动的最新仓鼠到货消息的幻灯演示。在同一网页上停用JavaScript后,不会应出现其他文本消息而令用户感到奇怪:

王燕的仓鼠商店-仓鼠、最好的仓鼠、低价仓鼠、免费仓鼠、宠物、商店、仓鼠商店、会跳舞的仓鼠、啮齿动物、苍鼠、沧鼠、最好的仓鼠资源、宠物玩具、舞蹈课、可爱、仓鼠的小把戏、宠物食品、仓鼠习性、仓鼠旅馆、仓鼠生日礼物创意,以及更多内容!

较好的实施方法是:无论是否启用JavaScript,都应该显示相同的文字内容;最佳方案是:为非JavaScript用户提供HTML版本的幻灯演示。

如果你觉得本文对你有用,请收藏本站,以备不时之需。

我的微信
微信扫一扫
weinxin
我的微信
微信公众号
微信扫一扫
weinxin
我的公众号
 
guangwei
  • 本文由 guangwei 发表于 2020年12月4日 00:19:41
  • 转载请务必保留本文链接:https://www.guangweiblog.com/search-engine-marketing/search-engine-optimization/198.html
评论  4  访客  4
    • 小范大人
      小范大人 6

      ajax这技术我等实在用不上,愚见!

      • 山野愚人居
        山野愚人居 0

        ajax也只会用用简单现成的,比如博客上的ajax评论……

        • 李青青
          李青青 6

          王老师这个分享太感动了

          • 李子白了
            李子白了 0

            flash被弃用就觉得很麻烦。

          匿名

          发表评论

          匿名网友

          :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

          确定