讓你的網站也有Open Search
- 2008-06-16
- 11755
- 0
有使用Firefox3.x和IE7.x以上的網友都知道右上角的搜尋列一直是一個相當好用的東西，也有不少套件對它琢磨，本篇文章教您如何把自己的網站加到搜尋列，方便網友直接找你網站的資訊。
- 2009/1/9 修改XML的Code 讓IE與Firefox都可以正常的新增
demo最近把Firefox搞成3.0 rc2以後晃一些網站都會發現有個奇怪的小圖示
如以下幾個網站
在好奇心驅使下，我按下了發現可以直接新增該網站搜尋耶
於是我利用FUNP.COM的原始碼來參考了解了其中奧妙，就想自己也搞一個
以下就是教學啦
本篇文章主要是利用google的自訂搜尋來作成自己網站的搜尋引擎，因為demo小鋪就是這樣搞得阿，如果你不知道如何使用Google的自訂搜尋請參考【Custom Search個人化專屬的搜尋引擎】，以下文章假設您已經設定好了Google的搜尋引擎了。
先對你自己的站內搜尋隨便輸入一些字讓它跳到結果頁面，比如小鋪的就如下
-
http://www.google.com.tw/cse?cx=partner-pub-06942224496900484&q=msn
測試時我輸入的是msn所以看得出來該網址的關鍵字是用q做識別，然後我們就要新增一個XML檔案，檔案內容如下
-
<?xml version="1.0" encoding="UTF-8" ?> -
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"> -
<ShortName>demo小鋪</ShortName> -
<Description>創作、分享、交流的園地~~</Description> -
<Image width="16" height="16">data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGxkdhJ6Ew5TClP%2BLuYv%2Fmr2a%2Fz1CPU4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQE5AVZ%2Fxn%2F%2BH0If%2Ff79%2F%2F5C%2BkP9ITUhbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABodGh6JwYnPlPeU%2F4fTh%2F97l3vGBwcHBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFxcXGFx%2BXIOUwpTqOz47SAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvNS9CirGK73aVdtNcbVyVQUlBWyMkIygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABZZFl4isCK8n%2FFf%2F%2BCt4L%2FiLWI%2F4yzjP%2BOr47xLzcvRQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAREBJbbVuIkceR%2F4HKgf9%2Byn7%2Ff8d%2F%2F3%2FAf%2F9%2BuX7%2FibiJ%2F11rXYoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgJCAmjtKO%2B3%2FSf%2F9%2Fyn%2F%2Ff8x%2F%2F3%2FNf%2F9%2FzX%2F%2Ff8R%2F%2F4a3hv9ecF6cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgICHWvdcaE5oT%2Ff9F%2F%2F3%2FMf%2F9%2FzH%2F%2Ff81%2F%2F3%2FGf%2F%2BEt4T%2FgJmA1QAAAAAXFxcaNT81TiEmITQAAAAAAAAAAAAAAABdgF2Oh%2BeH%2F3%2FTf%2F9%2FzH%2F%2Ff8t%2F%2F3%2FMf%2F9%2Fy3%2F%2FfL18%2F463jv12h3agfKB83o%2FAj%2F%2BVtpX4AAAAAAAAAAAAAAAANUY1So7ojv9%2B137%2Ff9N%2F%2F3%2FPf%2F9%2Fy3%2F%2Ffch9%2F4nPif94mXi%2Bh8WH6YbYhv98vHz%2Flr2W%2FyQkJCpCTUJpOEU4Zmt8a5Wh7KH%2FheaF%2F4Xmhf%2BA3ID%2Ffcp9%2F43Qjf%2BBnYG%2FDw8PD1F4UYOP84%2F%2Fi9KL%2F3qaetx0nHS8ks%2BS%2F4a0hv%2BZwJn%2FV2dXe0djR21zrXPDiN6I%2B5Lgkv%2BEnoTDFRUVFQAAAAAcIBwhjM6M45bdlv9PW09zbaBttZPzk%2F%2BPzI%2F%2Fj7qP%2FzY8Nk8AAAAAAQEBATA9MEJbcVt%2BGhgaGwAAAAAAAAAAAAAAABseGyEnMSc3AgICAjE8MUCR4pH1kO6Q%2F5rKmv87PjtKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMj4yQnGlcbVqhWqdCAcICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4H8AAOB%2FAADgfwAA8P8AAPgfAADwDwAAwA8AAMAPAADACAAA4AAAAOAAAAAAAAAAABAAAAQ4AAAH%2FwAAh%2F8AAA%3D%3D</Image> -
<InputEncoding>UTF-8</InputEncoding> -
<Url type="text/html" template="http://www.google.com.tw/cse?cx=partner-pub-0694222449690045%3Aftc9jjgbn84&"> -
<Param name="q" value="{searchTerms}"/> -
</Url> -
</OpenSearchDescription>
以下為您要改的部份
- shortName：改成你網站名字吧
- image：下面在解釋這長長一串是啥鬼
- searchForm：就是把剛剛搜尋結果頁面的q後面字串都幹掉後貼上來就對了(&符號請改用&)
- Url後的template也改的和上面網址一樣
在這裡的圖是使用base64編碼的，所以image是長長的一串，不知道怎麼編碼?很簡單到這網站【圖片轉base64】就好啦，把base64打勾後圖選給它，就會幫你轉好了，然後在整串貼到image裡面
到這裡你的XML就打造好了，我們只要在頁面的head標籤內加上以下兩條宣告即可
-
<link rel="search" type="application/opensearchdescription+xml" title="demoshop" href="demo.xml" /> -
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
- title：表示新增時候的名字(與新增後不一樣...)
- href：為你xml放置的路徑，如果可以就直接丟到根目錄比較穩啦
如果您搜尋錯誤的話就改xml的內容即可，如果無法新增就表示您的head宣告沒打好
回應討論