Google не показывает название и описание React-Helmet

Question

Я использую реагирующий шлем, чтобы дать каждой моей странице уникальный заголовок и описание для моего приложения React. Заголовок правильно отображается на вкладке браузера, а заголовок и описание отображаются правильно, когда я проверяю страницу с помощью Dev Tools. Однако Google не показывает ни заголовок, ни описание в своих результатах поиска. Что я делаю неправильно?

Я изучил использование 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;