NextJs NextSeo태그(공부 4)

내가 NextJs를 처음사용할 때 나는 여러사람들의 코드를 보면서 이해하고 적용하고 하는 과정에서 page > index.tsx파일에 NextSeo라는 태그를 사용하는 것을 보았다. 그래서 이 NextSeo가 무엇인지 알기 위해 여러 블로그를 찾아보았다.

NextSeo란?
: NextSeo를 간단히 말하면 우리가 사이트를 누군가에게 공유했을 때 보여주는 정보를 적어주는 태그이다.

사용법

<NextSeo
        title="{공유 시 보여지는 제목}"
        description="{공유 시 보여지는 소개}"
        openGraph={{
          url: `{공유 시 보여지는 url}`,
          images: [
            {
              url: "{공유 시 보여줄 사진}",
              width: 800,
              height: 400,
            },
          ],
        }}
      />

기본적으로 이런 형태로 사용할 수 가 있다
index.tsx에 작성을 하고 난 후 웹사이트를 배포한 후 공유를 하게 되면 이런식으로 뜨게 된다.

NextSeo태그 소개 끝!