TIL - 캐노니컬 태그

박지민·2022년 8월 4일
post-thumbnail

1. 캐노니컬 태그란?


  캐노니컬 태그(Canonical tag)란 한 페이지를 가리키는 여러 개의 주소가 존재할 때, 검색 엔진이 어떤 주소가 원본인지 알 수 있도록 하기 위해 사용하는 태그이다. 캐노니컬 태그는 SEO 개선을 위한 중요한 기능 중 하나로 꼽힌다.

2. 캐노니컬 태그 구현


  캐노니컬 태그 구현 방식은 html에 명시하는 방법과 http 응답 헤더에 명시하는 두 가지 방법으로 구현할 수 있다. 이때 주의해야 될 점이 있다면 캐노니컬 태그는 절대경로로 올바른 URL을 지정하는 것이 중요하다.

2.1 html 명시

<link rel="canonical" href="http://www.test.com/index.html">

2.2 html 응답 헤더 명시

// html이 아닌 다른 파일 형식일 때 사용한다.
HTTP/1.1 200 OK
Content-Type: applicaiton/pdf
Link: ; rel="canonical"
// 위와 같이 Link 필드에 브라켓 스타일의 표현식을 사용하여 표준 URL을 명시하고 세미콜론으로 구분한뒤 rel 프로퍼티의 값을 canonical로 설정한다.
Content-Length: 4223

3. 캐노니컬 태그를 적용하지 않는다면?


  캐노니컬 태그를 적용하지 않으면 다음과 같은 문제가 발생할 수 있다.

  1. 나의 의도와는 다른 크롤링
    내가 생각하는 원본 페이지와 검색엔진이 인식하는 원본 페이지가 달라 원본이 아닌 페이지가 더 크롤링이 될 수 있다.
  2. 검색엔진 페널티
    동일한 페이지가 각각 다른 주소로 등록되어있다면 분산된 URL주소로 인해 SEO 점수를 낮출 수 있으며 의도의 고의성을 떠나 패널티를 받을 수 있다.

5. 참조


참조1
참조2

profile
프론트엔드 개발자

0개의 댓글