• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • SiteGround 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / 科技新知 / Algolia – 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇
Algolia - 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇

Algolia – 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇

Last Updated on 2020-10-30 By Sliven Leave a Comment

利益接露:當你從網站中的連結購買產品或服務時,某些連結可以讓我們獲得收入。
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
6 分鐘閱讀

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/

目錄
1. Algolia 是什麼?
1.1. 為什麼推薦使用 Algolia 取代 WordPress 的內建搜尋功能?
1.2. Algolia 功能強大且提供免費使用
2. 如何在 WordPress 網站當中安裝 Aloglia?
2.1. 註冊 Algolia 帳號
2.2. 安裝 WP Search with Algolia 外掛
3. 最後
4. 你可能有興趣
5. 更多相關文章

Algolia 是什麼?

Graph about the mission of Algolia

Algolia 的宗旨是提供開發團隊一個創造快速與高度相關的搜尋體驗,Algolia 提供了大量的說明書、教學文件,同時也有龐大且活躍的社群,使用 Algolia 能夠讓你建立一套優秀的搜尋功能,讓你的使用者能夠享受到快速、安全…等的極致搜尋體驗。

為什麼推薦使用 Algolia 取代 WordPress 的內建搜尋功能?

使用 Algolia 作為搜尋引擎有許多優勢,而以下是為什麼 Algolia 會比 WordPress 內建搜尋更優秀的幾個原因:

  1. 內建 WordPress 搜尋功能,當每次使用者在進行搜尋時,都會訪問 MySQL 資料庫當中進行資料的索引,一但搜尋人次、文章數量逐漸提升後,這項不斷索引動作將會對資料庫造成很大程度的資源消耗。
  2. 在預設的搜尋功能中,這是一項非常消耗資源的事情,且當網站越大,資源的消耗會只增不減。而透過 Algolia 取代預設搜尋功能,可以幫助你將搜尋並顯示結果的過程縮短至 5ms 內完成。
  3. 使用 Algolia 的好處除了速度優勢之外,它還提供了自動建議字、自動糾正錯別字、提供即時搜尋結果顯示、突出強調關鍵字…等等。

Algolia 功能強大且提供免費使用

Algolia 的收費方案有四種,分別為:COMMUNITY、STARTER、PRO、Enterprise。

Algolia - 收費方案
Algolia – 收費方案

對於一般的小型的使用者來說,使用 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 - 選擇資料中心
Algolia – 選擇資料中心
第三步

最後,Algolia 會詢問你會將 Algolia 應用於哪些專案當中,以及專案預計啟動的時間,這部分只是 Algolia 做一些調查,以利後續提供你一些說明與建議,不必太拘謹,這裡填寫的東西並不影響你使用 Algolia 的任何功能。

Algolia - 調查應用專案
Algolia – 調查應用專案

以上就完成了 Algolia 的註冊,接著前往「Dashboard」控制台中,尋找「API Key」選項,就可以取得我們所需要的「Application ID」、「Search-Only API Key」、「Admin API Key」。

Algolia - API Key
Algolia – API Key

安裝 WP Search with Algolia 外掛

WP Search with Algolia WP Search with Algolia

Author(s): WebDevStudios

Current Version: 1.6.0

Last Updated: 2020-11-13

wp-search-with-algolia.1.6.0.zip

84%Ratings 2,000+Installs WP 5.0+Requires

安裝 WP Search with Algolia 外掛並啟用後,在 Setting 頁面中,輸入 Algolia 相對應的 API Key:

Algolia - WP Search with Algolia 設定 API Key
Algolia – WP Search with Algolia 設定 API Key

免費帳號需要顯示 Algolia Logo

在此外掛最下方有個選項「Remove Algolia powered by logo」,如果你是使用 Algolia 免費方案,這個選項就不要打勾。

接著,我們還需要將 WordPress 的網站內容上傳至 Algolia 當中,以及設定如何在 WordPress 網站當中顯示 Algolia 搜尋結果。因此我們需要到「Search Page」頁面中進行設定:

Algolia - WP Search with Algolia 設定搜尋樣式
Algolia – WP Search with Algolia 設定搜尋樣式

第一次使用時,需要點選上方的按鈕上傳你的網站內容至 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 PageBackend 方法Instantsearch.js 方法
顯示介面使用主題樣式使用 Algolia 樣式
錯字容忍提供提供
自動下拉結果提供提供
即時顯示結果不提供提供
Backend 與 Instantsearch.js 方法差異

以上根據你的 WordPress 主題與 Algolia UI 的相容性,來決定要用哪一種方法。

最後

以上就是「Algolia – 替代 Google Custom Search Engine 與網站內建搜尋功能的新選擇」的完整內容,如果你不想要使用 Google 自訂搜尋引擎或是 WordPress 預設搜尋引擎,那麼不妨透過上面的教學使用 Algolia 搜尋功能。

如果你喜歡今天的教學,歡迎幫忙分享出去,讓更多人看到!

你可能有興趣

  • 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 產品相關數據
  • 如何讓使用者在 WordPress 中檢舉不當留言並回報給網站管理員
  • instant.page – 預先加載超連結頁面,加快網站載入速度並提升頁面轉化率
  • WooCommerce 是什麼?WooCommerce 中文懶人包,免費利用 WooCommerce 外掛建立購物車系統

更多相關文章

  • SEO 是什麼?教你如何自學 SEO 優化網站,快速提升網站排名!
  • 【WordPress 付費主題免費下載】Diza - Pharmacy Store Elementor WooCommerce Theme
  • 思源黑體 Noto Sans TC - 由 Google 提供的免費線上 Web Font,讓你免費就能擁有好看的中文字型
  • 3 個最佳的結構化資料測試工具(Structured Data Testing Tools)【2019】
  • RunCloud - 在 VPS 中一鍵安裝 WordPress 網站
  • Udemy 免費課程優惠碼 (2020 年 12 月) - 付費課程限時折扣 0 元免費線上學習
  • Imagify - 線上圖片免費壓縮工具,三種壓縮等級幫你減少圖片檔案大小,還提供 WordPress 外掛自動壓縮上傳圖片
  • 如何在 WordPress 中自定義滾動條?兩個方法教你快速設定!
  • Slidesgo - 大量 PowerPoint 模板、Google Slides 主題免費下載,且有詳細教學文章可供學習
  • 【WordPress 付費主題免費下載】Revity - OnePage Parallax
  • CC Search - 圖片創用 CC 搜尋引擎,全球最大免費圖庫搜尋引擎
  • Pixelmob - 免費圖庫搜尋引擎,幫你從從各大圖庫中搜尋免費圖片進行下載!

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: 科技新知, WordPress 外掛 標籤: Algolia, CSE, Google Custom Search Engine, Google 自訂搜尋引擎, WordPress, 搜尋功能

讀者互動

發佈留言 取消回覆

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

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Regn | Multi-Purpose WordPress Theme
  • PureVPN – 超好用的 VPN 翻牆工具,超過 180 個國家伺服器,可跨區觀看 Netflix 各國影集
  • 【WordPress 付費主題免費下載】Bufet – Multi Concept Software & App Landing WordPress Theme + RTL
  • 【WordPress 付費主題免費下載】Danni — Minimalist WordPress Blog Theme
  • Free Deca UI Kit – 簡潔 UI Kit 素材免費下載,提供 Figma 與 Sketch 設計軟體格式
  • OFFF.to – 無須註冊免費縮短網址服務,可直接在網址列當中縮短網址並獲得分析數據
  • (2021 年 1 月)A2 Hosting 評價 – 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • 如何解決 WordPress 中「目前正在執行另一項更新程序」導致無法升級/更新的問題
  • 【WordPress 付費主題免費下載】Kallem – Creative Portfolio WordPress Theme
  • 【WordPress 付費主題免費下載】GlobeCo – Transportation & Logistics WordPress Theme
Bluehost best deal from TechMoon$2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • Cuttly - 縮網址推薦工具,免費自訂專屬短網址與提供詳細的追蹤參數設定!
  • 【WordPress 付費主題免費下載】Sigma - Multipurpose WordPress Theme
  • CC Search - 圖片創用 CC 搜尋引擎,全球最大免費圖庫搜尋引擎
  • 【WordPress 付費主題免費下載】Soho Pro - Photography Portfolio
  • 2 步驟教你如何在 Blogger/Blogspot 當中設定自定義網域/子網域
  • Startpage - 匿名搜尋引擎保護你的上網隱私,或比 DuckDuckGo 更隱匿更好用
  • ServerPilot + GCP VPS,輕鬆架設 WordPress 網站教學
  • 3 個最佳的結構化資料測試工具(Structured Data Testing Tools)【2019】
  • 【WordPress 付費主題免費下載】Ariana - Digital Agency One Page WordPress Theme
  • 【WordPress 付費主題免費下載】Diza - Pharmacy Store Elementor WooCommerce Theme

相關文章

  • 【WordPress 付費主題免費下載】Mora – Creative Portfolio & Photography Theme
  • Cloudflare Workers™ – 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • Microsoft Defender 即將提供 iOS 與 Android 版本
  • 如何解決 WordPress 出現 502 Bad Gateway Error 的問題?
  • 【WordPress 付費主題免費下載】Canteen – Restaurant WordPress Theme
  • 【WordPress 付費外掛免費下載】Smooth Scroll for WordPress — Site Scrolling without Jerky and Clunky Effects.
  • HostPapa 主機評價(2021 年 1 月)- 70% 折價優惠每月僅需 $3.95 美元,一鍵快速鍵立 WordPress 網站教學
  • 【WordPress 付費主題免費下載】Kyoto – Innovative Portfolio Theme for Creatives
  • RunCloud – 在 VPS 中一鍵安裝 WordPress 網站
  • 戰國策虛擬主機評價(2021 年 1 月)- 專屬優惠 8 折 20% OFF 優惠券,台灣 WordPress 架站的好選擇
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
SiteGround 主機 3 折優惠 + WordPress 一鍵安裝完整教學
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明