一个臭名昭着的单页面应用（SPA）开发范围是网站优化。依据你的需要，搜索引擎抓取推广客户端呈现的内容要么完全正常，只须它是同步的，或者根本不怎么样。
因为所有这类相互矛盾的建议引起的混乱，我常常看到问题“我的Vue SPA适不适合网站优化？” 来自像Vue.js Developers Facebook小组，Vue.js平台和Reddit上的r / vuejs如此的地方。
在本文中，大家将挑战时尚的看法，做一些基本的测试，并尝试总结一些明智的建议，打造网站优化友好的SPA。
推广客户端呈现内容的问题
单页面应用程序的规范达成为浏览器提供了一个页面“shell”，而不包括任何有意义的内容。而是用AJAX从服务器按需加载内容，然后通过Javascript将它添加到页面。
这允许用户在没页面刷新的状况下查询SPA站点的“页面”，从理论上改进UX。
虽然这种构造适用于在浏览器中查询页面的人类用户，但搜索引擎爬虫呢？抓取工具可以运行Javascript吗？若是如此，他们会在抓取页面之前等待AJAX调用完成吗？
要紧的是要了解这一点，由于它可以确定网站制作的内容能否被搜索引擎索引，同样要紧的是，它的内容排名是多少。
谷歌bot
因为谷歌是全球的搜索引擎，因此大家的调查应专注于谷歌搜索引擎抓取工具谷歌bot。
在互联网发布初期，谷歌bot只能抓取页面中提供的静态HTML。然而，2014年宣布，谷歌bot目前会尝试在开始抓取之前呈现Javascript。
为了帮助调试渲染经Javascript修改的页面的任何问题，谷歌为网站管理员提供了谷歌抓取工具，该工具会显示谷歌bot在特定网址上看到的内容的网站快照。
一个容易见到的误解是谷歌bot不会抓取异步Javascript。这篇文章在破坏它方面做得非常不错。TLDR; 谷歌bot会等待至少20秒才能完成异步调用！
谷歌bot怎么样看待SPA
典型的Vue.js SPA示例是Vue HackerNews Clone 2.0。这是Vue团队提供的一个开源项目，用于演示Vue的全部功能和有效的设计模式。
我将此应用程序部署到Heroku实例并通过Fetch As 谷歌运行。在下图中，左边的屏幕截图显示了谷歌bot怎么样看到它，右边的屏幕截图显示了用户将怎么样看到它。它们好像一模一样。
很多开发职员看到Google2014年关于Javascript渲染的通知是对网站优化内容的网站优化担心的终结。事实上，没办法保证谷歌bot会正确呈现网页，假如确实这样，它仍然或许会将网页排名低于角逐网站中的静态HTML网页。本文名字一个单页应用程序对网站优化友怎么样
