SPA의 SEO 문제
SPA는 사용자가 보기에는 정상이어도 View Source가 비어 있으면 외부 도구와 일부 크롤러가 콘텐츠 구조를 제대로 읽지 못합니다. 특히 블로그처럼 글 제목과 요약이 중요한 페이지에서는 초기 HTML이 더 중요합니다.
우선순위
- 홈, 글 목록, 글 상세의 h1과 주요 텍스트를 초기 HTML에 포함합니다.
- 각 페이지에 title, description, canonical, og 태그를 넣습니다.
- sitemap.xml에 홈, 카테고리, 글 상세 URL을 포함합니다.
- robots.txt에서 sitemap 위치를 명시합니다.
Pre-render와 SSR 선택
콘텐츠가 자주 바뀌지 않는 작은 블로그라면 빌드 시 pre-render만으로도 충분합니다. 사용자별 화면이 많고 데이터가 자주 바뀐다면 SSR이 더 자연스럽습니다.
검증 방법
curl -L 결과에서 h1, 글 제목, 요약, canonical이 보이는지 확인합니다. 그 다음 Lighthouse SEO와 모바일 화면을 확인하면 기본적인 검색 노출 준비를 점검할 수 있습니다.
결론
SPA SEO는 메타 태그만의 문제가 아닙니다. 검색엔진이 읽을 수 있는 HTML 구조를 먼저 만들고, 그 위에 공유 메타와 sitemap을 얹어야 합니다.