<Helmet>ってなんぞや！react-helmet

react-helmetってなに

headタグを使用する為に用いるReactのコンポーネントです
こんな感じで使ってあげて！

使いかた

• react-helmetをyarn add してinstallしよう

yarn add react-helmet
yarn install

• はい、インポート

import { Helmet } from 'react-helmet';

• あとは使うだけ

return(
  <>
    <Helmet title={message.title} />
    <Wrapper>
      <Title>....</Title>
    </Wrapper>
  </>
);

metaタグってなに

webページの情報を検索エンジンやブラウザに伝えるタグのこと。
HTMLのheadタグ内に書くものやで

<meta name=“description”>
<meta name=“keywords”>

などをreactで使用しているのと同じ感覚で使用する

便利やなああ

参考
https://www.genius-web.co.jp/blog/website-operation/what-is-the-meta-tag-for-beginners.html