北京风月体验 北京养生会所-玉竹体验网
你现在的位置:网站首页 - spa会所 - 适用于JavaScript的重磅单页应用程序或AJAX网站的SEO策略
01月06日

适用于JavaScript的重磅单页应用程序或AJAX网站的SEO策略

作者 : 管理员 | 分类 :玉竹网络-spa会所 | 超过 人围观 | 已有 0 人留下了看法

    适用于JavaScript的重磅单页应用程序或AJAX网站的SEO策略

    客户端的JavaScript是伟大的创造性和用户友好的网站。在AJAX旁边,一个网页技术被很好地建立以触发某些页面内容的按需加载,所谓的单页应用程序(SPA)框架在很大程度上依赖于JavaScript,在Web开发人员社区中看到了它们的快速采用用于快速开发高度交互式和快速加载的Web应用程序。 但是,严重依赖JavaScript来呈现您的页面内容并提供导航功能会带来众所周知的技术搜索引擎优化,索引和链接性挑战方面的风险。以下是一些经过验证的策略,用于创建不属于搜索灾难的AJAX网站和单页应用程序。


    背景:客户端JavaScript和URL片段

    客户端Web框架正在大量使用被称为AJAX的技术 - 异步JavaScript和XML.它将静态网站变成动态网页应用程序,可以呈现丰富多彩的用户体验,而无需刷新整个页面并更改网址。应用程序的不同状态通常通过向URL添加hashtag来表示,可通过(#)前缀(例如http://www.hugeinc.com/#aboutus)来识别。

    用户体验方面的好处很明显 - 快速响应的页面只加载用户体验所需的内容。事实上,如果不使用JavaScript,很多下一代界面就不容易完成,因为它不需要用户主动点击一个链接,浏览器就可以刷新整个页面。

    使用这些技术,用户可以通过一个干净的界面以一种快速,直观的方式浏览产品和内容。但是,URL仍然差不多。超链接(包含URL片段)用于在用户交互时加载请求的产品数据,避免页面刷新。


    问题

    缺点是关键内容或关键产品数据可能对搜索引擎不可见,而搜索引擎通常不会解析JavaScript.由于URL的哈希标签部分对于本地浏览器而不是服务器是可见的,所以在没有索引机器人对JavaScript逻辑的复杂模拟的情况下,遵循链接的标准bot索引实践失败。

    尽管Google一直在不断发展机器人的JavaScript功能,但Bing /雅虎已经落后了。即使引擎确实尝试对内容进行索引,他们似乎也很少有信心能够根据索引中的URL精确地表示与搜索查询最相关的状态。结果是:相对于竞争对手的搜索可见性较差。


    一个解决方案:备用页面

    回退页面是在请求资源不分析JavaScript时显示的HTML页面。它们通常是静态页面,试图通过服务器端呈现的页面复制JavaScript Web应用程序的功能和内容。这些页面与JavaScript应用程序显示的内容相同,并使用标准的可索引链接进行导航。

    好处

    回退页面为搜索引擎提供重要的自然搜索着陆页所需的内容。除非用户使用有限的文本浏览器,否则这些页面不适用于用户。更进一步,凯迪拉克解决问题的方法通常被称为"渐进式增强" - 一个完整的站点,用户可以获得与系统可以处理的功能一样多的功能。当然,这也是最多的工作,因为需要为整个站点的每个客户端功能级别编写代码。


    不足之处

    构建渐进式增强网站或备用页面会增加初始构建时间和费用,并增加持续的维护工作量。此外,用户可能永远不会看到回退页面或其URL--他们将看到具有哈希符号的URL - 这些URL不会在URL级别累积入站链接或社交信号。这可能是也可能不是问题,取决于URL是否是重要的有机着陆页。

    最后,由于可能无法通过静态页面完全复制JavaScript功能,这意味着您实际上为关键的有机着陆页创建了一个单独的,略有不同的站点,这又增加了工作量。

    实施回退页面

    存在几种方法来实现回退页面。只需将重要内容放入<noscript>标签即可实现。这增加了代码膨胀,可能是尴尬的,而且仅限于键入页面。如果标签在用户进入网络应用程序时未加载,内容将会丢失到引擎。

    另一种方法是在服务器端处理它。在2011年,Google推出了一个标准 - 通常被称为"hashbang"(#!) - 它将hashtag URL转换为一个查询字符串,以供机器人索引。与URL的片段部分不同,查询字符串对于服务器端系统是可见的,因此允许web开发人员在服务器端为搜索引擎呈现适当的内容。这有利于创建可索引的URL.

    Google hashbang规范及其实现细节可以在这里找到。尽管这种方法允许Google进行索引,但由于多种原因,SEO和开发人员不受欢迎,主要是由于开发工作量增加以及其他搜索引擎和第三方Web服务的不完全支持。


    网址问题的其他解决方案

    如上所述,根据搜索引擎优化的程度,对于AJAX或SPA站点的给定UX状态可能具有与搜索引擎不同或不可见的可见URL.这意味着搜索引擎可能会看到一组URL和另一个用户。

    创建自定义的"共享"用户体验元素和功能,包括可共享的URL有助于减轻用户无法复制和过去的URL的准确反映用户所看到的状态:

    可共享的URL

    UX元素可以帮助缓解JavaScript重度网站上缺少可共享的URL

    当然,不是每个人都会使用这些用户体验元素,他们需要开发服务器端逻辑,通过URL元素来强制这个状态并将其呈现给用户。

    使用pushState修复URL问题

    HTML 5包含了处理浏览器中URL的路径以及通过Javascript浏览器历史的能力。这对于SPA和AJAX网站很有用,因为当JavaScript和URL片段在后台突然跳出时,可以向客户端显示搜索引擎友好的,可共享的和可加入书签的URL.


    实施pushState

    添加pushState相当简单,事实上许多流行的单页应用程序框架(如开源框架Ember或Google的Angular框架)都提供了API来轻松访问功能。但即使对于喜欢自定义Javascript开发的Web开发人员来说,新添加的History API(HTML5规范的一部分)也提供了一个简单的接口,可以将完整的URL更新推送到客户端的浏览器栏,而无需使用有限的可访问URL片段或强制一个页面刷新。

    缺点

    在最好的SEO pushState的的实现是对那些已经没有JavaScript访问的网站,内置"上面"上述的AJAX版本。然后启用PushState以允许复制和粘贴链接以及具有反映用户体验的URL的所有其他好处,例如,着陆页目的地URL.所以,实际上,pushState本身并不是解决AJAX站点和搜索引擎优化问题的方法,但它有帮助。

    实施pushState会增加开发和维护工作量。引用的变量和URL将随着网站的演变而更新。

    PushState也需要一个现代化的浏览器,但是现在的AJAX和SPA网站也是如此,所以你很可能已经走上了将过时的浏览器和用户扔到路边的道路。


    把它放在一起

    如果预算和资源允许,创建一个搜索引擎友好的AJAX或SAP网站的综合方法将涉及:

    最少的主要有机登录页面的后备页面,或与JavaScript一起工作的完全渐进式增强站点,这可以实现索引。

    并实施pushState来修复启用了JavaScript的用户或客户端的URL问题,从而实现共享和书签,并为所有用户生成一个URL.

    AJAX和单页应用程序在这里留下来,带给他们许多好处,SEO的不应忽视。优秀的用户体验被链接到,讨论和生成社交信号 - 这些都是搜索引擎优化的关键。品牌和代理机构应该明白,建立技术要素以确保JavaScript大量的网站被索引和链接应该被认为是不可协商的,并且从一开始就将部分资源纳入到网页设计和建设项目中。


本文来自 海南海口KTV招聘 转载请注明;

本文地址:http://www.yuzhujianzhan.com/post/673.html。

« 上一篇下一篇 »
640*60广告位

已有 0 条评论了

发表评论

必填

选填

选填

必填,不填不让过哦,嘻嘻。

记住我,下次回复时不用重新输入个人信息

最近发表
Tags列表
网站分类
站长推荐
最新留言