블로그 검색을 구글 검색으로 변경하기

티스토리 블로그는 자체 검색창을 제공해주고 있습니다. 검색어를 넣으면 자체적으로 내 블로그의 글을 찾아주죠. 기본적이면서도 아주 당연한 기능입니다. 그런데 말입니다. 티스토리 검색에는 애드센스 광고를 단 블로거에게는 한 가지 문제가 있습니다. 그 문제는 바로 이겁니다.

 

 

robots.txt는 검색엔진이 자료를 가져가도 되는지 여부를 어디까지 허락할 것인지를 담은 정보입니다. 안타깝게도 사용자가 설정할 수는 없고, 티스토리 블로그는 모두 똑같은 규정을 적용받게 됩니다. 그리고 위 그림이 그 내용입니다.

 

/owner, /admin 같은 곳은 허락하지 않는 것이 당연합니다. 그런데 /tag와 /search 부분도 막혀 있습니다. 이건 좀 이해가 되지 않습니다. 그래서 태그 페이지 주소나 검색 결과 주소는 구글에서 크롤링 에러가 납니다. 왜냐하면 그건 가져가지 말라고 이렇게 정했기 때문입니다. 크롤링 에러가 나면 구글 에드센스나 웹마스터 도구에서 지적해줍니다. 사실 뭐 별 대단한 건 아니지만 괜히 신경쓰이는 것도 사실이죠. 저는 그래서 얼마전 태그 부분을 화면에 나타나지 않게 사이드바와 메뉴에서 제거해 버렸습니다.

 

검색도 마찬가지입니다. 이것도 역시 이용하는 분이 많지는 않지만, 그래도 누가 검색하면 그 검색결과를 보여주는 주소에서 크롤링 에러가 납니다. 그래서 저는 이번에 티스토리 자체 검색을 쓰지 않고 구글 블로그 검색으로 연결되도록 바꾸었습니다. 검색어를 넣고 검색하면 구글 검색 결과로 넘어가는 방식입니다.

 

구글은 원래 맞춤검색이라는 기능을 제공해 줍니다. 그런데 그건 디자인을 내 마음대로 하는데 제약이 있습니다. 그다지 이쁘지도 않구요. 그래서 제가 원하는 건 모든 디자인은 그대로 두고 검색 결과만 구글로 바꾸는 것이었습니다. 다행히도 이미 누군가가 비슷한 걸 만드셨더군요.

 

출처 : http://fendee.egloos.com/11033187

 

위 링크에는 구글 검색 창을 달 수 있는 코드가 있습니다. 이것을 가져와서 저에게 맞게 약간 변형한 뒤 그대로 기존 검색 코드에 덮었습니다. 확실히 티스토리는 이런 걸 수정할 수 있어서 편리하긴 합니다. 기존 코드와 바꾼 코드의 차이는 이렇습니다.

 

<S_SEARCH>
        <INPUT type="text" name="" value="" onkeypress="if (event.keyCode == 13) {  }" class="tf" />
        <INPUT value="" type="button" onclick="" class="btn"/>
</S_SEARCH>

기존 코드

 

<S_SEARCH>
        <INPUT class="tf" type="text" id="gblogsrch" name="gblogsrch" value="" />
        <BUTTON class="btn" onClick="javascript:if(gblogsrch.value==''){alert('검색어를 입력하세요');return;};window.open(ggblogurl.value+'pugeun.tistory.com'+'+'+gblogsrch.value);" target="_blank"></button>
        <INPUT type="hidden" value="https://www.google.co.kr/search?tbm=blg&q=blogurl%3A" id="ggblogurl" name="ggblogurl">
<S_SEARCH>

구글 블로그 검색으로 수정

 

 

css는 그대로 두었기에 모양은 변하지 않고, 검색결과만 변경한 겁니다. 붉은 색 글씨를 자기 블로그 주소로 바꾸면 그대로 쓰실 수 있습니다. 저는 코드를 정확히는 모릅니다. 대충 이런 게 이런 기능을 하는구나 하고 짐작할 뿐이죠. 그래서 남의 만든 좋은 걸 갖다 붙이는 정도는 합니다만, 저런 걸 직접 만들 능력은 없습니다. 저런 걸 만들어주신 분 참 감사합니다.