React Router 是否将页面索引到 Google？

Question

我想用 React 创建一个个人博客，我无法找到的问题是库 React Router 是否可以访问 Google 来索引我的博客文章。

我计划将 Meteor 与 React 一起使用，并有一个可重用的组件子组件，当 onClick 事件发生时，该组件将获取特定参数，并使用该参数查询数据库并获取文章数据以显示它。

这样谷歌会收录我所有的文章吗？或者我应该换一种方式吗？

Answer 1

这个问题的答案并不简单，但简而言之 - 没有。

我会建议服务器端渲染，因为谷歌机器人仍然不能像静态 HTML 那样处理 spa。

查看 next.js 或 remix.run.

Answer 2

如果你想开始个人博客，也许最好的方法是使用基于 React 并有静态生成选项的框架。

勾选其中一项：

• https://nextjs.org/
• https://www.gatsbyjs.com/

两者都有很好的文档和社区。

Answer 3

路由器做...路由。对于您的情况，您需要：

• React Router 用于路由。
• React Helmet (https://www.npmjs.com/package/react-helmet) 为您的博客页面注入 HTML 标题（标题、描述、社交媒体的不同图像大小的图像）。
• 您的公共文件夹中还需要一个 sitemap.xml。
• Meteor SSR 或预渲染。 Prerender.io 为最多 250 页的小型博客提供 0 美元服务：https://prerender.io/pricing/ Meteor + React 是写博客的好方法。使用 MUI 或 Bootstrap 或几乎任何其他前端库，您可以在 Google 页面洞察力上获得 100% 的分数。如果您更喜欢 Bootstrap，请注意有一个 Reactstrap 库。 如果您的预览没有在 Whatsapp 共享或社交媒体中立即生成，我会保留一个 Helmet 版本，该版本将标题注入到最顶部而不是……最底部。 如果您遇到任何挑战，也可以在 Meteor 论坛上找到我们。

Answer 4

据我所知，React Router 不会直接影响 Google 索引您的页面的方式。很难说 Google 是否会将您的所有文章编入索引。然而，遵循最佳实践，例如使用描述性标题和元描述、使用标题标签来构建您的内容以及优化您的图片都可以帮助改善您网站的搜索引擎优化并增加您被 Google 索引的机会。