리엑트(React) SEO 최적화 방법

그냥차차·2023년 8월 19일

리엑트

목록 보기
1/10
post-thumbnail

1. 리엑트로 SEO최적화 하기

ㄱ. meta 태그

  • 우선 /public/index.html 파일을 만들고 그안에 head태그 내부에 meta태그를 추가하여 작성한다.
  • 하지만 react는 기본적으로 SPA(싱글페이지 어플리케이션)이기 때문에 페이지마다 다른 meta태그를 작성하지 못한다.

    ㄴ. react-helmet

  • React의 SPA의 단점을 해결하기 위해 react-helmet이라는 라이브러리를 사용하여 페이지마다 다른 meta태그를 작성한다.
  • 설치 : npm install --save react-helmet, yarn add react-helmet
  • <App/><HelmetProvider>로 감싸서 사용한다.
  • 그후 사용은 각자 사용용도에 맞게 공식 홈페이지를 적용하여 사용하면됨
profile
개발작

1개의 댓글

comment-user-thumbnail
2023년 8월 19일

많은 것을 배웠습니다, 감사합니다.

답글 달기