ssr 有哪些好的方案吗?

2022-10-13 17:58:58 +08:00
 kongkongye

主要目的是 seo ,前端用的 react+redux+vite ,想支持 ssr ,看了一下午看的头疼,要支持 ssr 有很多框架,但好像都是侵入式的,要大刀阔斧地改代码。
话说可以直接用无头浏览器后台渲染出 html 然后返回给爬虫吗?还没实践不知是否可行

2755 次点击
所在节点    程序员
19 条回复
233373
2022-10-13 18:02:32 +08:00
关注下,不知道有没有 react+express 的方案
kid740246048
2022-10-13 18:10:19 +08:00
单纯为了 seo 而上 ssr 代价有点过大,可以考虑下使用 puppeteer 做预渲染的方案
P.S. 2202 年了,考虑下别的状态管理器呗😏
kongkongye
2022-10-13 18:14:25 +08:00
@kid740246048 useContext+useReducer ?
redux 我觉得虽然复杂,但官方用例封装的却很简单好用
fay94
2022-10-13 18:15:33 +08:00
seo 用个静态官网不就行了
zhuweiyou
2022-10-13 18:15:50 +08:00
据说给爬虫单独做一套页面,会被搜索引擎降权.
duan602728596
2022-10-13 18:24:02 +08:00
其实自己改造的成本不高。不太推荐用无头。
haha512
2022-10-13 18:26:19 +08:00
seo 最好的方案可能还是 几年前的 jsp php jq 前后不分离方式吧。
vue react + ssr 太费劲了,效果还未必有混合方式好
leoli
2022-10-13 18:27:27 +08:00
next.js
wu67
2022-10-13 18:32:31 +08:00
vue react 都有各自的一套 ssr 框架, 但是我个人看来, 都是一个强约束类型的方案, 基本上把代码组织和写法都给你框好了, 如果跟团队现行的代码差异较大, 确实非常痛苦.
像 vue 的 nuxt, 甚至路由都给你规划好了, 一个文件就是一个路径

如果只是要把首页做 seo, 那直接整一个静态页就好了. 如果要全站, 对不起我只是路过...
dudubaba
2022-10-13 19:10:48 +08:00
react 目前 next.js 是功能最全的也是用户最多的。
potatowish
2022-10-13 19:12:42 +08:00
@duan602728596 用无头会有什么问题呢
ChefIsAwesome
2022-10-13 19:34:41 +08:00
百度不清楚。无头浏览器渲染,谷歌不仅不会降权,还推荐这个方法。我之前做的网站就用 rendertron 渲染的,谷歌排第一呢。
kongkongye
2022-10-13 20:00:06 +08:00
@ChefIsAwesome 这个库已经不维护了,好像说这种方法不推荐
Charrlles
2022-10-14 03:05:27 +08:00
我们用 rendora

只要内容一致,不会降权的,谷歌的文档有写: https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering?hl=zh-cn
buffzty
2022-10-14 04:12:57 +08:00
@kongkongye 我之前用的 puppeteer 自己搭的. 谷歌官方推荐的就是这种方法
Envov
2022-10-14 14:13:11 +08:00
可以吧代码改动一下,利用 renderToString 和水合,把主要需要 seo 的页面做一下 ssg
karott7
2022-10-14 16:14:10 +08:00
next.js
liushuigs
216 天前
可以试试 Runmix: 从零开始搭建的 React SSR 框架,非常轻量级。https://github.com/runmix-dev/runmix
liushuigs
216 天前
@233373 https://github.com/runmix-dev/runmix 就是 React + express 的

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

https://www.v2ex.com/t/886701

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

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

© 2021 V2EX