React 是不是比较难处理静态 html + ajax 这种页面

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2012 天前的主题，中的信息可能已经有所发展或是发生改变。

React 的 spa 可能 SEO 不友好

如果只是希望 seo 友好的展示页面同时需要远程 api 更新几个小的数据点 React 是不是就不太适合了？

Nextjs 之类的框架貌似可以但是静态服务器又用不了了？

有点迷茫

第 1 条附言 2020-06-13 11:37:08 +08:00

nextjs 貌似提供了一个 hook 叫 stale-while-revalidate （ SWR ）用来在客户端 fetch 数据

https://github.com/vercel/swr#data-fetching

nextjs 好杂好难哎不过感觉挺有用的个人比较不喜欢 gatsby

React

seo

静态

友好

17 条回复 2020-06-13 09:12:39 +08:00

zachguo

2020-06-12 06:54:54 +08:00

这是对于 JS SPA 的普遍性 SEO 问题，和 React 没关系

谷歌自己对于 JS SEO 的建议：

Procumbens

2020-06-12 06:57:42 +08:00

可以用 Gatsby ？

dartabe

2020-06-12 07:11:53 +08:00

@Procumbens 好像 gatsby 确实可以啊

不知道 nextjs 输出静态页面的时候有没有类似结合 runtime data 的功能

zj1926

2020-06-12 07:12:27 +08:00

不会啊，我的这个项目就是 react 写的，https://github.com/im6/Javascript-fun，SEO 贼友好

dartabe

2020-06-12 07:27:30 +08:00

@zachguo 话是这么说但我看某些专门搞 seo 的公司主页也是基于 nextjs 的纯静态页面

(adsbygoogle = window.adsbygoogle || []).push({});

zachguo

2020-06-12 07:33:27 +08:00

@dartabe 你的点是什么？到底要问啥？ nextjs 帮 react 进行 SSR 或者 SSG 罢了，任何 JS 都可以 SSR 或 SSG

dartabe

2020-06-12 07:41:29 +08:00

@zachguo 不好意思看错了你回复了

murmur

2020-06-12 07:58:17 +08:00

seo 国内本身就没啥意义，资金不到位怎么 seo 也比不上广告排名

lizz666

2020-06-12 08:12:44 +08:00

最近要弄个网站，也在纠结选 react 版的 next.js 还是 vue 版的 nuxt.js

Perry

2020-06-12 08:24:36 +08:00

@dartabe Next.js 支持 Static Exporting

dartabe

2020-06-12 08:53:37 +08:00

看了一下好像是 react.hydrate() 实现的那应该是框架无关了应该都能用

zzzmh

2020-06-12 10:08:46 +08:00

这个是一开始就要设计好的，例如 V2EX 就有专门给谷歌收录的 url
一些知名网站，基本是首页是 spa，然后跳转到的子页面是部分后端渲染，部分(如点赞数评论区)前端渲染。
如果头铁一点不怕百度判你作弊的话，也可以先全站 spa，
然后子页面再开发一个一模一样的后端渲染的，专门有个 url 路径，专门提供搜索引擎收录
例如这个帖子是 www.v2ex.com/#/t/680857 再开发一个 t/680857 专门给百度收录用的