諮詢熱線:02-2369-8858
SEO

【奇寶小教室】跟著工程師學結構化資料!-站內搜尋框

【奇寶小教室】跟著工程師學結構化資料!-站內搜尋框

最後更新:2019/04/24 作者:Sydney
【奇寶小教室】跟著工程師學結構化資料!-站內搜尋框
歡迎再度來到奇寶小教室,讓我們繼續來跟奇寶工程師一起瞭解結構化資料吧!
今天要跟大家分享,要如何透過結構化資料標記,讓我們網站的站內搜尋框,出現於搜尋結果中,呈現Sitelinks Searchbox(暫譯:站內搜尋框)。
藉此讓使用者在搜尋結果頁,就能直接進一步搜尋我們網站內,他所在尋找的特定內容。簡化使用者搜尋的流程,最終提高使用者搜尋體驗!
 

像是搜尋 "pinterest" 所呈現的站內搜尋框:

 

 

站內搜尋框何時會出現?

根據Google官方的說法,當使用者搜尋一些知名網站的品牌名(如Pinterest)或網址(如Pinterest.com)時,可能當他到達目標網站時,下一步就會立刻進行細部搜尋(例如想到pinterest上找貓的圖片),站內搜尋框就是會在這樣的搜尋情境下出現在搜尋結果當中。

 

 

該怎麼做才能讓網站的搜尋結果中出現站內搜尋框?

想要獲得站內搜尋框,其實並不需要特別做些什麼。

你不一定要有站內搜尋引擎,或進行結構化資料標記,就能讓網站在搜尋結果中出現站內搜尋框。


但如果你希望讓站內搜尋框,是用網站自身的站內搜尋引擎運行,直接呈現站內相對應的搜尋結果,而非Google所提供的搜尋結果時,就必須標記相對應的結構化資料。

如下方的例子:

 

於Pinkoi站內搜尋框,搜尋"耳環"所出現的站內搜尋的結果。

 

 

該如何針對網站自身的站內搜尋引擎,進行結構化資料標記?

這是Google開發者中心所提供的結構化資料範本:

我們可以參考Google所提供的JSON-LD的標記範例,並針對紅框的欄位,依照網站的不同,做一些修改即可。如紅框所示,需要修改的地方是:

  • "url":網站的網址
  • "target":站內搜尋結果頁的網址形式

以pinkoi的網址為例,耳環的站內搜尋結果頁的網址為"https://www.pinkoi.com/search?q=耳環",
則pinkoi要填入欄位的網址形式就是:https://www.pinkoi.com/search?q={search_term_string},

 

此外,相信聰明的你,肯定有發現,search_term_string其實就是代表使用者搜尋字詞的一個參數名稱。

  • "query-input":required name要等於"target"網址形式中,代表使用者搜尋字詞的參數名稱,

舉例來說如果參數叫search_term_string,則此處的參數也必須為search_term_string。

到這邊我們已經完成修改,最後只要將程式碼添加到首頁當中即可完成標記囉!

 

 

結論

相信經過這次的分享,大家對於站內搜尋框已經有更多的瞭解。最後簡單來說:
若希望使用者用站內搜尋框搜尋時,直接呈現站內搜尋引擎的結果,就會需要進行結構化資料的標記;
不然一般情況下,網站不需要特別進行結構化資料標記,就可以出現站內搜尋框,與Google的站內搜尋結果。
而以奇寶工程團隊的經驗來說,會建議客戶若有站內搜尋引擎,則可以考慮進行相關的標記,讓使用者能直接透過站內搜尋框到達網站中的相對應的搜尋結果頁,更加簡化使用者尋找內容的流程。

 

 


想更瞭解站內搜尋框?

Google 官方文章:Sitelinks Searchbox

 

-- 奇寶小教室的其他課程:

【奇寶小教室】跟著工程師學結構化資料!-什麼是結構化資料?

【奇寶小教室】跟著工程師學結構化資料!-文章結構化資料

【奇寶小教室】跟著工程師學結構化資料!-麵包屑結構化資料

【奇寶小教室】跟著工程師學結構化資料!-產品結構化資料

【奇寶小教室】跟著工程師學結構化資料!-在地商家結構化資料

 

-- 推薦閱讀

結構化資料標記,讓google更懂網站的心!

 

 

參考資料:工程師操作經驗分享、Google DevelopersSchema.org

圖片來源:Background vector created by freepik - www.freepik.com

本文作者:Sydney
責任編輯:Zoey

熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能走進對的道路,成長茁壯,發揚光大。   你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位將會讓你如同陷入泥淖,越陷越深離目標越來越遠。   今日來分享奇寶績效師日常....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看鳩竟要如何連結這兩種社群平台喔!   首先,請用粉絲專頁管理員的身分登入FB(請確保是以個人的身分) 接著請在搜尋....

FB社群經營第一步,專頁設定看這邊!

經營FB專頁一直是大家很關心、想學習的題目,上次Doris也貼心的為大家整理了小編Check List! 但在開始PO文與粉絲們互動前,有哪些是你不可錯過的設定呢?   封面照和大頭照 這應該算是基本中的基本,讓訪客對你的品牌會產品建立第一印象 封面照:828x315....

醫學美容行銷,不得不知的六大必修課程 (上....

Yumi : 醫學美容產業在廣告規範上相對嚴謹,廣告行銷事前作業一個都不能少!   上月底衛福部公告修正醫療法,當消息一出,在醫美界投下一大震撼彈,引起相關產業的議論,很多診所紛紛調整各自的網站,避免受罰,再加上廣告平台政策對於醫學美容產業各別有....

延伸閱讀

描述標籤(Meta Description)的SEO優化

什麼是Meta Description? Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下: 你在描述標籤中所撰寫的內容,並不會呈現在網頁上被使用者看到,只有在原始碼和搜尋結果中,才能看到當中的文字。 這些內容,會出現....

Google我的商家驗證教學,幫助你完成商家曝....

搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分! 想要做到這件事,首先,你必須先去Google驗證商家。 如果今天已經新增商家或是搜尋到要驗證的商家後,Google提供下列幾種驗證方式- 索取附有驗證碼的明....

結構化資料標記,讓google更懂網站的心!

結構化資料標記,讓Google更懂網站的心!   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等。 而在網頁的html程式碼中做結構化資料標記,....

關鍵字廣告V.S搜尋引擎優化:誰是行銷之王?....

當談及搜尋行銷,關鍵字廣告和SEO搜尋引擎優化,可說是兩個最好的方法。而兩者都是很特別的模式,也是非常常見的網路行銷模式,但到底何者比較適合你呢?這要取決於你的行銷活動。聽起來像是廢話,但是兩者看似相像,但其實兩者行銷目的是不一樣的,先了解以後再來評估你....

Copyright © KPN SEO 2015. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服