如何使用 React.js 进行 SEO?

2024-01-07

关于 React.js 的文章喜欢指出,React.js 非常适合 SEO 目的。不幸的是,我从来没有读过,你实际上是如何做到的。 你只是简单地实现_escaped_fragment_ as in https://developers.google.com/webmasters/ajax-crawling/docs/getting-started https://developers.google.com/webmasters/ajax-crawling/docs/getting-started当 url 包含时,让 React 在服务器上渲染页面_escaped_fragment_,或者还有更多吗?

能够不依赖_escaped_fragment_那就太好了,因为可能并非所有潜在的爬行站点(例如在共享功能中)都实现_escaped_fragment_.


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

通过以下方式可以实现服务器渲染ReactDOMServer.renderToString。访问者将收到已渲染的标记页面,React 应用程序将在下载并运行后对其进行检测。而不是替换内容时ReactDOM.render被调用时,它只会添加事件绑定。对于其余的访问,React 应用程序将接管并在客户端上呈现更多页面。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 React.js 进行 SEO? 的相关文章