Google富媒體搜索結果之站點鍊接搜索框 Sitelinks searchbox

By James Qi, 2022年7月29日

6月份在做IPSHU網站頁面改版的時候，使用了常見問答FAQ的結構化數據，并且對Google富媒體搜索結果進行了進一步的研究，當時給同事們還進行了一次名為“高級SEO及結構化數據”的培訓交流，目錄如下：

Google初級SEO
Google高級SEO
結構化數據展示
結構化數據格式
關于schema.org
結構化數據類型
Google支持的類型
适合的網站
結構化數據舉例-面包屑
結構化數據舉例-FAQ
結構化數據舉例-HowTo
結構化數據驗證-Google
結構化數據驗證-Schema
後續工作

此後對幾十種Google富媒體搜索結果挑選出來我們網站适用的幾種，進行了實施，其中一項就是 Sitelinks searchbox 站點鍊接搜索框。

我去看了Google搜索中心官方幫助文檔中的例子pinterest，在Google中搜索pinterest的截圖如下：

在“搜索 pinterest.com”的搜索框中輸入emoji，就可以進入pinterest站内搜索emoji的頁面，這裡Google搜索結果中的搜索框是一個标準的站點鍊接搜索框。

查看了pinterest.com首頁的html代碼，正是有下面這段結構化數據：

<script type="application/ld+json">
{
  "@context":"http://schema.org",
  "@type":"WebSite",
  "url":"https://www.pinterest.com/",
  "potentialAction":
    {
      "@type":"SearchAction",
      "target":"https://www.pinterest.com/search/pins/?q={search_term_string}\u0026rs=sitelinks_searchbox",
      "query-input":"required name=search_term_string"
    }
}
</script>

而我們有些網站或者不屬于我們的有些網站在Google搜索結果中也有站内搜索框，但與上面pinterest的是有區别的，截圖如下：

Google搜索結果中的搜索框裡面寫的是“來自 wikihow.com 的搜索結果”，實際去搜索某個關鍵詞發現并不跳轉到這個網站的搜索結果頁，而是在Google中用“關鍵詞 site:wikihow.com”進行了一次站内搜索，我去wikihwo.com首頁的html看了，沒有發現符合Sitelink Searchbox的結構化數據。

我們的一些網站以前頁沒有加這種結構化數據，于是我就從我的博客開始在一些網站的首頁添加了站點鍊接搜索框的結構化數據：

<script type="application/ld+json">{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "name": "祁勁松的博客",
  "url": "https://jamesqi.com/",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://jamesqi.com/search/node/{search_term}",
    "query-input": "required name=search_term"
  }
}</script>

在Google Search Console中也可以看到Google發現了“站點鍊接搜索框”的結構化數據：

根據每個網站構建的不同，首頁中添加結構化數據可能用到不同的辦法，例如Drupal站修改相應的頁面、模塊、模版、Views、Block等。但是添加了這種數據後，在Google中搜索jamesqi.com也并不會出來站點鍊接搜索框，因為我的博客的浏覽量、站内搜索量太少了。我随後還在我們其它一些站都添加了，等待以後看是否會在Google搜索結果中出現站點鍊接搜索框。

下面把幾個注意事項列出：