개발자

React에서 SEO 적용하는 방법

2023년 03월 02일조회 158

안녕하세요, React로 서비스를 개발했는데 SEO를 적용하는 방법이 궁금합니다. Next.js 등으로 SSR을 적용하면 된다고 알고 있는데, Next.js로 전환하기에는 시간이 많이 소요될 것 같아서 다른 방법을 알아보고 있습니다. [현재 상황] 1. AWS를 사용하고 있고, EC2에는 백엔드 소스가 올라가 있고, S3에 프론트엔드 소스가 올라가 있습니다. 2. AWS S3에 React로 만든 프론트엔드 소스가 정적 웹 페이지 형태로 올라가 있습니다. [문제점] React 렌더링 방식이 SSR이 아닌 CSR 형태라서 SEO 적용이 되지 않고 있습니다. [질문] 1. https://prerender.io 를 사용해보려고 하는데요, 사이트에서 제공하는 방법 중에 cloundFront를 사용해서 작업하려고 하는데 정확한 방법을 모르고, prerender.io에서 제공하는 적용 예제가 오래되서 걱정이 됩니다. 2. 빠르고 쉽게 SEO를 적용할 수 있는 다른 방법이 있을까요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

답변 2

유근수님의 프로필 사진

예전에 react-snap 으로 처리했던 적이 있었습니다~

조성도(펭도)님의 프로필 사진

조성도(펭도)

작성자

마이오렌지 CEO2023년 03월 03일

유근수님 답변 감사해요! react-snap은 적용하기에 크게 어렵지 않을까요?

유근수님의 프로필 사진

유근수

개발자2023년 03월 03일

코드 수정이 조금 필요하긴 했는데, 많이 바뀌진 않았습니다~ 간단히 되었던 것 같아요

종현님의 프로필 사진

React에서 SEO 적용할때 참고했던 글이 생각나서 도움이 되실까 하고 링크 첨부 드립니다! https://velog.io/@rageboom/SEO-%EC%A0%81%EC%9A%A9

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!