canonical 태그는 같은 내용이 여러 주소로 열릴 때 "이 주소가 대표입니다"라고 검색엔진에 알려 주는 한 줄입니다. www가 붙은 주소와 안 붙은 주소, 광고용 꼬리표가 달린 주소가 따로 수집되면 검색 평가가 나뉘고 엉뚱한 주소가 노출되기도 합니다.
대표 주소를 정하고 canonical과 리디렉션으로 정리하는 순서를 실무 기준으로 적어 봤습니다.

1. 대표 주소부터 하나로 정하기

태그를 넣기 전에 기준이 될 주소 형태를 먼저 정해야 합니다. 아래 항목마다 한쪽을 고르고, 사이트 안의 메뉴 링크와 사이트맵도 같은 형태로 맞춥니다. 내부 링크는 www 없이, 사이트맵은 www를 붙여 적는 식으로 섞여 있으면 검색엔진이 어느 쪽을 믿어야 할지 헷갈립니다.

2. canonical 태그 넣는 법

각 페이지의 <head> 안에 자기 대표 주소를 적습니다. 상대경로보다 https부터 시작하는 전체 주소로 쓰는 편이 안전하고, 대표 페이지 자신에게도 자기 주소를 넣어 두는 것이 좋습니다.

<!-- 꼬리표가 붙은 주소로 열려도 대표 주소는 하나 -->
<!-- 예) /event?utm_source=kakao 로 열린 경우 -->
<link rel="canonical"
      href="https://www.example.com/event">

canonical은 검색엔진에 주는 강한 힌트이지 명령은 아닙니다. 그래서 http나 www처럼 아예 한쪽을 쓰지 않을 주소는 canonical만 믿지 말고 서버에서 301 리디렉션으로 넘겨 주는 것이 확실합니다. 아파치 서버라면 보통 .htaccess에 규칙을 둡니다.

# http로 들어오면 https 주소로 영구 이동
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

3. 넣고 나서 흔히 하는 실수

• 게시판 2페이지, 3페이지의 canonical을 모두 1페이지로 지정하는 경우입니다. 내용이 다른 페이지이므로 각자 자기 주소를 적어야 합니다.
• 솔루션이 이미 canonical을 출력하는데 스킨에 한 줄을 더 넣어 태그가 두 개가 되는 경우입니다. 값이 서로 다르면 둘 다 무시될 수 있습니다.
• 개발 서버 주소를 적어 둔 채 오픈하는 경우입니다. 리뉴얼 직후에 소스 보기로 한 번은 꼭 확인하세요.

적용 후에는 구글 서치 콘솔의 URL 검사에서 '사용자가 선언한 표준 URL'과 'Google이 선택한 표준 URL'이 같은지 확인할 수 있습니다. 바로 바뀌지 않고 다시 수집될 때까지 시간이 걸리니 며칠 간격을 두고 보시면 됩니다.