티스토리 신규스킨 오디세이(Odyssey) 리뷰

전체적인 평을 하자면 괜찮다고 평가할 수 있을 것 같습니다.

 

각종 주제, 버그, 최적화 등에 대해 전반적으로 다뤄보고자 합니다.

작성일 2020-09-10 기준으로 작성될것이며, 버그 부분은 추후 티스토리가 인지했다면 수정될 수 있습니다.

 

먼저 주로 관심있을 애드센스에 대해 다뤄봅시다.

 

 

 

애드센스

평점 : ★★★★★

애드센스에 최적화 되어있나는 광고가 게시되었을 때 문제 될 점이 없어야 되고, 광고 게시 위치가 적절해야 됩니다.

 

모두 문제없이 최적화가 잘 되어있는 스킨입니다.

 

 

 

 

검색

평점 : ★★★★☆

최적화가 되어있습니다. 100% 확신할 수는 없으나 제가 확인한 바로는 네이버 블로그 탭에도 들어갈 수 있는 스킨입니다.

 

하지만, 버그성으로 문제 되는 태그가 있습니다. 단순 버그라고 보기에는 너무나도 큰 문제입니다.

<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, notranslate, noimageindex" />

이 코드 때문에 수집이 정상적으로 안될 수 있습니다. (실제 사용시 이 HTML 태그를 제거해야 됩니다.)

이 태그로 검색 통누락 현상이 발생가능합니다.

이 문제는 티스토리측에서 스킨을 수정하여 수정되었습니다.
(이미 적용된 스킨도 티스토리에서 수정작업을 한걸로 보입니다.)

 

 

 

 

버그

검색 기능

검색 기능을 티스토리 기본값이 아닌 스킨에서 설정한 값으로 작동합니다.

스킨 설정에 오류가 있습니다.

common.js 중… requestSearch 함수

function requestSearch(className){
    try{
        window.location.href = '/search/' + encodeURI(document.querySelectorAll(className)[0].value);
        return false;
    }catch(e){

    }
}

이 함수에 잘못된 점은 encodeURIComponent가 아닌 encodeURI를 사용했기 때문입니다.

Javascript) encodeURI, decodeURI, encodeURIComponent, decodeURIComponent

encodeURIComponent와 encodeURI의 차이는 위의 링크에서 확인 가능합니다.

 

검색에서 잘 안쓰이긴 하지만 <?> 같은 URIComponent를 검색하면 검색어에 제대로 반영되지 않습니다.

기존 코드는 정규식 replace를 씁니다.

function looseURIEncode(string) {
    return string = (string = (string = string.replace(new RegExp("%","g"), "%25")).replace(new RegExp("\\?","g"), "%3F")).replace(new RegExp("#","g"), "%23")
}

정규식 replace는 느리고 encodeURIComponent 브라우저 내장 함수를 사용하면 해결될 문제입니다.

 

 

 

 

SEO

<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noodp, notranslate, noimageindex" />

위에서 언급한 내용입니다. 이 태그가 있다면 페이지 수집을 거부합니다.

주 검색엔진인 구글, 네이버, 다음 등에 수집을 거절합니다.

 

모든 페이지에 적용되므로, 모든 페이지를 검색엔진이 수집하지 않고, 결국 모두 누락될 수 있습니다.

 

 

수정 방법

1. 관리페이지에서 "스킨 편집"에 들어갑니다.

   

2. html편집에 들어갑니다.

   

3. meta name="robots" 한줄을 제거하면 해결됩니다.

   

이 버그는 개발용으로 쓰던 태그가 남아있던걸로 추정됩니다.

이 문제는 티스토리측에서 스킨을 수정하여 수정되었습니다.
때문에 이 방법을 적용할 필요가 없습니다.

 

 

 

 

최적화

Google폰트

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&amp;subset=korean">

구글 폰트 CDN으로부터 Noto Sans KR 폰트를 불러옵니다.

구글 폰트 CDN은 한국 서버가 없어서 일본, 싱가포르, 홍콩 서버등에서 리소스를 로딩합니다.

 

약간 로딩 시간이 느릴 수 있습니다.

원래 폰트 로딩이 오래 걸리는데 최적화를 위해서는 한국 서버가 있는 CDN을 쓰는 게 좋습니다.

 

하지만 구글 폰트는 소스나 서버 설정이 최적화가 되어있어 웬만한 서비스보다는 좋습니다.

한국 서버에 똑같은 설정으로 캐시가 된다면, 훨씬 빠르게 폰트 로딩이 가능할 겁니다.

 

 

 

SNS 연동

기능을 사용하지 않는다면, 사이드바에서 제거하세요.

SNS관련 모듈이 로딩됩니다. (안쓰는 리소스는 제거하는게 로딩 최적화에 도움이 됩니다.)