반응형
캐노니컬 태그 (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이 설정된 경우 해당 페이지는 검색엔진이 무시하게 됩니다.
반응형
'IT > HTML|Script|PHP' 카테고리의 다른 글
| [HTML] A태그(링크 연결) 사용법 및 CSS(밑줄, 점선, 색상) (0) | 2024.08.01 |
|---|---|
| [HTML/JS] Geolocation API 사용하여 위치 정보 가져오기 (0) | 2024.07.01 |
| html에서 한글이 깨져서 나올 때 하는 방법 (0) | 2024.06.27 |
| <meta> Open Graph(오픈그래프) 태그 (0) | 2024.06.26 |
| html에서 엑셀파일 날짜 변환 (0) | 2024.05.27 |
댓글