1. 李春SEO博客首页
  2. 邯郸SEO

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

李春SEO博客

单页应用程序(SPA)的开发是SEO。。 根据您的要求,搜索引擎抓取客户端呈现的内容要么完全正常,只要是同步的或者根本不是很好。 由于所有这些相互冲突的建议造成了混乱,我经常看到这样一个问题:“我的VueSPA适合SEO吗?“? 从Vue.js开发人员、Facebook组、Vue.js论坛和Reddit上的r/vuejs等地方。 在本文中,我们将挑战流行的想法,做一些基本的测试,并试图总结一些明智的建议,以建立SEO友好的SPA。客户端问题页应用程序的标准实现,呈现内容,为浏览器提供一个页面“shell”,没有任何有意义的内容。 相反,使用AJAX从服务器按需加载内容,并通过Java脚本将其添加到页面中。 这允许用户查看SPA网站的“页面”,而无需页面刷新,UX。理论上改进了,虽然这种架构适用于在浏览器中查看页面的人类用户,但搜索引擎爬虫呢? 抓取工具可以运行Java脚本吗? 如果是这样的话,他们会在抓取页面之前等待AJAX调用完成吗? 知道这一点很重要,因为它可以确定网站建设的内容是否可以被搜索引擎索引,同样重要的是,它的内容排名是什么。 由于谷歌是世界领先的搜索引擎,我们的调查应该集中在谷歌搜索引擎抓取工具Googlelebot.Googlelebot只抓取静态HTML。 在网站发布开始时的页面中提供了2014年的公告,但是,Googlebot现在将尝试呈现Java脚本。 在抓取开始之前,为了帮助调试呈现Java脚本修改页面的任何问题,Google为站长提供了一个Google抓取工具,该工具显示Googlelebot在特定URL上看到的快照。一个常见的误解是Googlebot不抓取异步Java脚本。 这篇文章在摧毁它方面做得很好。 TLDR;Googlelebot将至少等待20秒完成异步调用! Vue Hacker News Clone2.0.是典型的Vue.js SPA示例,说明Googlebot如何查看它,这是Vue团队提供的一个开源项目,以演示Vue的全部功能和有效的设计模式。 我将此应用程序部署到Heroku实例,并通过Fetch作为Google运行。 下面,左边的屏幕截图显示Googlebot如何看到它,右边的屏幕截图显示用户将如何看到它。 他们看起来完全一样。 许多开发人员将谷歌2014年发布的Java脚本渲染公告视为SEO对内容的关注的结束。 事实上,不能保证Googlelebot将正确地呈现页面,如果是这样,它可能仍然会在竞争站点中对静态HTML页面下面的页面进行排序。

原创文章,作者:lichun,如若转载,请注明出处:http://www.lichunseo.com/handanseo/13521.html