網站搜尋 - Webflow 幫助
網站搜尋讓您可以在網站上新增搜尋功能,讓訪客找到他們想要的資訊。如有需要,您可以排除特定元素、頁面,甚至整個集合的內容,只需勾選一個選項框即可。 網站搜尋適用於所有擁有 CMS 網站方案或以上的網站。
網站搜尋元素
您可以從新增面板中新增網站搜尋元素。搜尋元素包括:
- 搜尋(包裝器) — 包含搜尋表單和提交按鈕
- 搜尋輸入 — 訪客輸入搜尋內容的地方
- 提交按鈕 — 提交搜尋的按鈕(可以隱藏以使用 "Enter" 鍵提交)
新增後,您可以像其他元素一樣設計和自訂搜尋元素。您可以更改佔位符文字並設置自動對焦,使搜尋欄在頁面加載時自動對焦。
搜尋結果頁面
新增網站搜尋後,搜尋結果頁面會出現在頁面面板 > 實用頁面下。 結構包括一個容器元素、一個搜尋元素和一個結果列表,可以像集合列表一樣設計。
搜尋結果結構
搜尋結果包含:
- 搜尋標題(連結) — 使用頁面設定中的搜尋結果標題內容顯示。這作為該頁面的連結。對於集合頁面,標題內容可以從任何欄位提取。您也可以使用 SEO 描述和 Open Graph 圖片。
- 頁面 URL(文字區塊) — 頁面短網址
- 片段(段落) — 搜尋詞出現的上下文文字;您可以在頁面設定中自訂此內容。您可以在搜尋結果包裝元素設定中設置片段長度並開啟高亮顯示。
空狀態
您的搜尋結果頁面有一個“無結果”狀態。通過在搜尋結果包裝元素設定中切換無結果“開啟”來自訂它。
設定結果數量
您可以通過在搜尋結果包裝元素設定中設置結果長度來顯示最多 60 個搜尋結果。
預覽搜尋結果
在設計結果時,您可以通過搜尋結果包裝設定預覽不同的查詢。在 CMS/商業網站方案啟用且網站發佈之前,僅顯示範例結果。要查看即時結果,請發佈您的網站以建立搜尋索引。
其他網站搜尋設定
通過頁面設定中的搜尋描述欄位為結果添加更多資訊,例如類別顯示。
您還可以在頁面設定中設置搜尋圖片,這可以連接到結果中的圖片元素。
索引
索引控制當有人提交網站搜尋時可搜尋的頁面/內容。 如果您想從搜尋中移除某個頁面,可以從索引中進行。
Webflow限制每個網站只能有一個搜索引擎,但您可以在多個頁面上添加搜索欄。
如何創建索引
添加CMS網站計劃或更高級別後,首次發布網站時會創建搜索索引。
如何更新索引
保持索引最新的兩種方法:
- 手動重新索引 — 在重大更新後刷新內容
- 自動重新索引 — 在全站發布後按計劃間隔進行
手動重新索引
在重大更改後執行此操作(CMS計劃每24小時可用一次,商業計劃每12小時可用一次):
- 在Webflow中打開您的網站
- 點擊“齒輪”圖標打開設置面板
- 點擊搜索
- 在手動索引下點擊立即索引
注意:對於大型網站,索引可能需要長達24小時。 如有緊急情況,請聯繫支持以獲得一次性優先重新索引。
自動重新索引
- CMS網站計劃:全站發布後72小時
- 商業網站計劃:全站發布後12小時
單個CMS項目發布不會觸發自動重新索引;需要全站發布。
檢查索引計劃:
- 在Webflow中打開您的網站
- 點擊“齒輪”圖標
- 點擊搜索
優化您的搜索索引
默認情況下,大多數頁面(除組件、隨機集合列表、實用頁面和受密碼保護的內容外)都會被索引。排除不必要的內容以優化用戶結果。
排除靜態頁面
在頁面設置 > 網站搜索設置中,勾選“從網站搜索結果中排除此頁面”。 重新索引以從索引中刪除此頁面。
排除集合頁面
與靜態頁面相同:頁面設置 > 網站搜索設置,勾選“排除此頁面”,保存,然後重新索引。
排除集合頁面會移除所有模板頁面,但在其他地方顯示的集合列表內容仍可能被發現。 如有需要,請對這些列表使用元素級排除。
排除元素
排除重複出現的元素(例如導航欄、頁腳、表單)以防止不相關的結果。 預設情況下,元件和隨機集合列表會被排除;您可以在主元件上覆蓋此設定。
要排除特定元素:元素的設定 > 搜尋索引設定 > 勾選「從網站搜尋結果中排除內容」。
父元素的排除規則也適用於子元素。
常見問題
如果我匯出代碼,搜尋會怎麼樣?
網站搜尋在匯出網站上無法運作。
如何查看用戶在搜尋什麼?
將您的 Webflow 網站搜尋與Google Analytics整合。