vue 做的页面大家是如何做 SEO 的,是服务器端渲染吗?

[justrand]

大家有好的方式分享不？

[id4alex]

看看 nuxt.js 果断实践给大家汇报下 seo 效果和性能咋样啊

[15651980765]

mark 一下，等大佬解答。

[Carseason]

前端渲染就别想 seo 了
老老实实的

[zhangpeng2k]

了解一下前端预渲染，可以对部分页面使用预渲染
使用 prerender-spa-plugin 插件
原理是编译的时候是使用无头浏览器对你的这个页面进行爬取，保存为纯静态 html 后，修改你的路由，让你在访问的时候直接访问静态 html

一般只适用于首页，关于我们，等等一些数据不会变动的页面

我自己没玩过...这周打算试试

[binaryify]

nuxt.js

[luzemin]

nuxt.js

[rankrank]

nuxt.js +1

[hackyuan]

jq 单独写一套给爬虫玩去

[fuckshit]

nuxt.js+1 其实我也是最近刚刚听说的 nuxt.js 觉得挺有意思的， 然后我就将我的小站修改成使用 nuxt.js 渲染了，效果挺好的。 欢迎围观 https://mlog.club

[fuckshit]

nuxt.js+1 其实我也是最近刚刚听说的 nuxt.js 觉得挺有意思的， 然后我就将我的小站修改成使用 nuxt.js 渲染了，效果挺好的。 欢迎围观 [https://mlog.club]( https://mlog.club)

[yhxx]

正常公司真的有那么多 SEO 需求吗？
如果真的有的话，我觉得和搜索引擎“合作”比折腾 SSR 成本要低的多

[weize888]

HTML+1

[ChefIsAwesome]

其实很简单。根据 ua 判断是爬虫的话，就走谷歌新出的 headless chrome 渲染 HTML 给他，否则就正常显示。几行代码就搞定的事情。可以看看谷歌新出的 SEO 专题学习下。

[id4alex]

说根据 ua 判断是否是爬虫的， 恐怕你们不知道搜索引擎也为悄悄的用非常规爬虫 ip 伪装成正常 ua 去访问你的网站去检查你是否有可以在欺骗搜索引擎。

在早期这是一种作弊思路， 即页面对搜索引擎是一种内容（获取好的排名），对用户是另外一种页面（通常是广告引流） 后来搜索引擎都会定期以正常用户的视角去观察页面，判断是否有作弊的嫌疑。

总的说来，就是前端框架开发的页面，你需要把所有默认权限能看到的页面全部配置成服务器端的渲染，我看到一些案例已经这样做了， 但是并发数稍微高一点容易 http 500, 所以还需要大家更多的实践来支撑前端框架 seo

[louieliu]

用性能工具看看 比如 lighthouse Chrome DevTools 已经内置了 可以看看他给你的建议，一步步来 首屏懒加载啊 上 cdn 啊 骨架屏啊 去掉无用的文件啊什么的

[louieliu]

卧槽 回错了

[westoy]

@yhxx

google 当年给单页 SEO 搞过一个根据 hash fragment 转_escaped_fragment_参数做查询的标准, 照着做的都被挖坑给埋了, 接着 google 就把这个标准给 deprecated 了........

[fengxianqi]

最近刚好写了篇文章，还没用上 Nuxt.js 的同学可以看下，取了个不哗众取宠的标题：[Nuxt.js 实战和配置]( https://juejin.im/post/5d41a114e51d4561f40adcf1)

[dusu]

@id4alex 同意，补充一点，搜索引擎还和运营商合作，例如哪些页面带 referrer 被请求频率高，会优先抓这些页面，而 SPA 根本就不会走这些请求，单纯说根据 UA 做两套方案根本就是在骗自己。

[ddup]

服务端渲染 ssr