SJPark

의 학습노트



도움돼요

0

React SEO: Best Practices to Make It SEO-Friendly

React App 을 검색 최적화 (SEO) 하려면 어떻게 해야 하는가? 검색엔진의 동작원리를 이해하고 그에 맞추면 됩니다.

그중에서도 가장 중요한 포인트는, <a href> Tag 를 적확하게 사용해야 한다는 것입니다.

React 에서 스크롤 다운하면 추가 콘텐츠를 불러오는 component 가 있다고 하면, 스크롤 다운을 받아들이는 javascript 는 제대로 실행되지 않을 가능성이 높습니다.

그렇다면 인덱싱도 제대로 되지 않겠지요. 그렇다면 검색엔진을 위해서는

<a href> Tag 를 사용해서 <이전> 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 <다음> 과 같은 형태를 만들고 각 목록 페이지에 페이지 링크를 또 다시 <a href> 를 이용해서 걸어두면 좋겠네요.

사람 사용자를 위해서 하는 작업이 아니고, 검색엔진의 크롤러를 이용해서 하는 작업입니다.