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>로 감싸서 사용한다.- 그후 사용은 각자 사용용도에 맞게 공식 홈페이지를 적용하여 사용하면됨
많은 것을 배웠습니다, 감사합니다.