[精讚] [會員登入]
904

網頁的結構化--為網頁加入自己的搜尋

網頁有原生的搜尋引擎,想把這個引擎交給搜尋引擎顯示。

分享此文連結 //n.sfs.tw/12962

分享連結 網頁的結構化--為網頁加入自己的搜尋@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2018-12-27 02:53:33 最後編修
2018-12-17 11:32:26 By 張○○
 

自動目錄

網頁有原生的搜尋引擎,想把這個引擎交給搜尋引擎顯示,就需要結構化的資料設置。

顯示結果

 

首先你得要有一個屬於自己網站的搜尋。

以精讚為例,加入下面內容:

<script type="application/ld+json">
{
"@context":"http://schema.org",
"@type":"WebSite",
"url":"http://n.sfs.tw/",
"name" : "精讚部落",
"potentialAction": {
  "@type": "SearchAction",
  "target": "http://n.sfs.tw/index/search?kw={q}",
  "query-input": "required name=q"
}
}
</script>

第5行 url換成你的網址
第6行 name換成你的名稱
第7-11行 設成搜尋引擎

第9行 搜尋字串,帶入變數q
第10行 搜尋欄位,欄位名是q

 

檢測

可使用 GOOGLE提供的結構化資料測試網站
https://search.google.com/structured-data/testing-tool#

 

至於有沒有顯示,還是得由搜尋引擎來決定了。

 

參考資料

[1] SCHEMA https://schema.org/docs/actions.html

[2] https://www.awoo.com.tw/blog/2015/07/add-structured-data-markup-fou-your-brand/

[3] https://searchenginewatch.com/sew/how-to/2431095/how-do-i-get-a-search-box-to-appear-in-my-site-s-search-results

END

你可能感興趣的文章

2016 網頁設計的8項觀念 我觀察了這近網頁設計的趨勢,寫出8點設計上應該要注意的給大家參考

用Nibbler檢視你的網站優缺點 用Nibbler檢視你的網站存取能力、seo、社交媒體和技術

台灣2022(民國111年)節慶國定假日 ics下載 找不到2022年的假日ics檔?沒關係,我自己做一個

[CS4] Photoshop CS4出現148:3 LISCENSING ERROR 我的Photoshop 出現148.3錯誤,怎麼解決?

台灣2026(民國115年)節慶國定假日 ics下載 找不到2026年的假日ics檔?沒關係,我自己做一個。

HP SAS硬碟leds燈號說明 HP SAS硬碟leds燈號(hp g7/g6系統適用)說明

隨機好文

HP SAS硬碟leds燈號說明 HP SAS硬碟leds燈號(hp g7/g6系統適用)說明

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

UTF8中文字/全形一覽 快速查詢urf-8的中文字,共計13246中文字(5401常用字+7652罕用字+日文或編號),292全形符號,27半形符號。

[AS3] 我做的唯一一個Flash As3遊戲UFO INVADSION [AS3] 我做的唯一一個Flash As3遊戲,是第一個也是最後一個,後來就沒再寫as3,不過as3還滿好玩的。

精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。 原本的部落格是民國97年的作品,那時還是用舊有的技術來寫,很