[GTM] 26 – 番外篇 – 如何實作 Openseach 於網站中,在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

如果網站有實作站內搜尋的話,如何加上 Opensearch,讓各瀏覽器可以加入自己網站的搜尋引擎,ex:在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

加入 Opensearch 後就可以看到,輸入自家網站的網址,如下圖:
(Chrome 右邊會提示按下 Tab 即可以搜尋網站內容)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582MpS1TXIVxs.png

按下 Tab 後就可以看到自家的網站變成藍色的字,如下圖:
(要取消這個效果可以按 Backspace)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582DtsVcALuV1.png

在後面接續要搜尋的 Keyword,如下圖:
(第一個項目會提示這是在該網站內的搜尋)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582KzsppPfMxn.png

按下 Enter 後,頁面就會轉頁到自家網站的搜尋結果頁了,如下圖:

https://ithelp.ithome.com.tw/upload/images/20171212/20107582sqa1Uc92Qq.png

以上的效果要如何實作呢? 很簡單,只需要再自家網站的根目錄放上 opensearch.xml 檔,相關的內容格式如下所示:
(依據不同需求可以調整設定值)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582AwAcx8xx7i.png

並在自家網站的 Head 中加上一段程式

<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="[搜尋標題]">

這樣就可以讓各瀏覽器訪問自家網站時可以知道你有實作 Opensearch,接著就可以讓整個站內搜尋方便性提升非常多哦!!

Leave a comment