vue seo 优化

[hmf123]

请问 vue 如何简单的做到 seo 优化，项目已经完成，怎么在减少工作量的情况下，SEO 优化?

[opengps]

动态加载没办法 seo 的

[buliugu]

那你需要 ssr 了，参考 https://ssr.vuejs.org/zh

[danhahaha]

另外给搜索引擎写一套简单的 html

[Ptu2sha]

不是有后端渲染吗 SSR

[zzk1989]

不上 nuxt ssr 的情况下可以用预渲染
改动小,支持生成静态页面,缺点是 seo 数据不能实时更新,需要打包
这个项目里面集成了预渲染,解决了类似 ssr 渲染异步数据的问题。缓存的接口数据会存到单个的 js 里面
https://gitee.com/ZZK-1989/vue_projects.git

[love]

以前看到过不到 50 行代码的解决方案，判断搜索引擎访问，如果是就在代码里面调用 puppeteer 渲染对应动态页面，并且适当缓存，返回即可

[wzw]

@love 在哪？

[wzw]

我在等 vant 的 ssr

[love]

@wzw 自己写一下十分钟的事。nginx 判断 baidu|google user agent，是则转发到 puppeteer 的 nodejs 进程（并加个 nginx 请求缓存指令），否就转发到原来后端。

[molvqingtai]

预渲染你值得拥有

[molvqingtai]

https://github.com/chrisvfritz/prerender-spa-plugin

[terranboy]

看你对 SEO 的要求 要求高的 乖乖用 SSR NUXT.JS 之类的

[galikeoy]

@love #9 居然还有这等神奇，是我孤陋寡闻了，这方法是不是为 spa 完全解决了 seo 的需求？

[shenyu1996]

@molvqingtai 卧槽 这个有点厉害

[herozzm]

@danhahaha #3 seo 中有一条：如果针对搜索引擎单独内容和人看到的不一样则重罚

[szdubinbin]

类似 6 楼奇技淫巧，定期 puppeteer 爬一个页面，缓存起来，下次进来直接送那个页面，因为只是缓存 html 结构，js 还是会执行去拉数据的，不过这个单独的服务和前端包的更新策略需要设计。

[binaryify]

nuxt

[hifanzl]

nuxt.js