跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • React 是不是比较难处理静态 html + ajax 这种页面
未分類
26 5 月 2020

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

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

資深大佬 : dartabe 11

React 的 spa 可能 SEO 不友好

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

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

有点迷茫

大佬有話說 (17)

  • 資深大佬 : zachguo

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

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

  • 資深大佬 : Procumbens

    可以用 Gatsby ?

  • 主 資深大佬 : dartabe

    @Procumbens 好像 gatsby 确实可以啊

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

  • 資深大佬 : zj1926

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

  • 主 資深大佬 : dartabe

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

  • 資深大佬 : zachguo

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

  • 主 資深大佬 : dartabe

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

  • 資深大佬 : murmur

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

  • 資深大佬 : lizz666

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

  • 資深大佬 : Perry

    @dartabe Next.js 支持 Static Exporting

  • 主 資深大佬 : dartabe

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

  • 資深大佬 : zzzmh

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

  • 資深大佬 : joesonw

    你要理解到 React SSR 的原理. 如果只是为了 SEO, 只需要服务端 renderToString 即可.如果前端还有后续操作的, 用 hydrate 即可.

  • 資深大佬 : lbw

    非动态网页用预渲染 prerender 就可以了,react 下有 next.js ,vue 下有 nuxt.js ,它们都支持静态 prerender 导出,而非 spa 或 ssr

  • 資深大佬 : hantsy

    老话题了,好像 5,6 年前第一次用 ANgularjs 的时候就看过一些方案。prerender 是一个专有的,另外应该 Ngnix,Apache 等 Web 服务器都是配置缓存页面的,让搜索引擎去查缓存。

  • 資深大佬 : xcstream

    需要 seo 的页面 通常比较简单 根本无需这种框架

  • 資深大佬 : zhuweiyou

    nextjs 支持 export html

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具