"SEO는 런칭하고 나서 마케팅팀이 하면 되는 거 아닌가요?"

런칭 후에 SEO를 하려고 하면, 구조를 바꿔야 하는 경우가 많습니다. 메타 태그 추가 정도는 괜찮지만, 렌더링 방식이나 URL 구조를 바꾸는 것은 재개발에 가깝습니다. SEO의 상당 부분은 마케팅이 아니라 개발의 영역입니다.

런칭 후에 SEO를 하면 생기는 문제

렌더링 방식 변경

SPA(Single Page Application)로 만든 웹사이트는 JavaScript가 실행되어야 콘텐츠가 보입니다. 구글 검색 엔진이 JavaScript를 실행하지만, 완벽하지 않습니다. 중요한 콘텐츠가 검색에 안 잡히는 경우가 생깁니다.

이걸 해결하려면 SSR(Server-Side Rendering)이나 SSG(Static Site Generation)로 전환해야 합니다. 이건 코드 구조를 근본적으로 바꾸는 작업입니다. 런칭 후에 하면 비용이 큽니다. 처음부터 설계하면 추가 비용이 거의 없습니다.

URL 구조 변경

/product?id=123 같은 URL을 /product/wireless-earbuds-pro로 바꾸는 것. 기술적으로 어렵지 않지만, 이미 검색 엔진에 인덱싱된 URL을 바꾸면 기존 검색 순위를 잃을 수 있습니다. 리다이렉트 설정도 필요합니다. 처음부터 깔끔한 URL 구조로 만들면 이런 문제가 없습니다.

개발 중에 해야 할 SEO

SSR 또는 SSG 적용

Next.js, Nuxt.js 같은 프레임워크를 사용하면 서버에서 HTML을 미리 생성할 수 있습니다. 검색 엔진이 콘텐츠를 확실하게 읽을 수 있습니다. 프레임워크를 선택하는 단계에서 결정해야 하는 사항입니다.

메타 태그 설계

각 페이지마다 적절한 title, description, og:image를 설정해야 합니다. 동적으로 생성되는 페이지(상품 상세, 게시글 등)에서는 서버에서 메타 태그를 생성하는 로직이 필요합니다.

시맨틱 HTML