들어가기전

마케팅이 중요한 시대에서 SEO의 점수는 매출에 직결됩니다. 그걸 수치로 본 입장에서는 항상 의식해서 코드를 작성하고 있습니다. 이번 포스트는 중복된 URL 관리에 관련된 canonical을 알아보겠습니다.

본론으로

canonical 왜 필요해?

서로 다른 페이지에 유사한 콘텐츠가 있는 경우(예: 한 페이지에 모바일 버전과 데스크톱 버전이 모두 있는 경우), Google은 이러한 페이지를 같은 페이지의 중복 버전으로 간주합니다. Google은 URL 중 하나를 표준 버전으로 선택하여 크롤링하고, 나머지 모든 URL은 중복 URL로 간주하여 크롤링 빈도를 줄입니다.

(출처: 구글 개발문서 이동)

위의 설명을 해석하면 유사한 페이지를 크롤링할 때는 SEO 점수가 떨어지고 집중하기 어렵다는 것입니다. 그래서 필요한 것이 canonical입니다.

canonical을 사용하면 대표 url을 명시하여 중복 페이지 크롤링에 시간을 낭비하지 않도록 방지하며, GA나 기타 마케팅 툴을 이용했을 때 좀 더 정확한 데이터를 남길 수 있습니다.

canonical 사용법

canonical을 사용하는 방법은 두 가지입니다.

서버를 이용한다면 response header에 canonical을 추가하면 됩니다. 일부 페이지에만 적용한다면 link 태그를 사용해도 무방해 보입니다. 다만 html 페이지가 아닌 파일(image, pdf 등)이라면 header를 사용해야 합니다.

추가적으로 sitemap을 사용해서 url을 명시할 수 없을까 생각했지만 canonical보다 효과가 약하다고 합니다.

결론

• 중복된 페이지가 SEO에 악영향을 준다면 canonical로 해결할 수 있습니다.
• 방법은 link 태그를 활용하거나, response header에 추가하면 됩니다.

이러한 설정은 문제가 발생하고 나서 하기보다는 미리 설계하는 게 중요하다고 생각합니다. 이미 수집한 결과를 원하는 결과로 돌리기까지 시간이 너무 많이 소요됩니다. 저는 이전에 netlify로 블로그를 운영했을 때 여러 환경이 노출되어 노출을 원하는 페이지가 탐색이 안 되는 경험을 하여 주의하고 있습니다.
(참고로 vercel에서는 noindex로 이 문제를 해결하더군요 discussion)