找我們做網站
↑
Seo · Search Console 教學

Search Console 資料螢光筆教學:不寫程式標記結構化資料

Search Console 教學發布 2019.01.11更新 2026.10.02閱讀約 9 分鐘
Search Console 資料螢光筆教學:不寫程式標記結構化資料

重點整理
資料螢光筆是 Search Console 的工具,不寫程式也能用滑鼠在網頁上標記標題、日期、圖片等資料,讓 Google 理解內容結構,有機會在搜尋結果呈現複合式樣式。本文示範標記一類網頁的步驟。

Google Search Console 資料螢光筆 是 Google 官方出版的網站標記結構化資料的替代方案,對於一向重視使用者體驗的 Google 而言,讓所有無論懂不懂程式的網站管理者都去學習如何運用 Schema.org 中的程式碼為網站加入語意標記,是非常不現實的,因此為了讓所有網站都能夠擁有標示結構化資料的能力,讓使用 Goolge 搜尋的瀏覽者可以看到更多豐富的搜尋結果內容,於是提供了資料螢光筆功能,即使不懂如何寫程式,也能透過視覺化介面標記網站內容。
那麼使用資料螢光筆標記網站之後,可以獲得怎樣的成效呢?這就必須談到複合式搜尋結果這個名詞,網頁在搜尋結果的呈現方式正常來說都是呈現條列式,而複合式搜尋結果就是將網站其他內容以不一樣的方式呈現,比如說當使用資料螢光筆將網站同樣類型的文章標示起來之後,在行動裝置上搜尋此類型的某一篇文章,就會在下方顯示所有網站中所有同類型的文章連結,也就是説跟其他人在搜尋結果中依舊呈現單一標題、描述的樣式相比,使用資料螢光筆後所顯示的搜尋結果樣式將更加醒目,所佔的版面位置也更大,提升讓搜尋者注意及點擊的機率。
資料螢光筆標記相當簡單,在開始閱讀文章之前,建議可以先觀看下方 Google 官方介紹資料螢光筆的影片,先有概念後,再繼續學習操作會更加容易。

開始使用 Search Console 資料螢光筆標記同類型網頁

第一步:進入到 Search Console 資料螢光筆項目中,直接點選開始標明。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第二步:在開始標記前必須要先做目標網頁的設定,以下說明:

  1. 輸入想要標記的同類型網頁其中一篇的網址,比如說要標記文章,就輸入網站中的某一篇文章網址即可,如果是要標記同分類的文章也是相同做法。
  2. 目前可標明的資訊類型有文章、書評、活動、產品、在地商家、軟體應用程式、電影、電視劇集、餐廳,本篇教學會以文章做標記示範。
  3. 選擇標記其他類似網頁的話,再輸入網址時就找同分類的文章,只標記此網頁則沒有差別。
Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

必須選擇與標記頁面具有相同屬性的資訊類型。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

選擇完畢後點選確定就可以開始標記。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第三步:在資料螢光筆的標記頁面比較特殊,在抓取網址後所呈現的畫面會與實際畫面略有不同,這是因為 Google 在載入標記網頁時只會保留 HTML 資料,一些動態效果都會被主動禁用,因此不要誤會是自家的網站出問題了。標記介面可以分為四個區塊,以下解釋:

  1. 標記的步驟,點選圓點可以回到該步驟的編輯畫面。
  2. 標記時間操作選項,可以新增標記或清除目前標記資料,以及設定日期格式與網站語言。
  3. 可標記的項目,文章類型只有標題是必填項目,其它都可以選填。
  4. Goolge 抓取的網址連結畫面,要在此畫面中找出第三區塊中所需要的資料。
Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第四步:在設定中可以新增缺少的標記,意思是當右方我的資料項目欄位中有缺少的可標記項目,就能使用此選項新增,另外如果標記錯誤,就能點選第二個清除標記的選項。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

點選第三個設定選項時,會跳出如下圖的提示框,可以設定日期格式與網站語言。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第五步:下方為筆者錄製了如何標記資料的影片,基本上就是選取網頁模擬畫面的內容,並在小選單中選擇對應的欄位,就完成標記了,過程全自動化,相當簡單。

第六步:標記完第一頁後,點選右上角的完成進入第二步驟。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第七步:建立網頁集是在第二步驟中選擇”標記其他相同類型的網頁“這個選項才會出現,如果沒有要特別為同分類文章建立標記群組,就選擇 Google 已經計算好的選項,如下圖中假使筆者選擇 “超過 92 個網頁”,就會將網站中所有文章設定為同一個標記群組,但要是筆者想要將同分類的文章分別建立不同標記群組,就要選擇自訂。

在自訂的下拉選單中,點選後會看到像是” www.example.com/*/* “、” www.example.com/當前標記文章的分類名稱/* ” 兩組不同的網址,*這個符號代表萬用字元,也就是會按照網頁網址規則自動抓取該位置的字串,因此如果要為同分類的文章分別建立不同標記群,請選擇後者。接下來在圖中標示的欄位輸入自定義的群組名稱,即可點選建立網頁集。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第八步:選擇標記同類型的網頁的話,會在此步驟隨機抽樣同分類的網頁做資料標記驗證,總共需要檢查 5 次,以確定標記資料正確。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第九步:在過程中請務必仔細查看資料項目中有無錯誤,如下圖中就有其中一篇文章在標題的部分只抓到驚嘆號,此時就要重新標記。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

修正後點選下一頁。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

第十步:最後會再次隨機顯示同分類的文章,再次檢查是否都顯示正確的標記資料,下圖左方會顯示文章的預覽畫面,全部確認後,請點選右上角的發佈按鈕。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

回到 Search Console 資料螢光筆的畫面,可以看到剛剛建立的網頁集與相關資料,如果想要修改,只要點選名稱旁鉛筆圖示就可以再次編輯。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆

資料螢光筆和結構化資料外掛怎麼選?

  • 資料螢光筆:適合不能修改網站程式、也不能安裝外掛的網站,例如某些套版平台。缺點是網頁版型一改,標記就可能失效,而且只對 Google 有效。
  • SEO 外掛:WordPress 網站的首選,結構化資料直接寫在網頁中,新文章會自動套用,不必一頁一頁標記。
  • 手動加入 JSON-LD:需要外掛不支援的類型,例如常見問題、活動時,由工程師在網頁加入 JSON-LD 程式碼,彈性最大。

同一種資料只要用一種方式提供,避免外掛和資料螢光筆同時標記同一頁。

怎麼確認 Google 有讀到結構化資料?

  1. 用 Google 的「複合式搜尋結果測試」工具貼上網址,看看偵測到哪些項目、有沒有錯誤或警告。
  2. 在 Search Console 左側的「強化項目」或相關報告中,查看有效項目與錯誤的數量變化。
  3. 用網址檢查工具檢查單一網頁,在結果中也會列出偵測到的結構化資料。

如果測試工具顯示沒有任何項目,先確認標記的網頁是否允許 Google 檢索,以及網頁版型是否在標記後有改過。

常見問題

資料螢光筆標記完多久會生效?

沒有固定時間。標記並發布後,要等 Google 下次檢索這些網頁時才會讀取標記內容;而且標記結構化資料只是讓網頁有機會出現複合式搜尋結果,Google 不保證一定會顯示。

WordPress 網站還需要用資料螢光筆嗎?

多數情況不需要。Yoast SEO、Rank Math 等 SEO 外掛會自動在網頁輸出文章、麵包屑等結構化資料,WooCommerce 也會輸出商品資料。已經有這些外掛時再用資料螢光筆標記,容易造成重複或衝突。

資料螢光筆的標記其他搜尋引擎看得到嗎?

看不到。資料螢光筆的標記只存在 Search Console 裡,並沒有寫進網頁原始碼,只有 Google 會使用;Bing 等其他搜尋引擎、社群平台都讀不到。想讓所有平台都能讀取,要把結構化資料寫進網頁。

結語

如果説要在 Search Console 中排名哪些是必須要先處理的項目,就筆者個人而言,資料螢光筆是絕對可以排在前 5 名,因為結構化資料的標示並不是即時顯示,不會今天完成資料標記,明天或後天搜尋結果中的樣式就會改變,既然需要等 Goolge 搜尋引擎對網站結構化資料做驗證,那何不先做呢?但是在使用資料螢光筆有一個前提,就是網站內容與架構已經相當確定了,如果還在修改中或者無法確定網站結構安排,那麼不建議使用資料螢光筆,因為一直變動的內容對搜尋引擎而言可能會造成識別與驗證上的衝突,假設今天網站內容本來用文章做,後來又決定改用另一套樣式(比如 Portfolio),在資料位置變動的情況下,使用資料螢光筆標記等於沒做一樣,必須要重新做標記,接者在等搜尋引擎重新爬曲與索引網站,白白浪費時間與精力。
下圖是筆者使用資料螢光筆標記同分類的文章後在手機上呈現的搜尋結果樣式,所有在 NEWS 分類下的文章連結都會顯示出來,提供給大家參考。

Google Search Console 資料螢光筆
Google Search Console 資料螢光筆
鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。