关于vue项目的seo问题及解决方案

关于vue项目的seo问题及解决方案

用vue搭建的网站前后端分离不利于SEO
原因如下:

可以通过其他的技术来解决

nuxt/ssr的简介
ssr是vue的服务端的渲染技术
nuxt是一个可以用来做ssr服务端渲染的框架
他们之间的关系就是:
ssr是技术基础,而nuxt就是封装

ssr的基本套路

  • 在服务端渲染vue的实例
  • 将这个vue实例在服务器渲染成字符串
  • 将字符串传输到客户端,到了客户端就已经是html的字符串了

Nuxt和普通的Vue

注意:虽然Nuxt确实很强大,但是目前市面上应用的却不是很多,因为nodejs作为服务器端语言目前还是相对较少的,更多的还是java,php等,

小结
以前的vue项目,服务器只管给客户端传输空白的html和js
而实际上所以显示的东西都是在浏览器进行编译的,假设浏览器禁用掉js,那么客户端上将会是一片空白
而我们现在使用到的ssr技术,可以在服务端直接把vue组件变成html再发送给浏览器,所以即使浏览器禁用掉了js,我们还是可以看到内容渲染到服务器当中啦。

原文链接:https://blog.csdn.net/kikikiuu/article/details/105108508?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171836734316800178573120%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=171836734316800178573120&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-22-105108508-null-null.nonecase&utm_term=%E7%BD%91%E7%AB%99%E3%80%81seo

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享