Reactjs 谷歌没有显示标题和描述

我正在使用react头盔为我的每个页面提供react应用程序的唯一标题和描述。当我使用开发工具检查页面时，标题在浏览器选项卡中正确呈现，标题和说明正确呈现。然而，谷歌没有在他们的搜索结果中显示标题或描述。我做错了什么

我曾研究过使用prerender.io，但由于我的网站没有后端（目前只是一个营销网站），我不确定这是否是一个好的解决方案。我删除了一些元素，但这就是我的代码的基本外观

import React, {Component} from 'react';
import {Helmet} from "react-helmet";

class Home extends Component {
  render() {
    return (
      <div>
        <Helmet>
          <title> My title </title>
          <meta name="description" content="My description"/>
        </Helmet>
      </div>
    )
  }
}

export default Home;

import React，{Component}来自'React'；
从“react Helmet”导入{Helmet}；
类Home扩展组件{
render（）{
返回(
我的头衔
)
}
}
导出默认主页；

我不确定你是否已经弄明白了

尝试从public->index.html文件夹中删除

和

使用React头盔将所有
部分直接注入js文件。如果你的app.js是你的登录页，试着直接在那里注入所有元标记

另外，使用谷歌搜索控制台检查您的索引页面的元标记中是否有data=“true”

请求重新索引并等待google再次爬网

它目前在“react Helet”中对我起作用：“5.2.1”
虽然不是你想要的，但你或其他可能发现这个问题的人可能会从服务器端渲染中受益。即使您更改react头盔配置，Facebook等网站在通过javascript呈现时也不会缓存您的标题和描述。
我正在托管一个客户端呈现的react应用程序，并使用
react头盔5.2.1
来管理和其他共享相关的标题。我在Facebook（和其他网站）上遇到了上述问题，因为我的共享相关标题没有被识别

我的React网站是使用托管的，修复程序是启用Netlify的预渲染设置。启用预加密后，立即识别共享相关的头。客户端呈现的标题似乎无法识别（本文提供了更多信息）


顺便说一句，我发现Facebook提供的标签在调试与共享相关的标题相关的问题时非常有用。
我的描述标签出现问题，显示不正确。谷歌反而在搜索结果中显示了我的帖子中的一些随机文本。然后我意识到我没有在
react-helmet
包旁边安装
gatsby插件react-helmet
。
因此：

在您的
gatsby config.js
文件中，添加插件。
这解决了我的问题。
hey@William，我的react网站也面临同样的问题。你找到解决办法了吗？这里也是。我要求谷歌重新爬网，但我不知道需要多长时间。已经两天没变了。有人知道吗？你可以通过制作一个测试页面来测试对爬网结果的更改，并通过网站管理员控制台中的一个新站点地图通知谷歌更改。这将触发一个相对即时的爬网，你可以看到之前尝试的结果。CRA的头盔不会像预期的那样，请检查。刚打开我的，它还没有工作，但希望很快就会工作（你提到它立即工作，所以我有点担心我的不能立即工作）
npm install gatsby-plugin-react-helmet react-helmet