使用 Vue 开发单页项目，如何实现 SEO？

2018-02-23 21:56:11 +08:00
 hoythan

想法是这样的，直接使用 Vue 开发单页项目，SEO 这边判断是否是爬虫然后如果是的话直接展示缓存的静态页面内容。

Q1.这种方式会不会被爬虫理解为恶意行为，毕竟静态页面内容因为不给人看所以可以专门针对爬虫深度优化。

Q2.除服务端渲染和我说的外是否有更好的 SEO 方式。

Q3.转换方式我想法是通过 nginx 把所有内容定位到 index.php 文件上,在 index.php 进行是否是爬虫判断，如果是就输出相关静态页面，如果不是就直接读入 vue build 好的 index.html 页面，这样不知道会不会有问题。没实现过。

Q4.php 有啥识别爬虫的优秀一点的库吗？

2209 次点击
所在节点    问与答
7 条回复
wdd2007
2018-02-23 22:02:57 +08:00
我们目前用的是你第三点说的方法。
billchenchina
2018-02-23 22:11:34 +08:00
貌似可以加一个中间件来渲染页面 XD
我也具体不太知道，之前听别人可以这么办
chaunceywe
2018-02-23 23:03:26 +08:00
用 nuxt 实现静态化或者服务端渲染
brickyang
2018-02-23 23:15:37 +08:00
SSR 难道不是最容易的做法吗？
iamkun
2018-02-23 23:25:23 +08:00
友情提醒 请仔细阅读 google 收录规则 如果给人看的页面和给搜索引擎看的是不同的话 是会被惩罚的
hlwjia
2018-02-23 23:26:23 +08:00
Q3 里，nginx 里就可以做判断是不是爬虫
hoythan
2018-02-23 23:59:03 +08:00
@iamkun
@wdd2007
我也担心这个，被惩罚就坏了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/432048

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX