如何在WordPress整合Google自訂搜尋?

四、設定搜尋結果顯示頁面

因為要整合於WordPress中,因此我們必須要先設定一個專屬搜尋結果頁面,而根據測試,若要使用Google自訂搜尋,似乎要讓WordPress擁有固定網址功能,因此尚未調整成固定網址的朋友,請參考這篇:如何設定WordPress的固定網址?,當固定網址設置完成後,請繼續按照下面做。

第1步 進入你的WordPress後台後,點擊【發表】→【網誌分頁】,新增一個網誌分頁。

WordPress也能擁有Google搜尋-9

第2步 接著輸入分頁名稱、設定分頁的固定網址,最後點擊[儲存]。

新分頁

第3步 接著回到Google自訂搜尋頁面,點擊[管理您現有的搜尋引擎]。

管理自訂搜尋

第4步 進入後點擊「程式碼」,再來「搜尋結果代管選項」請選擇「在您的網站上代管結果」和「iframe – 需要兩個網頁: 一個提供搜尋框,另一個提供結果」,接著在「指定您要在網站上顯示搜尋結果的 URL」輸入您分頁網址(也就是第2步我們設定的固定網址)

WordPress也能擁有Google搜尋-12

第5步 接著複製「搜尋框程式碼」這串程式碼,待會要貼到網誌側邊欄上。

複製程式碼

第6步 到WordPress後台,點擊【設計】→【模組】,進入後在「文字」區塊點擊[新增],新增一個文字模組。

新增模組

第7步 接著點擊一下該模組的[編輯],進入後第一欄位可以輸入「站內搜尋」也可以選擇不輸入名稱,而下方空位請貼上剛剛複製的那串程式碼,最後點擊[變更],再點擊[儲存變更]完成設定。

WordPress也能擁有Google搜尋-13

第8步 回到網誌首頁,你就會看到你的搜尋框囉!

WordPress也能擁有Google搜尋-14

第9步 接著再回到Google自訂搜尋的程式碼頁面,畫面拉到最下方找到「搜尋結果程式碼」並複製這串程式碼。

WordPress也能擁有Google搜尋-8

第10步 回到剛剛建立好的「搜尋結果」分頁,把編輯器切換成「HTML」模式,然後把程式碼貼上,而其中的數值「600」是顯示結果的寬度,使用者可自行調整,最後點擊[發表]。

WordPress也能擁有Google搜尋-10

第11步 沒錯!這樣就建立好了,趕快來測試一下,我在搜尋框中搜尋「hello」,果真出現了結果,可惜顯示畫面太寬,我們可以回到分頁編輯畫面,調整數值。

WordPress也能擁有Google搜尋-15

第12步 因為太寬了,所以我把數值調成「500」再行測試!

WordPress也能擁有Google搜尋-16

第13步 哈哈!再去搜尋一次「hello」果然好多了喔!

WordPress也能擁有Google搜尋-17

使用Google自訂搜尋整合於WordPress比較需要注意的應該是在「指定您要在網站上顯示搜尋結果的 URL」,多數使用者可能會弄錯,請大家小心、注意填寫。這種整合Google搜尋有好有壞,如果你網站資料量在Google資料庫中資料不多,那網站掛這種搜尋其實是不利使用者搜尋站內資料,不過你網站資料被Google收錄的很多,那們很建議您使用這種搜尋,可以減低伺服器資源耗費,並且可以更精準的搜尋到資料。

教學章節

共分成4部分
一、開放WordPress,讓Google搜尋抓資料
二、建立自己的Google自訂搜尋
三、設定、管理自訂搜尋
四、設定搜尋結果顯示頁面