티스토리 URL 최적화 방법

블로그 광고수익 측면에 팁이 있어 알아봅니다.

티스토리의 URL의 특성은 광고수익에 영향을 미친다는 평가를 받고 있다.

 

티스토리 URL

같은 글에 아래와 같은 두가지 URL이 있다.

https://goldsystem.tistory.com/489

https://goldsystem.tistory.com/489?category=933078

 

이것은 구글 애드센스에서 각각 다른 URL로 취급해 페이지 뷰 수를 분산시켜 광고 단가에 영향을 준다. 보통 페이지 뷰 수가 높은 수록 광고 단가가 높아지는데 이것을 분산시키는 것이다.

그래서 블로그 카테고리 글을 접근할 때 생기는 링크의 ?category= 이후 부분을 제거하면 광고 단가면에서도 개선될 수 있을 것이라는 생각이다.

 

크롤링 문제나 색인문제에 대해서 고민하다가 우연히 고어웨이님 포스팅을 보고서 다시 생각하게되어 알아보게 되었다.

 

URL category 부분 제거

검색해보니 여러 관련 내용들이 발빠르신 분들이 방법을 제시해주고 있었다.

 

페이지가 로드된 후 현재 페이지에 포함된 모든 a 태그의 링크를 미리 검사하여 category 부분을 제거한 새로운 URL로 대체하는 방법과 history.pushState 메서드를 사용하는 방법이 있다.

 

관리 페이지 > 꾸미기 > 스킨 편집

html 편집 클릭 > HTML 에디터

HTML 에디터

제일 하단 body 태그 안쪽에 <script> 태그를 만들어서 적용한다.

적용 위치

적용 위치에 아래 함수를 작성한다.

function replaceLink() {
    var aLink = $('a');
    for(var i=0;i<aLink.length;i++) {
        if(aLink.eq(i).attr('href')) {
            aLink.eq(i).attr('href',aLink.eq(i).attr('href').split("?category=")[0]);
        }
    }
}

그리고 페이지가 로드된 후 실행되는 구문에서 위 함수를 실행시키면 된다.

$(document).ready(function() {
    replaceLink();
});

해당 방법은 var aLink = $('a'); 부분에서 범위를 한정할 수 있습니다. a 태그의 범위를 .inner a 등으로 수정할 수 있다. 

 

history.pushState 방법

history.pushState 메서드 적용 위치

아래 코드를 작성해주면 됩니다.

if (typeof(history.pushState) == 'function') {
    var CatagoryURL = location.href;
    CatagoryURL = CatagoryURL.replace(/\?category=([0-9]+)/ig, '');
    history.pushState(null, null, CatagoryURL);
}

category가 붙은 링크로 접근을 하면 준비된 url 로 히스토리를 쌓이도록 하는 코드다. 해당 방법은 브라우저별로 지원되지 않는 것도 있어 2가지 방법으로 보완적으로 적용해볼 수 있다.

이 외에도 replaceState 를 사용한 방법이 소개되기도 하는데 현 히스토리에 덮어 씌워 뒤로가기 시 이전 페이지로 돌아가지 않는다는 단점이 지적되었다.