开发人员经常担心SPA(单页应用程序)的SEO影响它们在Google搜索(博客,产品组合网站,产品网站等)上的效果或排名情况。
开发人员还担心构建服务器端呈现的应用程序可能很复杂,我们可以使用Nuxt.js创建服务器端渲染的应用程序。
在构建了很多“单页应用程序”时,SPA会在加载时动态填充其页面的内容,这意味着当google抓取其网站时,尚未将重要内容注入该网站,导致google或其他搜索引擎无法快速识别。
我们可以通过预渲染应用程序的内容可以解决以上问题,我们可以使用Nuxt.js构建服务器端应用程序。
什么是Nuxt.Js?
根据他们的官方页面解释:
“ Nuxt是一个基于Vue.js的渐进框架,用于创建现代Web应用程序。它基于Vue.js官方库(vue,vue-router和vuex)和强大的开发工具(webpack,Babel和PostCSS)。Nuxt的目标是使Web开发强大而高效。”
Nuxt主要创建三种类型的应用程序:
- 静态生成的页面(预渲染)静态生成的应用程序不需要API请求即可获取页面的内容,即内容已包含在HTML文件中比如登录页面。
- 单页应用程序大多数JavaScript框架(React,Angular,Emberjs,Vue等)都是单页应用程序,其展示内容方式是以更快的转换动态填充,大多数SPA使用HTML5 历史记录API或位置哈希值进行路由。
- 服务器端渲染的应用程序服务器端渲染是一种用于在服务器上获取和显示客户端数据以将完全渲染的页面发送到客户端的技术,这可以为你的应用程序获取更好优化SEO的好方法。