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

文章目錄
  1. 四、設定搜尋結果顯示頁面
  2. 教學章節

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

因為要整合於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自訂搜尋
三、設定、管理自訂搜尋
四、設定搜尋結果顯示頁面

在Google News上追蹤我們最新文章
頁面 1 2
標籤
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學，默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了，別叫我阿腸，請叫我香腸，這樣我才知道你看我部落格長大的。

文章: 1781

相關文章

14 則留言

  1. 為何我的Google自訂搜尋和您的Google自訂搜尋申請方式不知是不是google那邊有變，嗯…畫面不同
    不過這不是重點，我是想請教如何找到Google自訂搜尋的樣式檔案…我想改他的背景為我做的圖片…

  3. 請問香腸大大google自訂搜尋怎麼在新視窗開啟呢?
    拜託了!!

    香腸回應：
    找到from這標籤，後面加上 target=”_blank” 就可以了。你可以參考我的原始代碼。

  5. 搞定! 原來是 Corpo Geek 這個theme，在 header.php 顯示分頁的地方要做些修改，才能把搜尋結果分頁內嵌到WP。如果有其他讀者，也是使用Corpo Geek碰到相同的問題，我很樂意分享我的解決辦法。

    版主回應：
    對阿，不論哪佈景都要修改程式碼！

  6. 我剛剛也依樣畫葫蘆也在站擺了一個，成功! 每次來香腸這邊閱讀，都學到不少實用的新知。謝謝香腸~

    版主回應：
    恭喜成功，不過你沒把它內嵌到WP嗎？

  7. 謝謝站主的答覆，我本來也是在想是否跟我的部落閣剛完成有關，經您說明讓我更理解了。

    版主回應：
    嗯，可以先用內建，過一陣子再說:)

  8. 站主：請問您在文章末尾提到｛如果你網站資料量在Google資料庫中資料不多，那網站掛這種搜尋其實是不利使用者搜尋站內資料｝
    請問是指網站的文章數量太少的話，就不利於使用Google搜尋嗎？不好意思，這方面的專業我不懂。
    可以確定的是，我似乎遇到站主所說的情形，我依照步驟建立好Google搜尋後，發現搜尋結果頗讓人訝異……太糟了！我都使用很平凡的關鍵字進行搜尋，卻無法得到結果，真是讓人頭痛，而且使用預設的搜尋器確實比用Google搜尋來的精準。

    版主回應：
    嗯，基本上應該不完全說是文章數量少，是Google對您網站抓取的資料是否完全？
    如果您網站剛建好，基本上使用wordpress站內搜尋會比較好，等網站過久一點之後，您在試試看改用google，因為網站若變大，基本上用內建搜尋還蠻耗資源的，因為搜尋者可能很多，不知道以上的解釋，會不會太模糊^^||

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。