javascript - 你如何使用 React.js 进行 SEO?

标签 javascript seo reactjs

关于 React.js 的文章喜欢指出,React.js 非常适合 SEO。不幸的是,我从来没有读过,你是怎么做到的。 您是否像 https://developers.google.com/webmasters/ajax-crawling/docs/getting-started 中那样简单地实现 _escaped_fragment_当 url 包含 _escaped_fragment_ 时,让 React 在服务器上呈现页面,或者还有更多?

能够不依赖 _escaped_fragment_ 会很棒,因为可能并非所有潜在的爬行网站(例如在共享功能中)都实现 _escaped_fragment_

最佳答案

我很确定你看到的任何将 React 宣传为对 SEO 有益的东西都与能够在将请求的页面发送到客户端之前在服务器上呈现有关。因此,就搜索引擎而言,它将像任何其他静态页面一样被编入索引。

服务器渲染通过 ReactDOMServer.renderToString 成为可能。访问者将收到已呈现的标记页面,React 应用程序将在下载并运行后检测到该页面。调用 ReactDOM.render 时不会替换内容,它只会添加事件绑定(bind)。对于访问的其余部分,React 应用程序将接管并在客户端呈现更多页面。

如果您有兴趣了解更多相关信息,我建议搜索“Universal JavaScript”或“Universal React”(以前称为“同构 react ”),因为这正在成为使用单一代码的 JavaScript 应用程序的术语在服务器和客户端上呈现的基础。

关于javascript - 你如何使用 React.js 进行 SEO?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28252768/

相关文章:

javascript - 如何将列表映射到一定数量的数据

javascript - 类型错误 : Cannot read property 'opacity' of null

javascript - Three.js 病态切线与病态 VertexTangentsHelper

javascript - jquery 数据表 : load real time progress bar

javascript - 如何修复 router.get 中相互依赖的两个 Knex MySQL 查询

xml - Google 站点地图索引 - 带参数的站点地图位置

php - 如何使用 php 高效翻译网站内容,同时保持 SEO 友好?

javascript - 需要帮助理解 javascript 函数

angularjs - SEO:谷歌是否识别通过 Angular 动态插入的文本?

reactjs - 由于限制,react-native firebase fetch() 操作无法成功完成