衢州网站建设:如何使您的JavaScript网站SEO友好

2019.07.17 mf_web

178

在互联网的大部分生命周期中,搜索引擎优化实践都围绕着尽可能多地使用内容的纯文本版本,这样您就不会遇到动态生成的内容,例如通过JavaScript。随着技术的进步,这似乎仍然是像谷歌这样的知名搜索引擎的问题,但它必须是吗?通常,爬虫历史上只查看HTTP响应主体内的原始内容,并且通常不会解释运行JavaScript的普通浏览器会解释什么。

大约10年前,谷歌开始抓取并通过JavaScript索引正在呈现的内容,但它仍然有限。去年,谷歌宣布他们正在以一种与之前不同的方式处理Javascript - 链接,重定向,动态插入内容等等不再是一种不便。虽然Google现在可以在现代Web浏览器上理解和呈现大多数网页,但它对每个场景都没有相同的信心。静态内容很容易编入索引,但动态生成的内容可能仍然被遗漏。你是如何解决这个问题的?使用这些程序之一来确保您的JavaScript是SEO友好的。

javascript seo友好


六个工具可以帮助您的动态JAVASCRIPT网站被搜索引擎抓取


1.  PRERENDER.IO

如果您更喜欢运行自己的服务器,Prerender是开源软件,这意味着所有代码都可供任何人使用。此软件与爬网程序一起使用,以便在页面未缓存但尝试访问它时,程序会在请求时立即呈现页面,并在事后对其进行缓存。由于此过程,缓存始终完成。由于Prerender的中间件已经构建,因此用户将看到大约5ms的响应时间,因此返回的页面会很快返回。Prerender遵循Google为AJAX编写的爬行规范,因此毫无疑问,谷歌以及其他搜索引擎将以正确的方式抓取该网站。

请遵循以下准则,以确保您向Web爬网程序提供正确的信息。确保将正确的状态代码返回给爬网程序。应该在标头中放置一些不同的元标记,这些元标记将基于REST调用将不同的标头或状态代码返回给爬网程序。您还需要准确地告诉Prerender页面何时可以保存,以便Prerender可以更准确地执行。虽然程序尝试最好检测页面加载完成的时间,但有时最好自己通知程序。您还需要使用Prerender自己的API来缓存和重新缓存页面。这将确保在爬网程序尝试访问它们时正确缓存它们。使用此程序可以访问页面'


2.  BROMBONE

该程序可以自动下载所有网页,然后在真实的Web浏览器中呈现它们。这将确保进行AJAX调用,Javascript正确运行,并执行DOM更改。完成所有这些操作后,BromBone将保存与此对应的HTML。当搜索引擎机器人登陆网站时,只需使用BromBone代理预渲染的快照。这是对代码进行更改所需的第一步也是唯一的步骤。这些变化很小,BromBone向用户展示了该做什么。没有必要被这个吓倒,所有需要做的就是复制和粘贴,任何人都有能力。完成后,程序将HTML从搜索引擎发送到僵尸程序。然后,Google会看到一个与人们将使用自己的网络浏览器看到的网页完全相同的网页。然后谷歌将以正确的方式索引页面,因为BromBone已经运行了JavaScript并进行了AJAX调用。

要使用BromBone,您需要确保生成XML站点地图,这可能就是这种情况。BromBone使用此文件来确保页面已准备好供搜索引擎使用。当搜索引擎机器人访问站点地图时,您还需要从程序中代理HTML快照。这是一个简单的步骤,实际上只包含一个小的复制和粘贴。当您注册时,BromBone提供免费咨询,帮助您正常运行JavaScript。该公司认为很多人不需要这项服务,因为它使用起来非常简单,但BromBone承诺,他们会尽一切努力让您的网站正常运作。


3.  ANGULAR JS SEO

当Google为网页编制索引时,它不是在读取数据,而是在阅读模板。因此,有必要为服务器编写代码,以便将没有JavaScript的网站版本发送给Google。有时这意味着你必须基本上复制整个事情。某些代码可以在删除功能的情况下重复使用,但仍需要时间。您可以使用Phantom JS渲染页面的快照,然后将它们提供给Google,但它会不断崩溃,它使用的内存比思想重载服务器更多RAM,它以蜗牛的速度移动,这将显示在谷歌排名较低的形式,而且这些页面的生成速度不够快。

使用Angular JS,可以为所有页面预呈现HTML快照,而无需对代码进行任何更改。您只需在Google开始抓取时获取该页面。服务器维护将完全得到妥善处理,因为开发人员已经足够了。Angular JS允许您的所有团队成员在程序运行时更少担心维护,以确保您的站点可以编制索引。为了显示在Google的搜索结果中,您的网站能够被抓取和编入索引至关重要,而Angular JS确保您的搜索引擎优化是其中的主要形式。该程序允许您将注意力集中在一个伟大的网站上,无需完全复制您的代码,弄乱额外的服务器,或在浏览器中乱七八糟。


4.  SEO.JS

此程序将使您的JavaScript应用程序有助于被Google抓取,从而使其显示在搜索结果中。您将能够使用要复制并粘贴到服务器上的部分文本将程序集成到您自己的服务器上。您可以将它与Nginx,Ruby on Rails,Apache或任何其他程序一起使用。当您将您的网站添加到SEO.js的仪表板中时,该程序将访问您的网页并将每个HTML快照与所有将完全呈现的动态内容放在一起。该程序还确保定期更新快照以反映最近的更改。当Googlebot等搜索引擎抓取工具访问网页时,他们会自动查看完整呈现的内容。这是因为SEO.js将提供快照给出的页面的预渲染版本。

SEO.js很容易为您的网站使用。您需要做的就是将您的网页添加到SEO.js仪表板,然后将集成文本粘贴到您自己的Web服务器配置中。而已!完成所有设置后,您无需再查看该程序。它将继续在后台工作。当您对网站进行更改或添加页面时,程序将收集信息,然后与Google共享更新的内容。在搜索引擎中优先考虑快速加载的页面,并且SEO.js实现的技术确保以非常低的延迟加载页面。这只意味着它们加载速度很快。SEO.js还会自动创建您的XML站点地图,因此您不必担心这一点。


5.  MOO年

Moo年是由程序员创建的博客,旨在帮助其他程序员扩展他们在Web开发,软件设计和计算机科学方面的教育。该博客的目的是帮助任何有兴趣扩展他们在网络上发展的知识的人。重点是Angular,HTML5,CSS,动画,JavaScript,Ruby等。更具体地说,您可以找到改进JavaScript SEO等内容。使用AngularJS,您将更改HTML结构的框架,使以前呈现的HTML对搜索引擎无效。为了解决这个问题,您将使用特定的URL路由和无头浏览器来检索新的HTML以支持使用Angular JS进行SEO。

Bing和Google都使用hashbang URL来通知搜索引擎当前正在访问的网站包含AJAX内容。然后将此URL转换为服务器可以访问的内容。然后访问URL,内容应该显示给看到最终版本的用户。使用Angular JS,您将配置自己的Web服务器,以便创建一个没有标题的HTML浏览器来访问您的页面,然后为您提供Google将使用的最终URL的HTML。如果您希望在向Google通知您网站的AJAX内容时不使用hashbang网址,则需要在正在访问的文件的标头中包含一个特殊的元标记。然后,您需要配置Angular JS以在操作URL和路由时使用HTML5 URL。


6.  BACKBONE JS SEO

当内容隐藏在模板中时,Google很难访问它 - 它会看到空标记。Google必须能够查看最终产品,以便您的网站能够显示在搜索结果中。JavaScript有助于使网页视觉上令人愉悦并且具有出色的API,但您需要在服务器上复制代码以使Google可以阅读它。使用Backbone可以节省宝贵的时间。使用Backbone的最大好处之一是它可以防止烦人的重复。您无需重新编码任何内容,因此您可以专注于使网站成为客户端的最佳选择。Backbone可以消除后台的烦恼,让您可以关注客户。使用Backbone可以简化服务器的体系结构。

Backbone通过不要求您在服务器上安装任何额外的东西来减轻压力,同时程序处理页面并输出静态html版本的内容并将不断更新。当Google开始抓取时,Backbone会将这个静态版本的页面提供给他们,生活将继续。该程序提供帮助程序员完成每个步骤,虽然他们声称它不会比复制和粘贴困难。BromBone与Backbone合作使其成为现实。它确保最终结果看起来与用户将看到的完全一致,并且这个静态版本将在他们要求时传递给Googlebot。同样,该程序遵循Google建议的内容,因此您知道该网站将被正确抓取。

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP