網站連結搜尋框

「網站連結搜尋框」可讓使用者在搜尋結果網頁上,快速且立即地搜尋您的網站或應用程式。 搜尋框會提供即時建議和其他功能。

當您的網站顯示在搜尋結果中時,Google 搜尋就可能會自動顯示以您的網站為搜尋範圍的搜尋框,無需您進行任何額外操作此搜尋框採用 Google 搜尋技術,雖然無需額外操作就會自動顯示,但如果您新增 WebSite 結構化資料,藉此提供清楚明確的資訊,將有助於 Google 進一步瞭解您的網站。

如何導入網站連結搜尋框

如要讓您的網站符合在 Google 搜尋結果中顯示搜尋框的資格,請按照下列步驟進行:

  1. 在您的網站或 Android 應用程式上安裝有效的搜尋引擎

    網站連結搜尋查詢會將使用者導向網站或應用程式的搜尋結果頁面,因此您必須具備運作中的搜尋引擎才能啟動此功能。

    • 網站:在網站上設定搜尋引擎。此功能會使用結構化資料中指定的語法,將使用者的查詢轉送至您的目標。您的搜尋引擎應支援 UTF-8 編碼查詢。
    • 應用程式:請參閱 Android 開發人員網站上的搜尋總覽,瞭解如何為應用程式實作搜尋引擎。您的 Android 應用程式應當支援來自搜尋結果的 ACTION_VIEW 意圖,並在標記的 potentialAction.target 屬性中指定對應的資料 URI。
  2. 在網站的首頁實作 WebSite 結構化資料元素。應用程式必須具備相關聯的網站才能啟用此功能,而且即使網站只有單一頁面也行得通。下面列出幾項額外的規範:
    • 僅將此標記新增至首頁,而非新增至任何其他頁面。
    • 一律為網站指定一個 SearchAction,但如果支援應用程式搜尋,則可選擇性地指定另一個物件。即使應用程式是您偏好的搜尋目標,您仍應一律為網站指定 SearchAction;如果使用者不是從 Android 手機進行搜尋,或是並未安裝您的 Android 應用程式,這項做法能確保搜尋結果會導向您的網站。
  3. 使用複合式搜尋結果測試驗證結構化資料
  4. 驗證您的搜尋引擎實作程序,做法是從結構化資料複製 WebSite.potentialAction.target 網址、以測試查詢取代 {search_term_string},然後在網路瀏覽器中前往該網址。 舉例來說,如果您的網站為 example.com,而您想要測試的查詢為「kittens」(小貓),則可前往 https://www.example.com/search/?q=kittens
  5. 在首頁的所有變化版本上使用 rel="canonical" 連結元素,藉此為網域首頁設定偏好的標準網址。這種做法有助於 Google 搜尋選擇正確的標記網址。您的伺服器必須支援 UTF-8 字元編碼。
  6. 如果是應用程式,請啟用適當的意圖篩選器來支援您在標記的應用程式目標中指定的網址。如要進一步瞭解如何為 Google 搜尋網址建立意圖篩選器,請參閱適用於 Android 的 Firebase 應用程式索引

範例

以下這個「Pinterest」的 Google 搜尋結果範例會針對 Pinterest 網站傳回網站連結搜尋框:

使用中的網站連結搜尋框

下列是幾個使用網站自訂搜尋引擎實作網站連結搜尋框的標記範例:

JSON-LD

以下是採用 JSON-LD 格式的範例:


<html>
  <head>
    <title>The title of the page</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://www.example.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://query.example.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>
微資料

以下是採用微資料格式的範例:


<div itemscope itemtype="https://schema.org/WebSite">
  <meta itemprop="url" content="https://www.example.com/"/>
  <form itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
    <meta itemprop="target" content="https://query.example.com/search?q={search_term_string}"/>
    <input itemprop="query-input" type="text" name="search_term_string" required/>
    <input type="submit"/>
  </form>
</div>
  

以下是採用 JSON-LD 格式的網站和應用程式範例:

<html>
  <head>
    <title>The title of the page</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://www.example.com/",
      "potentialAction": [{
        "@type": "SearchAction",
        "target": "https://query.example.com/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },{
        "@type": "SearchAction",
        "target": "android-app://com.example/https/query.example.com/search/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

指南規範

您必須遵守下列規範,才能以複合式搜尋結果的形式顯示您的網站。

即使網站並未包含此處說明的結構化資料,Google 搜尋仍可自行為網站新增網站連結搜尋框。但是您可以在首頁新增下列中繼標記,以防止發生這種行為:

<meta name="google" content="nositelinkssearchbox" />

結構化資料類型定義

如要讓您的內容符合網站連結搜尋框的顯示資格,請加入必要屬性。

經過修改的 WebSite 類型

Google 搜尋會同時針對網站和應用程式搜尋框使用修改後的 WebSite 結構化資料類型。雖然 Google 搜尋的標準與 schema.org 略有不同,您仍可前往該網站查看 WebSite 的完整定義。確切的說明顯示如下。

必要屬性
potentialAction

一或兩個 SearchAction 物件的陣列

此物件會說明傳送查詢的目的地 URI,以及所傳送要求的語法。您必須實作可接收要求的網頁或意圖處理常式,並且對提交的字串執行適當的搜尋。如果使用者並非位於 Android 應用程式 (或是在 Android 應用程式,但並未指定 Android 意圖目標),搜尋框就會將查詢的網站版本傳送至指定的位置;如果使用者位於 Android 裝置且已指定 Android 意圖 URI,則搜尋框會傳送該意圖。

您應一律建立網站 SearchAction 以啟用桌面搜尋案例。如果同時支援應用程式搜尋,您便可另外為應用程式指定 SearchAction 物件。每個 SearchAction 物件都具備下列成員:

potentialAction.query-input

Text

使用 required name = search_term_string 文字字串,或是您在 target 中使用的任何預留位置。

potentialAction.target

Text

採用下列格式的字串:search_handler_uri {search_term_string}

例如:

https://query.example.com/search?q={search_term_string}
search_handler_uri 如果是網站,即為應接收和處理搜尋查詢之處理常式的 URL;如果是應用程式,即為應處理查詢之搜尋引擎的意圖處理常式 URI。
search_term_string

當使用者在搜尋框中點擊「搜尋」按鈕時,將由使用者搜尋查詢取代的預留位置。

url

URL

指定待搜尋網站的網址。設為網站的標準首頁。例如:https://www.example.org

透過 Search Console 監控複合式搜尋結果

Search Console 這項工具能協助您監控網頁在 Google 搜尋中的成效。 Google 會主動將您的網頁納入搜尋結果,您無需為此申請使用 Search Console,但是您可以藉由這項服務瞭解並改善 Google 檢索您網站的方式。建議您在下列情況下查看 Search Console:

  1. 首次部署結構化資料後
  2. 發布新範本或更新程式碼後
  3. 定期分析流量

首次部署結構化資料後

在 Google 為網頁建立索引後,請透過相關複合式搜尋結果狀態報告查看是否存在任何問題。 理想情況下,有效網頁會增加,但錯誤或警告不會變多。如果您在結構化資料中發現問題,請依下列步驟操作:

  1. 修正錯誤
  2. 檢查線上網址,查看問題是否仍繼續發生。
  3. 透過狀態報告要求驗證

發布新範本或更新程式碼後

當您對網站進行大幅變更時,請留意結構化資料中錯誤和警告的數量是否增加。
  • 如果錯誤增加,代表您推出的新範本可能無法正常運作,或者您的網站採用新方式與現有範本互動,但效果不佳。
  • 如果有效項目減少 (但錯誤並未跟著同時增加),代表您的網頁可能已不再內嵌結構化資料。請使用網址檢查工具找出問題的原因。

定期分析流量

透過成效報表分析您的 Google 搜尋流量。 這些資料會顯示您的網頁在 Google 搜尋中呈現為複合式搜尋結果的頻率、使用者點擊的頻率,以及您的搜尋結果平均排名。您也可以使用 Search Console API 自動提取這些結果。

疑難排解

如果您無法順利導入結構化資料,請參考下列資源。