一个单页应用程序SEO友善吗？

发布时间：2021-12-17 13:25 所属栏目：122 来源：互联网

导读：一个臭名昭着的单页面应用（SPA）开发领域是SEO。根据您的要求，搜索引擎抓取客户端呈现的内容要么完全正常，只要它是同步的，或者根本不是很好。由于所有这些相互矛盾的建议引起的混乱，我经常看到问题我的Vue SPA是否适合SEO？来自像Vue.js Developers Fa

一个臭名昭着的单页面应用（SPA）开发领域是SEO。根据您的要求，搜索引擎抓取客户端呈现的内容要么完全正常，只要它是同步的，或者根本不是很好。

由于所有这些相互矛盾的建议引起的混乱，我经常看到问题“我的Vue SPA是否适合SEO？” 来自像Vue.js Developers Facebook小组，Vue.js论坛和Reddit上的r / vuejs这样的地方。

在本文中，我们将挑战流行的观点，做一些基本的测试，并尝试总结一些明智的建议，建立SEO友好的SPA。

虽然这种架构适用于在浏览器中查看页面的人类用户，但搜索引擎爬虫呢？抓取工具可以运行JavaScript吗？如果是这样，他们会在抓取页面之前等待AJAX调用完成吗？

重要的是要知道这一点，因为它可以确定网站的内容是否可以被搜索引擎索引，同样重要的是，它的内容排名是多少。

为了帮助调试渲染经JavaScript修改的页面的任何问题，Google为网站管理员提供了Google抓取工具，该工具会显示Googlebot在特定网址上看到的内容的快照。

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

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

Vue HackerNews Clone 2.0的一个关键特性是服务器端渲染（SSR）。这意味着，与更基本的SPA不同，每个页面的内容都在服务器上呈现，并在每次页面加载时提供给浏览器，就像它是静态HTML一样。

但是，我们试图了解的是Googlebot如何看待客户端呈现的内容。出于这个原因，我关闭了SSR并再次运行测试：

一个单页应用程序SEO友好吗？

即使只提供客户端渲染，Googlebot也能轻松查看内容。我还等了几天才看看Google是否已将该应用编入索引。它有过：

一个单页应用程序SEO友好吗？

可是等等...

虽然这个测试似乎满足了对客户端呈现内容的任何担忧，但是有一些原因让你不应该对它充满信心：

与所有JavaScript引擎一样，Googlebot也不是绝对可靠的，并且可能存在无法呈现页面的边缘情况。仅仅因为页面可以被索引，并不意味着它将排名很好。

对JavaScript持怀疑态度

（编辑：ASP站长网）