Algolia 是一個即時搜尋服務平台,你只需要向他們提供你的內容,Algolia 就能透過他們的技術,讓你藉由 API 在你的網站或程式當中使用他們的即時搜尋結果。
一般想到搜尋功能,不免會直接想到 Google 搜尋引擎,而且,Google 也有提供自訂搜尋引擎(CSE),讓開發人員可以在網站、程式當中,建立自訂的搜尋引擎來取代預設的搜尋功能。
雖然 Google 自訂搜尋引擎是免費的,但使用上仍然有一些小缺點。那就是使用 Google 自訂搜尋引擎時,會顯示 Google 的 Adsense 廣告,雖然非營利組織能申請免顯示廣告功能,但對於一般網站來說,使用上是無可避免顯示一些廣告。
大部分的人都不喜歡看廣告,而這一點對於應用 Google 自訂引擎的網站來說,難免會損及網站的品牌形象,另外,對於一般的網站管理員來說,大多數的人可能都不太理解 CSE 的運作模式,而輕視這點有可能會對網站帶來負面的後果。
因此,如果你想要在一個網站或程式當中加入搜尋功能,同時又想兼顧功能、安全、隱私、速度…等等因素,那麼,藉由 Algolia,你可以以更快、更好的方式提供使用者在你的網站中找到或發現他們想要的內容,而且可以使用更佳的 UI 介面,以及顯示即時的推薦搜尋列表,讓你的網站有更佳的搜尋體驗。
網站名稱:Modern site search for companies of all sizes | Algolia
網站網址:https://www.algolia.com/
文章目錄
Algolia 是什麼?
Algolia 的宗旨是提供開發團隊一個創造快速與高度相關的搜尋體驗,Algolia 提供了大量的說明書、教學文件,同時也有龐大且活躍的社群,使用 Algolia 能夠讓你建立一套優秀的搜尋功能,讓你的使用者能夠享受到快速、安全…等的極致搜尋體驗。
為什麼推薦使用 Algolia 取代 WordPress 的內建搜尋功能?
使用 Algolia 作為搜尋引擎有許多優勢,而以下是為什麼 Algolia 會比 WordPress 內建搜尋更優秀的幾個原因:
- 內建 WordPress 搜尋功能,當每次使用者在進行搜尋時,都會訪問 MySQL 資料庫當中進行資料的索引,一但搜尋人次、文章數量逐漸提升後,這項不斷索引動作將會對資料庫造成很大程度的資源消耗。
- 在預設的搜尋功能中,這是一項非常消耗資源的事情,且當網站越大,資源的消耗會只增不減。而透過 Algolia 取代預設搜尋功能,可以幫助你將搜尋並顯示結果的過程縮短至 5ms 內完成。
- 使用 Algolia 的好處除了速度優勢之外,它還提供了自動建議字、自動糾正錯別字、提供即時搜尋結果顯示、突出強調關鍵字…等等。
Algolia 功能強大且提供免費使用
Algolia 的收費方案有四種,分別為:COMMUNITY、STARTER、PRO、Enterprise。
對於一般的小型的使用者來說,使用 COMMUNITY 的免費方案就非常足夠使用了,在此方案當中,每月能使用 5 萬次的操作,以及紀錄 10 萬條的內容。
如果你的網站、程式資料量更為龐大,則可以繼續往上選擇 STARTER 甚至是 PRO 方案,甚至於對大型企業,可以直接選擇 Enterprise 方案,直接與 Algolia 團隊聯繫。
Algolia 免費方案使用條件
Algolia 所提供的 COMMUNITY 免費方案中,規定必須是非商業使用,同時你需要在搜尋結果當中顯示 Algolia logo。
如何在 WordPress 網站當中安裝 Aloglia?
目前 Algolia 有針對 Magento 以及 Shopify 這兩個電子商務網站系統推出官方外掛,因此能夠直接在 Algolia 網站中下載使用。
在 WordPress 方面,想要使用 Algolia 也是沒問題的,在 Algolia 官方的 WordPress 教學文件當中,也有詳細的教學文件,教你如何整合 Algolia 應用於 WordPress 網站當中,對於開發者來說,只需要參照 Algolia 的教學文件,很容易就能將 Algolia 安裝於 WordPrses 當中,取代預設的搜尋引擎。
但對於一般人來說,這樣的門檻仍然有點高。幸運的是,目前有第三方的開發者製作 Algolia 的 WordPress 外掛,讓我們能更加方便的將 Algolia 整合到 WordPress 當中。
透過 WP Search with Algolia 這套外掛,只需要輸入 Application ID、Search-only API key、Admin API key,就能快速在 WordPress 網站當中使用 Algolia 的搜尋功能。
在安裝這個外掛之前,我們需要先到 Algolia 先註冊一個帳號,才能取得上述三個 ID 與 Key 來填入。
註冊 Algolia 帳號
到了 Algolia 註冊畫面,你可以連動 Google 或 GitHub 帳號,或直接使用 Email 註冊 Algolia 帳號:
第一步
首先第一步,Algolia 會需要你填入一些基本資訊,除了電話之外都需要填寫:
第二步
接著,Algolia 會自動偵測你的所在位置,幫你自動選擇對你來說距離最近、速度最快的資料中心,你也可以自己調整想要的資料儲存位置:
第三步
最後,Algolia 會詢問你會將 Algolia 應用於哪些專案當中,以及專案預計啟動的時間,這部分只是 Algolia 做一些調查,以利後續提供你一些說明與建議,不必太拘謹,這裡填寫的東西並不影響你使用 Algolia 的任何功能。
以上就完成了 Algolia 的註冊,接著前往「Dashboard」控制台中,尋找「API Key」選項,就可以取得我們所需要的「Application ID」、「Search-Only API Key」、「Admin API Key」。
安裝 WP Search with Algolia 外掛
安裝 WP Search with Algolia 外掛並啟用後,在 Setting 頁面中,輸入 Algolia 相對應的 API Key:
免費帳號需要顯示 Algolia Logo
在此外掛最下方有個選項「Remove Algolia powered by logo」,如果你是使用 Algolia 免費方案,這個選項就不要打勾。
接著,我們還需要將 WordPress 的網站內容上傳至 Algolia 當中,以及設定如何在 WordPress 網站當中顯示 Algolia 搜尋結果。因此我們需要到「Search Page」頁面中進行設定:
第一次使用時,需要點選上方的按鈕上傳你的網站內容至 Algolia,後續如果內容有進行刪除新增,也能進行重新索引。
下方有三種搜尋結果模式,分為:
- Do not use Algolia:不使用 Algolia 搜尋
- Use Algolia in the backend:使用 WordPress 預設搜尋畫面,但搜尋結果是使用 Algolia。
- Use Algolia with Instantsearch.js:完全使用 Algolia 的搜尋介面與搜尋結果。
backend 與 Instantsearch.js 兩者之間主要的差異點在於,使用 backend 能夠讓搜尋結果的樣式與主題是一致性,有的網站使用 Instantsearch.js 方式,會導致樣式跑版的問題,而使用 backend 就不會發生這個問題。不過,使用 backend 的方式,就僅支援錯別字與即時顯示下拉搜尋結果的功能,而 Instantsearch.js 的方式就還多了 Algolia 介面、即時搜尋結果、過濾器、客製化搜尋樣式…等等功能。
Search Page | Backend 方法 | Instantsearch.js 方法 |
---|---|---|
顯示介面 | 使用主題樣式 | 使用 Algolia 樣式 |
錯字容忍 | 提供 | 提供 |
自動下拉結果 | 提供 | 提供 |
即時顯示結果 | 不提供 | 提供 |
以上根據你的 WordPress 主題與 Algolia UI 的相容性,來決定要用哪一種方法。
最後
以上就是「Algolia – 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇」的完整內容,如果你不想要使用 Google 自訂搜尋引擎或是 WordPress 預設搜尋引擎,那麼不妨透過上面的教學使用 Algolia 搜尋功能。
如果你喜歡今天的教學,歡迎幫忙分享出去,讓更多人看到!
相關文章
- WordPress Black Friday List – 熱門推薦 WordPress 佈景主題與 WordPress 外掛黑色星期五特惠清單!
- WP Rocket Black Friday – 黑色星期五特惠 30% OFF 全年最低價格購買 WordPress 最佳緩存快取外掛
- WP Rocket – WordPress 速度外掛教學,評價最高的快取緩存外掛提升網站速度與使用者體驗
- Just Highlight – 在文章中添加螢光筆標記功能,讓使用者在瀏覽時能輕易分辨重點內容
- WP Umbrella – 免費 WordPress 運行監測工具,監視網站正常運行、性能表現與錯誤偵測資訊
- 【WordPress 付費外掛免費下載】Live Chat – Support-Chat for WordPress with AI
- UpdraftPlus – WordPress 免費自動備份外掛,一鍵輕鬆打包網站與資料庫內容,還可免費上傳至多個雲端儲存空間
- Filester – File Manager Pro ,取代 FTP、SFTP 直接在 WordPress 後台中存取檔案資料
- 【WordPress 付費外掛免費下載】Smooth Scroll for WordPress — Site Scrolling without Jerky and Clunky Effects.
- 【WordPress 付費外掛免費下載】Responsive Posts Carousel WordPress Plugin
- SiteGround SG Optimizer – 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
- Site Kit by Google – WordPress 外掛整合 Google 產品相關數據
新增留言