增长与运营

关于单页面SEO问题

推荐nuxt.js 这种开发模式简单,不需要额为的配置,nuxt.js 诞生就是解决服务端渲染,这种弊端就是需要注意开发技巧,以为它请求数据

羊先生的头像
羊先生2023.01.02 · 3 分钟阅读 · 111 阅读
关于单页面SEO问题封面
文章正文还需 3 分钟

新计划

先看看关于我们部署的两个网站,技术架构图

VIPBIC

https://www.vipbic.com/ 这个站点技术架构,我是如下解决SEO的

image.png

整体访问,tp5的路由,实际上是经过了controller层,controller层控制view层,饭后输出了数据,也就整个访问就是输出html的结构,这就有了seo

这是2019年的考虑的设计一个解决方案

itnavs

https://www.itnavs.com/

image.png

该网站整体架构,采用nuxt.js,它的工作原理是,通过接口请求到的数据,然后拼装成html,然后在返回给浏览器,所以在部署的时候需要用到node环境启动该服务

关于SEO

SPA

单页面应用(SPA),只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入,单页面的页面跳转,仅刷新局部资源。多应用于pc端,这样前端处理逻辑分担一下后端压力,前端只需要处理后台给前台的json数据就可以了

MPA

多页面(MPA),就是指一个应用中有多个页面,页面跳转时是整页刷新,大多数前后端合在一起的框架使用的是多页面

如何选择合适的框架解决SEO

推荐nuxt.js 这种开发模式简单,不需要额为的配置,nuxt.js 诞生就是解决服务端渲染,这种弊端就是需要注意开发技巧,以为它请求数据需要在页面级别下请求,还有的插件不支持ssr渲染,也就是起作用不到服务端渲染,但不影响正常开发