IT/HTML|Script|PHP

캐노니컬 태그 (Canonical tag)란?

하요 2024. 6. 28. 10:44
반응형

캐노니컬 태그 (Canonical tag)란?

사이트 내에 URL 주소는 다르지만 동일한 내용의 중복된 페이지가 있을때,
페이지내에 코드를 삽입하여 검색엔진의 대표가 되는 URL 주소를 알려주는 역할을 합니다.
// 한 사이트의 여러 URL 예시
https://www.test.com
https://www.test.com?act=1
https://www.test.com?event=fst

 

필요성

  • 도메인 정규화를 할 수 없는 경우 (서버의 이유로 301 리다이렉트를 사용할 수 없음)
  • "www"나 "/index.html"등의 유무를 통일하기 위해
  • PC와 모바일 페이지를 다른 URL로 관리하고 있는 경우
  • 파라미터 유무에 따라 액세스 할 수 있는 URL을 정규화하기 위해
  • 한개의 콘텐츠 페이지에 여러 URL에서 액세스 할 수 있는 경우 (중복페이지 해소)

 

사용법

< link rel="canonical" href="https://www.test.com" />

html 파일의 <head> 부분에 <link> 태그를 삽입을 하며,

rel 프로퍼티 값에 "canonical" 값을, href 프로퍼티 값에 표준 URL를 명시하여 줍니다.

 

주의사항 

  • 중복 페이지의 내용 중 항상 정식 버전의 페이지가 있어야 합니다.
  • rel=canonical 대상의 페이지가 있는지 확인하세요.
  • rel=canonical 대상에 noindex 로봇 메타 태그가 포함되어 있는지 확인(메타 태그가 noindex로 설정된 경우 검색엔진이 크롤링을 할 수 없으므로 canonical 태그를 적용해도 소용 없게 됩니다.)
  • 페지이 head 사이 또는 HTTP 헤더에 rel=canonical 링크가 포함되어 있는지 확인
  • 페이지에 하나의 rel=canonical만 지정되었는지 확인(만약 하나의 페이지에 2개 이상의 rel=canonical이 설정된 경우 해당 페이지는 검색엔진이 무시하게 됩니다.
반응형