一个臭名昭着的单页面应用(SPA)开发领域是SEO

一个臭名昭着的单页面应用(SPA)开发领域是SEO。单页面应用程序的标准实现为浏览器提供了一个页面“”,而不包含任何有意义的内容。而是使用AJAX从服务器按需加载内容,然后通过将其添加到页面。重要的是要知道这一点,济南seo有哪些因为它可以确定网站建设的内容是否可以被搜索引擎索引,同样重要的是,它的内容排名是多少。在网络发布初期,济南网站建设企业只会抓取页面中提供的静态HTML。

单页应用程序 (SPA) 开发的一个臭名昭著的领域是 SEO。根据您的要求,济南建站优化搜索引擎抓取客户端呈现的内容要么完全正常,只要是同步的,要么不太好。

由于所有这些相互矛盾的建议造成的混乱,我经常看到“我的 Vue SPA 适合 SEO 吗?”的问题。来自 Vue.js 组、Vue.js 论坛和网络上的 r/ 等地方。济南网站建设

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

客户端渲染内容的问题

单页应用程序的标准实现为浏览器提供了一个没有任何有意义内容的页面“”。而是使用 AJAX 按需从服务器加载内容,然后通过添加将其添加到页面中。

这允许用户在不刷新页面的情况下查看 SPA 站点的“页面”,理论上改进了 UX。

虽然这种架构适合人类用户在浏览器中查看页面,但搜索引擎爬虫呢?爬虫能用吗?如果是这样,他们会在抓取页面之前等待 AJAX 调用完成吗?

知道这一点很重要,因为它可以决定网站建设的内容是否可以被搜索引擎收录,同样重要的是它的内容排名多少。

单页面应用和多页面_单页面应用seo问题_单页面应用怎么做seo

既然是全球领先的搜索引擎,我们的调查应该集中在搜索引擎爬虫上。

在网络发布初期,济南网站建设公司只会抓取页面提供的静态HTML。然而,它在 2014 年宣布它现在将尝试在爬行开始之前进行渲染。

为了帮助调试与呈现修改后的页面有关的任何问题,为网站管理员提供了一个爬虫工具,它显示在特定 URL 上看到的内容的快照。

一个常见的误解是它不会异步抓取。这篇文章很好地破坏了它。TLDR;将等待至少 20 秒才能完成异步调用!

如何治疗SPA

一个典型的 Vue.js SPA 示例是 Vue 2.0。这是 Vue 团队提供的一个开源项目,用于展示 Vue 的所有功能和有效的设计模式。

我将此应用程序部署到实例并通过 As 运行它。在下图中,左侧的屏幕截图显示了如何查看它,右侧的屏幕截图显示了用户将如何查看它。他们似乎完全一样。

许多开发人员将 2014 年关于渲染的公告视为对 SEO 内容的 SEO 担忧的终结。事实上,无法保证页面会被正确呈现,如果确实如此,它的排名仍可能低于竞争网站的静态 HTML 页面。

免责声明:本文来自网络用户投稿,不代表本站观点和立场。如有侵权请发送邮件至tzanseo@163.com告知本站删除,本站不负任何责任及承诺。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论