[ 문서에 유효한 canonical 없음 콘텐츠가 아닌 도메인 ] 수정 방법

블로그 카테고리 페이지에서 '유효한 canonical 없음' 오류 해결 방법

티스토리 블로그에서 카테고리 페이지의 canonical 오류 해결하기

블로그 카테고리 페이지에서 발생하는 " 문서에 유효한 rel=canonical 없음 " 및 "도메인의 루트 URL을 가리킴" 오류에 대한 구글 검색 엔진 최적화 안내 문구입니다. 이 문제를 해결하기 위해 개발자 도구를 사용해 카테고리 페이지의 canonical 태그를 확인했습니다. 실제로 접속한 카테고리 페이지의 canonical 태그가 루트 도메인을 가리키고 있음을 확인했습니다. 이는 구글 성능 검사에서 지적한 문제를 발생시킵니다. 이를 해결하려면 각 페이지의 올바른 canonical 태그를 설정해야 합니다.

블로그 카테고리 페이지에서 "문서에 유효한 rel=canonical 없음" 및 "도메인의 루트 URL을 가리킴" 오류가 발생하는 경우,
이 문제를 해결하기 위해 canonical 태그를 올바르게 설정하는 방법입니다.

문서에 유효한 canonical 없음 원인

카테고리 페이지의 canonical 태그가 루트 도메인인https://example.tistory.com을 가리키고 있는 경우, 이는 구글 성능 검사에서 지적하는 문제를 발생시킵니다.

문제 사항

• canonical 없음
• 도메인 루트 URL을 가리킴

문서에 유효한 rel=canonical 없음 오류는 개발자 도구를 통해 확인할 수 있습니다. 실제로 카테고리 페이지의 canonical 태그가 올바르게 설정되어 있지 않음을 확인할수 있습니다.

개발자 도구 사용

개발자 도구를 사용하여 카테고리 페이지의 canonical 태그를 확인합니다. 다음은 카테고리 페이지에 접속했을 때의 canonical 태그 확인 결과입니다.

카테고리 페이지 확인

• 접속한 URL:https://example.tistory.com/category/
• canonical 태그:https://exampl.tistory.com(루트 도메인)

루트 도메인 확인

• 접속한 URL:https://example.tistory.com
• canonical 태그:https://example.tistory.com


이 경우, 카테고리 페이지와 루트 도메인 모두 동일한 canonical 태그를 가리키고 있음을 확인했습니다. 이는크롤러가 페이지를 올바르게 인식하지 못하게 합니다.

문서에 유효한 canonical 없음

카테고리 페이지 URL을 정확히 지정하는 방법

각 페이지에 대해 올바른 canonical 태그를 설정하는 것이 중요합니다. 이를 통해 검색 엔진이 각 페이지의 내용을 정확히 이해할 수 있게 됩니다.

1. 페이지 URL 확인: 각 카테고리, TAG, 검색 페이지의 고유 URL을 확인하고 해당 URL을 canonical 태그에 적용합니다.
2. 코드 수정: HTML 의 설정에서 HTML 코드에 직접 수정하여 canonical 태그를 수정하면 안됩니다. 각 카테고리 페이지의 canonical 태그를 해당 페이지의 카테고리페이지로 설정하는것이 올바른 방법 같습니다
3. 카테고리 제외시: 카테고리 페이지를 색인을 원하지 않는 다면 생략하는것도 방법중 하나입니다.

예시 코드 수정

<link rel="canonical" href="https://example.tistory.com/category/카테고리제목">

이렇게 canonical 태그를 설정하면 문제가 해결되며 구글 성능 검사에서 더 이상 오류 메시지가 나타나지 않게 됩니다.

✔ 주의 사항

동적 페이지는 일괄적으로 HTML에 코드를 넣게 되면 안됩니다. 모든 페이지가 동일 CANONICAL과 동적으로 형성되는 CANONICAL 때문에 이중으로 CANONICAL이 설정되게 됩니다.

더불어
카테고리 페이지가 색인되면 긍정적인지 고민해야 합니다.
잘못하면 중복 페이지로 간주될수 있기 때문에 별로 좋은 것은 아닌듯 합니다.

중복 페이지를 방지하기 위해서 canonical설정을 루투로 설정했을 가능성이 높아 보입니다.

그러나 굳이 루투로 설정해야 하는지는 의문입니다. 카테고리 페이지는 카테고리 페이지로 지정해서 색인이 안되게 하는 것도 방법중 하나 입니다.

아래는 카테고리 페이지의 canonical를 일괄적으로 동일 카테고리로 지정해서 색인이 안되게 지정하는 예제 코드입니다.

아래 코드를 자신의 블로그 주소로 변경후 HEAD 부분에 넣게 되면모든 카테고리 페이지 CANONICAL은 카테고리로 일괄 지정하게됩니다.

<script>
    document.addEventListener("DOMContentLoaded", function() {
        var restrictedUrl = "https://도메인주소/category"; 

        if (window.location.href.startsWith(restrictedUrl)) {
             var canonicalTag = document.querySelector('link[rel="canonical"]');
            if (canonicalTag) {
           
                canonicalTag.href = restrictedUrl; 
            } else {
              
                canonicalTag = document.createElement('link');
                canonicalTag.rel = 'canonical';
                canonicalTag.href = restrictedUrl; 
                document.head.appendChild(canonicalTag);
            }
        }
    });
</script>

올바른 설정을 통해 검색 엔진 지적 사항을 개선하고, 검색 색인의 문제도 향상시킬 수 있을거라 생각합니다.