helmet

최소한의 SEO를 위해 meta 태그를 지원하는 라이브러리
react-helmet-async

일단은 기본형으로..

import { Helmet } from "react-helmet-async";


interface Props {
  title: string
}

const Seo = ({ title }: Props) => {
  return (
    <Helmet>
      <title>{title}</title>
    </Helmet>
  );
};

export default Seo;

한계점

사이트를 입장하면 각 페이지별로 다른 title을 볼 수 있다. 하지만 해당 사이트에 접속하지 않는 다면?? og tags들은 여전히 index.html에 나온대로 표시가 될 것이다.

블로그