React 应用程序动态地动态渲染组件，因此搜索引擎无法索引页面，并使社交共享变得复杂。处理此类问题并使 React-Redux 应用程序对 SEO 友好的最佳实践是什么？
我们需要服务器端渲染来为 React 应用程序进行 SEO！
\n\n让\xe2\x80\x99s 将应用程序\xe2\x80\x99s 架构分为三个部分：提供数据的 API 服务器、与客户端共享代码并渲染 HTML 的 Web 服务器，最后是客户端即在浏览器中运行的代码。
\n\n基本上，服务器端渲染将允许您的部分代码首先在您的 Web 服务器上运行。这意味着服务器将首先从您的 API 获取在初始页面\xe2\x80\x99s HTML 上渲染所需的数据，然后将这些数据打包并以 HTML 形式发送到客户端。
\n\n客户端获得初始页面HTML和所需数据后，会继续整个JavaScript渲染业务，但它已经拥有了所有所需数据。因此，使用上面的小示例，客户端渲染 SPA 必须从头开始，但服务器端渲染 SPA 将处于已经拥有所有数据的起点。因此，这解决了SPA 所共有的SEO和缓慢的初始加载问题。
\n\n这看起来是一个相当直观的想法，但直到 React 出现后才被更加认真地对待，因为 React 允许你以优雅的方式进行服务器端渲染。
\n\n总结一下，服务端渲染可以分为3步：
\n\n(1) 获取渲染初始加载页面所需的数据。
\n\n(2) 使用此数据呈现 HTML。
\n\n(3) 将HTML打包并发送给客户端。
\n\n欲了解更多信息，请点击此链接：
\n\nhttps://www.codementor.io/reactjs/tutorial/redux-server-rendering-react-router-universal-web-app
\n| 归档时间： |
|
| 查看次数： |
3044 次 |
| 最近记录： |