一个污名昭着的单页面运用（SPA）开辟范畴是SEO。依据您的请求，搜刮引擎抓取客户端出现的内容要么完整正常，只要它是同步的，或者基本不是很好。

因为所有这些互相抵触的建议引起的凌乱，我经常看到问题“我的Vue SPA是否合适SEO？” 来自像Vue.js Developers Facebook小组，Vue.js论坛和Reddit上的r / vuejs如许的处所。

在本文中，我们将挑衅风行的不雅点，做一些根本的测试，并测验考试总结一些明智的建议，树立SEO友爱的SPA。

客户端出现内容的问题

单页面运用法式的尺度实现为阅读器供给了一个页面“shell”，而不包括任何有意义的内容。而是应用AJAX从办事器按需加载内容，然后经由过程JavaScript将其添加到页面。

这许可用户在没有页面刷新的情形下查看SPA站点的“页面”，从理论上改良UX。

固然这种架构实用于在阅读器中查看页面的人类用户，但搜刮引擎爬虫呢？抓取对象可以运行JavaScript吗？假如是如许，他们会在抓取页面之前期待AJAX挪用完成吗？

主要的是要知道这一点，因为它可以肯定网站扶植的内容是否可以被搜刮引擎索引，同样主要的是，它的内容排名是若干。

Googlebot

因为Google是全球领先的搜刮引擎，是以我们的查询拜访应专注于Google搜刮引擎抓取对象Googlebot。

在收集宣布初期，Googlebot只会抓取页面中供给的静态HTML。然而，2014年宣告，Googlebot如今会测验考试在开端抓取之前出现JavaScript。

为了赞助调试衬着经JavaScript修正的页面的任何问题，Google为网站治理员供给了Google抓取对象，该对象会显示Googlebot在特定网址上看到的内容的快照。

一个常见的误会是Googlebot不会抓取异步JavaScript。这篇文章在损坏它方面做得很好。TLDR; Googlebot会期待至少20秒能力完成异步骤用！

Googlebot若何对待SPA

典范的Vue.js SPA示例是Vue HackerNews Clone 2.0。这是Vue团队供给的一个开源项目，用于演示Vue的全体功效和有用的设计模式。

我将此运用法式安排到Heroku实例并经由过程Fetch As Google运行。鄙人图中，左侧的屏幕截图显示了Googlebot若何看到它，右侧的屏幕截图显示了用户将若何看到它。它们似乎完整雷同。

很多开辟人员看到谷歌2014年关于JavaScript衬着的通知布告是对SEO内容的SEO担心的终结。现实上，无法包管Googlebot会准确出现网页，假如确切如斯，它仍然可能会将网页排名低于竞争网站中的静态HTML网页。