Google Search sitelink(JSON-LD)

在上一篇文章中有介紹到到microdata的使用方式，在此要更進一步介紹能讓自己內部網站曝光的sitelinks search box(如下圖)

從Google官方文件中得知，要讓google search解析出search box 的撰寫方式有兩種，第一種是今天要介紹的方法microdata，另一種是JSON-LD

JSON-LD是一套使用 JSON 格式標注數據的方案。最大的優點是 JSON 格式便於解析，缺點是數據冗余，尤其是在需要 HTML 展示大段內容的情況下。但因為出線的時間更晚，所以支援的程度更低，可以說幾乎就只有google search支援而已，但從google官網有很多效果，範例也只提供JSON-LD感覺是要推行這種方式，但這不在今天討論範圍，稍微了解一下這是什麼就好。

接著我們來看官方提供的範例

<div itemscope itemtype="http://schema.org/WebSite">
  <meta itemprop="url" content="https://www.example.com/"/>
  <form itemprop="potentialAction" itemscope itemtype="http://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>

事實上已經講得差不多了，要新增的HTML就這麼多，只要注意對應到自己的網站上就好了，剩下的就是有幾點注意事項。

1. 在網站上安裝一個搜尋引擎(您可以使用google的自訂搜尋)
2. “url"—與首頁的 URL 相同。
3. target—搜尋結果的URL.
4.  query-input—required name的值必須與 target 大刮號中的變量相同。
5.  首頁必須設定一個canonical URL。
6.  確定您的伺服器支援UTF-8編碼。
7.  相關的標記只需要放在首頁即可。
8. Google建議使用JSON-LD來標記搜尋框。

小結:

如果上述都做完了，恭喜你，就慢慢等他生效吧，Google 搜尋引擎再次抓到你的網站會判斷是否需要出現搜尋框。所以，不只需要一些時間，最終也會不會有搜索框也不是我們說了算的，不過有做有機會拉~~

JSON-LD範例

<script type="application/ld+json">
{
   "@context": "http://schema.org",
   "@type": "WebSite",
   "url": "https://website.url/",
   "potentialAction": {
     "@type": "SearchAction",
     "target": "https://searchpage.url?&Description={search_term_string}",
     "query-input": "required name=search_term_string"
   }
}
</script>