티스토리 블로그 url 뒤에 category 모바일웹 주소 없애는 방법

티스토리에서 글을 발행하면 기본적으로 여러가지의 주소가 동시에 생성이 된다. 그 중에 대표로 설정한 url 형태만 사용이 되지만, 다른 형태의 주소들도 존재는 하게 되고 강제로 입력하면 그 주소로 접속도 가능하다. 하나의 포스팅에 대해 다른 형태의 주소로 접속시 url을 강제로 수정해서 대표 주소형태로 리디렉션하는 방법에 대해 알아본다.

티스토리 주소url의 종류

tali.tistory.com/2010

지금 보고있는 이 글의 주소이다.

사실 이 글은 발행과 동시에 다음과 같은 여러가지 형태의 주소가 함께 생성되었다.

1) PC 숫자주소 : tali.tistory.com/2010

2) PC 문자주소 : tali.tistory.com/entry/티스토리-블로그-url-뒤에-category와-모바일웹-주소-m-없애는-방법

3) PC 아스키주소 :

tali.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EB%B8%94%EB%A1%9C%EA%B7%B8-url-%EB%92%A4%EC%97%90-category%EC%99%80-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%9B%B9-%EC%A3%BC%EC%86%8C-m-%EC%97%86%EC%95%A0%EB%8A%94-%EB%B0%A9%EB%B2%95

4) Mobile 숫자주소 : tali.tistory.com/m/2010

5) Mobile 문자주소 : tali.tistory.com/m/entry/티스토리-블로그-url-뒤에-category와-모바일웹-주소-m-없애는-방법

6) Mobile 아스키주소 :

tali.tistory.com/entry/m/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EB%B8%94%EB%A1%9C%EA%B7%B8-url-%EB%92%A4%EC%97%90-category%EC%99%80-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%9B%B9-%EC%A3%BC%EC%86%8C-m-%EC%97%86%EC%95%A0%EB%8A%94-%EB%B0%A9%EB%B2%95

기본적으로 숫자, 문자, 문자의 아스키코드 형태 주소 이렇게 3개가 생성되고 그것들에 대한 각각의 모바일웹 접속주소가 m/ 이 붙어서 추가된다. 블로그 주소형태를 숫자/문자 어느것으로 하던 일단 위와같이 모두 생성은 되며 각각의 url로 직접 주소창에 입력시 접속이 된다.

이렇게 6개만 해도 많은데 여기에 또 한가지가 추가된다.

블로그 카테고리 지정화면

바로 카테고리이다. 이 포스팅은 수익/블로그 카테고리로 지정하여 발행하였다.

tali.tistory.com/2010?category=1313901

그러면 이런 식으로 url 주소 뒤에 ?로 시작하는 쿼리 스트링 부분이 추가로 붙는데, 지정한 카테고리의 고유번호가 따라오는 주소이다. 이것이 앞서말한 6개의 주소형태에 각각 추가되므로, 한 포스팅을 발행할 때 생성되는 url 주소가 총 12개나 된다고 할 수 있다.

이정도 개념만 알아도 블로그 운영에는 충분하지만, 혹시 티스토리 URL 주소의 원리에 대해 좀 더 깊게 알고 싶다면 아래에 백과사전처럼 완벽하게 정리해놓은 제이스토리 님의 블로그 글도 참고해보길 바란다.

표준 url주소 사용의 필요성

이렇게 여러가지 주소 형태가 혼재하다보면 문제가 발생할 수 있고, 이것들을 가지치기해서 대표 형태로만 접속되도록 해주는 것이 좋다.

먼저 구글의 검색엔진 최적화 (SEO)를 위해서도 한가지 URL만 이용되도록 관리하는 것이 좋다. 동일한 내용 또는 유사한 내용의 페이지가 여러 URL을 통해 생성되어 있으면 구글 검색엔진은 이것들을 중복페이지로 간주하여 자체적으로 대표 URL만 인정한다.

그러면 뒤에 카테고리 주소가 추가된 주소로 접속한 방문자, 모바일웹 주소로 들어온 방문자의 트래픽은 인정받지 못하는 경우가 생긴다. 극단적인 비교이긴 하지만.. 똑같이 1000명의 방문자가 유입되었더라도, 하나의 표준url로 전부 들어와서 그것이 페이지의 실적에 기여하는 경우와 그 중 500명이 다른 주소형태로 들어와서 페이지랭크에 기여하지 못하는 경우는 차이가 크다.

이렇게 트래픽이 분산되는 경우 애드센스 광고에도 악영향을 미쳐서 CPC (클릭당 단가)를 떨어뜨리는 요인이 된다고 한다.

또 모바일웹으로 접속하면 티스토리 관리메뉴 수익 탭에서 설정한 경우만 나오고, skin.html에 자체적으로 심어놓은 애드센스 광고코드가 노출되지 않는다. 기껏 가독성을 고려해서 이리저리 열심히 꾸며놓은 반응형 스킨도 보여지지 않게된다. 처음부터 속도를 고려해서 모바일웹 페이지를 쓰겠다는 거면 모를까, 그게 아니라면 아예 안나오도록 하는것이 이득이다.

모바일웹 주소 차단하기

이번에 카카오 데이터센터 화재사건 때 티스토리가 다운되었다가 임시조치로 강제 모바일웹 url주소로 연결되었다. 반응형 스킨을 쓰고 있던 많은 사람들이 모바일웹 연결로 애드센스 광고가 뜨지 않는것을 경험했을 것이다.

1) 모바일웹 자동연결을 사용하기 설정하고 티스토리 관리메뉴에서 애드센스 연동을 통해 광고지정

2) 모바일웹 자동연결을 사용안함 설정하고 티스토리 스킨수정을 통해 애드센스 광고 직접삽입

이 두가지 중에 무엇으로 할 것인지를 선택하고 확실히 정하는 것이 좋다.

2번으로 하기로 했다면 아래에 설명하는 방법을 통해 모바일웹 페이지 접속시 뜨는 m/ 부분을 없애버리고 반응형 스킨으로 연결시킬 수 있다.

이 블로그에서 소개한 방식으로 적용에 성공했다.

기본적으로 블로그관리 ▷ 꾸미기 ▷ 모바일 설정에서 티스토리 모바일웹 자동 연결을 <사용하지 않습니다.> 로 체크해 둔다. 

모바일웹 사용안함 설정하기

그러면 모바일에서 접속하더라도 반응형 스킨을 통해 PC 주소로 기본 접속이 된다. 검색엔진이 크롤링해서 표시해주는 링크의 주소url도 PC버전 기본형태이다.

그다음 위 블로그에서 첨부한

파일을 블로그관리 ▷ 꾸미기 ▷ 스킨편집 ▷ 파일업로드로 들어가서 올려준다. 올린 다음에 업로드된 파일명에 마우스 우클릭을 해서 링크주소복사를 하고 파일주소를 메모장에 적어둔다.

모바일웹 차단설정

블로그관리 ▷ 플러그인 ▷ 구글 애널리틱스로 들어가서 원래는 추적ID를 적어야 되는 부분에 이와 같이 스크립트 코드를 입력해준다.”></script><script src=”방금 업로드한 파일의 링크주소복사”>

여기까지 하면 모바일웹 주소로 접속시 m/ 부분이 사라지면서 기본주소로 연결되고 반응형 스킨이 뜨는것을 확인할 수 있다. 다만 메인 페이지를 모바일웹 형태로 접속하면 뜨기는 하는데, 개별 포스팅을 클릭하면 m/ 부분이 사라지면서 정상적으로 제거된다.

애널리틱스 플러그인을 다른 용도로 이용했으니 애널리틱스 추적정보로 블로그 통계를 이용하려면 html 코드를 직접 넣어주어야 한다.

애널리틱스 ▷ 관리 ▷ 속성 ▷ 추적정보 ▷ 추적코드에서 <!– Google tag (gtag.js) –> 로 시작하는 코드를 skin.html에 <head> 바로 아래에 심어준다. 이 부분은 지난번 무효클릭 IP추적코드 심는 작업을 할 때 이미 했기 때문에 상관없었다.

category 부분 삭제하기

카테고리 주소는 평소에는 문제가 없는데, 어떤 방문자가 블로그 글이 마음에 들어서 다른 페이지도 열어보려고 이동하다보면 생긴다.

예를 들면 이 포스팅이 마음에 들어서 다른 블로그 팁 또 쓸만한거 없나? 하고 카테고리명을 누른 뒤 글 목록에서 다른 포스팅을 클릭하는 경우이다.

url뒤에 붙는 카테고리

그런 사람들이 얼마나 있을까 싶지만, 유입경로를 보다보면 이렇게 카테고리 글목록을 통해서 다른 포스팅으로 이동한 경우가 간간히 있다. 

이런 사람은 글이 마음에 들어서 바로 이탈하지 않고 블로그에 남아 장시간 다른글도 살펴보는 것인데, 블로그의 체류시간 지수도 늘려줄 이런 우수고객님의 트래픽이 반영되지 않는다면 참 아쉬울것이다.

url 주소 뒷부분에 ?category= 형태로 붙는 부분을 없애주도록 하자. 이건 아주 간단해서 금방 할 수 있다.

<!-- 카테고리url 제거 시작 --> 
<script type="text/javascript">
	if (typeof(history.pushState) == 'function') 
	{ var CatagoryURL = location.href; 
	CatagoryURL = CatagoryURL.replace(/\?category=([0-9]+)/ig, ''); 
	history.pushState(null, null, CatagoryURL); } </script> 
<!-- 카테고리url 제거 끝 -->


<title>[##_page_title_##]</title>

위의 카테고리url 제거 스크립트 코드를 skin.html 들어간 다음 page_title 검색해서 그 위쪽에 넣어준다. 

이렇게 하면 블로그 접속시 모바일웹 주소도 차단하고 ?category로 길게 붙는 별도 주소까지 안나오도록 만들 수 있다. 이게 또 리디렉션이라고 다른 안좋은 영향을 미치지 모르겠는데… 엄한데로 납치하는게 아니고 같은 컨텐츠에 주소 형태만 바꿔주는거니까 뭐.

티스토리 자체에서 이런 부분을 개선해서 보다 강력한 블로그로 만들어줬으면 하는 바램이다.

평점 0 / 5. 참여 : 0

첫번째 평가를 남겨주세요!