用ReactJs创建的页面没有被谷歌索引

时间:2018-08-27 12:41:29

标签: javascript reactjs google-index babel-polyfill

我有一个用ReactJs创建的新闻栏目,每个新闻帖子都充当一个单独的页面。 不幸的是,由于REactJ,Google并未为这些页面编制索引。我尝试使用babel-polyfill Webpack,但仍然无法正常工作。另外,在渲染DOM之前,我要进行Ajax调用。

还有其他解决方法的想法吗?

2 个答案:

答案 0 :(得分:1)

它没有索引它们,因为它们是捆绑在一起的,因此它们可以在客户的浏览器中呈现。您应该做的是服务器端渲染。

您可以在此处找到更多相关信息:https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e

答案 1 :(得分:1)

Google搜寻器不会等待异步请求解决,并且由于您的页面是在用户客户端上呈现的,因此它们似乎是空页面。

您有两个选择。修改您的应用程序以使其在服务器上呈现,这通常称为通用应用程序或同构应用程序。有许多创建这些教程。另一种选择是从代码中预渲染静态html,以便搜寻器可以看到应该包含的内容。您可以使用许多库。

第一个选项可扩展性更好,可能更可取,但稍微复杂一点。因此,选择最适合您的选择