웹사이트에 세계 최고 검색엔진을 장착하면 어떨까? 그게 가능해졌다. 그리고 아주 쉽게 할 수 있다는 것이다. 오늘 그 방법을 알려드리겠다.

검색엔진은 우리에게 무한한 데이터 탱크에서 제일 적합한 자료를 찾아주는 강력한 툴로써 인터넷과 같은 거대한 공간에서 검색엔진으로 우리가 원하는 웹사이트를 찾을 수 있다. 그중에서 제일 유명한 것이 바로 구글 검색엔진이다.

하지만 웹사이트만큼 중요한 것은 또한 자기 웹사이트에 있는 정보를 검색하는 것이다. 블로그나 위키, 그리고 일반 홈페이지같은 데이터가 많은 사이트 경우 검색엔진이 없다는 것은 그야말로 악몽과 같다. 아무리 시간 많은 사람이라도 자료를 수동으로 찾다가 지칠 수 있기 때문이다.

그래서 구글은 개인이 사용할 수 있는 검색엔진도 제공해주는데 그게 바로 오늘 소개할 Google Custom Search Engine인데 아주 유용하고 한번 설치하면 아주 큰 이득을 볼 수 있다. 그리고 제일 중요한건 공짜다!

Create a search engine tailored to your needs

• Include one website, multiple websites, or specific webpages
• Host the search box and results on your own website
• Customize the colors and branding to match your existing webpages
• Learn more with our featured examples, developer documentation, and FAQs

아래 설치 방법을 최대한 자세하게 설명하고 내가 설치할 때 겪었던 어려움을 잘 설명해서 여러분들이 어려움 없이 적용하도록 노력하겠다. 그리고 여기서 소개될 웹사이트는 바로 구글 비공식 블로그인데 티스토리로써 태터툴즈에도 적용된다.

Step1:
Google Custom Search Engine 페이지에 접속한 후 구글 계정으로 로그인한다. 그러면 아래와 같은 버튼이 보일 것이다:
클릭한다.

그러면 아래와 같은 신청 페이지가 나오는데 IQ 80이상이면 누구나 작성할 수 있다. 혹 여기까지 너무 자세히 설명하면 자기를 우롱하는 줄로 여기는 분이 계실가봐 딱 한가지만 언급하고 넘어간다... (블로그 설명, 언어 등은 알아서 하삼)

전체 웹사이트를 다 선택할 수 있지만 그럴 경우 개인화 검색엔진의 의미가 퇴색될 수 있으니 "Only sites I select"를 선택한다. 다음 아래 박스에 자기가 원하는 사이트를 적어넣는다. 주의할 것은 한줄에 하나씩만...


쉽죠? 여기까지 마무리 했다고 굳게 믿습니다 :)

Step2:
그리고 전송하면 아래와 같은 페이지가 나온다.


어머? 끝났다?
하지만 여기서부터 주의할 부분이다 ^^

Step3:
[Finish] 버튼을 클릭하면 다른 페이지로 이동한다. 여러번 이동하지만 차멀미를 할 필요가 없으니 꾹 참고 계속 갑시다 :) 그래서...


이런 페이지가 나타난다. 제대로 생성되었다는 말이다.

Step4:
위 그림에서와 같은 페이지에서 [control panel]을 클릭해서 들어간다. 그러면 어디서 본것같은 이미지가 뜬다. 하지만 어느것도 건드리지 않고


[Code]를 클릭한다. 그러면 아래와 같은 코드삽입 페이지가 나타난다.

Step5(여기부터 중요함):
첫번째 옵션은 그냥 디폴트로 선택하면 된다. 하지만 URL에는 검색엔진 결과가 노출되는 주소를 적어야 한다. 즉, 다시 말해서 내가 검색한 후 그 검색페이지가 나오는 URL을 의미한다.

나같은 경우는 http://hoogle.kr/location 라는 주소를 적었다(왜 그런지는 후에 설명함).


일단 그렇게 적었다. 그러면 아래 두 박스에 코드가 담겨져 있는데 첫번째 것은 검색창에 관련된 코드로써 구글 비공식 블로그 처럼 오른쪽 사이드 바 상단에 노출되게 할 경우 상응한 위치에 이 코드를 붙여넣으면 된다.


다음 두번째 코드가 중요한데...  구글 비공식 블로그처럼 검색결과가 블로그 자체에 포함되게 하려면 어떻게 해야 할까? 여기를 참조

위 링크처럼 할려면 워드프레스의 경우는 page를 하나 추가하면 되지만 티스토리의 경우 불가능하다. 따라서 이미 존재하는 페이지를 개조하면 될 것같다. 그래서 티스토리가 고유한 [지역정보]라는 페이지를 없애고 대신 거기다가 검색결과가 나타나게 하면 된다.

Step6:
어떻게 하는가? 티스토리 관리자 페이지의 스킨 편집 모드로 일단 들어간다. 다음 보면 아래와 같은 태그가 보일 것이다(찾으면 된다)


< s_local > 태그의 < div class="localog" > 속에 있는 다른 코드들을 다 지워버리고 대신 위에서 언급한 두번째 박스의 코드를 쏙 집어넣는다.

그리고 저장하면 이젠 설정 끝~~~~~

여기까지 비교적 지루한 설명이 정말로 끝났다.

Step7:
그럼 결과를 보겠다.

'hoogle' 이라는 키워드로 검색했다. 그러자 검색결과가 http://hoogle.kr/location 에 나타났는데 아래와 같이 보여진다:


이쁘게 오른쪽에 쭉 리스트 된다 :)

어떤가요? 여기서 중요한 것은 필요하지 않은 페이지를 과감히 없앤다는 것인데 나같은 경우 지역정보를 거의 안쓰기 때문에 이렇게 없앨 수 있었다. 혹, 태그 페이지를 없애고 싶으신 분들은 거기에 코드를 집어넣으면 되고 방명록 페이지에도 넣을 수 있다.

혹은 css를 뜯어고치면서 페이지를 새로 만들어도 된다. 편한대로 하시기 바란다.

추가: 페이지를 추가못하는 경우, 블로그 포스팅에 검색코드를 넣으면 될 듯합니다. 못해봤지만...