【问题标题】:Page created with ReactJs is not indexed by google用 ReactJs 创建的页面没有被谷歌索引
【发布时间】:2018-08-27 12:41:29
【问题描述】:

我有一个用 ReactJs 创建的新闻部分,每个新闻帖子都充当一个单独的页面。 不幸的是,由于 REactJs,谷歌没有索引这些页面。我尝试使用 babel-polyfill webpack,但它仍然无法正常工作。另外,我在渲染 DOM 之前进行 Ajax 调用。

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

【问题讨论】:

  • 嗨!这更像是一个理论问题,我有太多的代码 sn-ps 而不仅仅是通过它们在哪里。无论如何,很可能没有多大意义:)

标签: javascript reactjs google-index babel-polyfill


【解决方案1】:

Google 抓取工具不会等待异步请求解决,并且由于您的页面是在用户的客户端上呈现的,因此它们看起来是空页面。

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

第一个选项更具可扩展性,可能更可取,但更复杂一些。所以选择什么更适合你

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

    • 谢谢你的支持,我会尝试服务端渲染!
    • 如果我只想在 Github Pages 上托管我的网站怎么办?
    猜你喜欢
    • 2022-09-09
    • 2010-09-25
    • 1970-01-01
    • 2011-01-31
    • 2014-10-22
    • 2020-01-10
    • 1970-01-01
    • 2021-10-29
    • 2016-05-18
    相关资源
    最近更新 更多