主要目的是 seo ,前端用的 react+redux+vite ,想支持 ssr ,看了一下午看的头疼,要支持 ssr 有很多框架,但好像都是侵入式的,要大刀阔斧地改代码。
话说可以直接用无头浏览器后台渲染出 html 然后返回给爬虫吗?还没实践不知是否可行
主要目的是 seo ,前端用的 react+redux+vite ,想支持 ssr ,看了一下午看的头疼,要支持 ssr 有很多框架,但好像都是侵入式的,要大刀阔斧地改代码。
话说可以直接用无头浏览器后台渲染出 html 然后返回给爬虫吗?还没实践不知是否可行
|
233373Oct 13, 2022
1
关注下,不知道有没有 react+express 的方案
|
|
kid740246048Oct 13, 2022
2
单纯为了 seo 而上 ssr 代价有点过大,可以考虑下使用 puppeteer 做预渲染的方案
P.S. 2202 年了,考虑下别的状态管理器呗😏 |
|
3
@kid740246048 useContext+useReducer ?
redux 我觉得虽然复杂,但官方用例封装的却很简单好用 |
|
fay94Oct 13, 2022
4
seo 用个静态官网不就行了
|
|
zhuweiyouOct 13, 2022
5
据说给爬虫单独做一套页面,会被搜索引擎降权.
|
|
duan602728596Oct 13, 2022
6
其实自己改造的成本不高。不太推荐用无头。
|
|
haha512Oct 13, 2022
7
seo 最好的方案可能还是 几年前的 jsp php jq 前后不分离方式吧。
vue react + ssr 太费劲了,效果还未必有混合方式好 |
|
leoliOct 13, 2022
8
next.js
|
|
wu67Oct 13, 2022
9
vue react 都有各自的一套 ssr 框架, 但是我个人看来, 都是一个强约束类型的方案, 基本上把代码组织和写法都给你框好了, 如果跟团队现行的代码差异较大, 确实非常痛苦.
像 vue 的 nuxt, 甚至路由都给你规划好了, 一个文件就是一个路径 如果只是要把首页做 seo, 那直接整一个静态页就好了. 如果要全站, 对不起我只是路过... |
|
dudubabaOct 13, 2022
10
react 目前 next.js 是功能最全的也是用户最多的。
|
|
potatowishOct 13, 2022 via iPhone
11
@duan602728596 用无头会有什么问题呢
|
|
ChefIsAwesomeOct 13, 2022 via Android
12
百度不清楚。无头浏览器渲染,谷歌不仅不会降权,还推荐这个方法。我之前做的网站就用 rendertron 渲染的,谷歌排第一呢。
|
|
13
@ChefIsAwesome 这个库已经不维护了,好像说这种方法不推荐
|
|
CharrllesOct 14, 2022 via iPhone
14
我们用 rendora
只要内容一致,不会降权的,谷歌的文档有写: https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering?hl=zh-cn |
|
buffztyOct 14, 2022
15
@kongkongye 我之前用的 puppeteer 自己搭的. 谷歌官方推荐的就是这种方法
|
|
EnvovOct 14, 2022
16
可以吧代码改动一下,利用 renderToString 和水合,把主要需要 seo 的页面做一下 ssg
|
|
karott7Oct 14, 2022
17
next.js
|
|
liushuigsSep 26, 2023
18
可以试试 Runmix: 从零开始搭建的 React SSR 框架,非常轻量级。https://github.com/runmix-dev/runmix
|
|
liushuigsSep 26, 2023
19
@233373 https://github.com/runmix-dev/runmix 就是 React + express 的
|