Google 搜尋的視覺元素庫(Visual Elements gallery of Google Search)

Google 整理了一份在 Google 搜尋結果頁面會出現的各種視覺元素(Visual Elements)，例如常見的網站連結、精選摘要、圖片、影片等等，總共有 22 種元素。

視覺元素是 Google 搜尋結果網頁的主要構成元素，使用者可以看到這些元素，或與這些元素進行互動，視覺元素庫是 Google 網頁搜尋中最常見 UI 元素的圖解指南，用來說明這些元素的外觀及名稱，並說明您是否能將網站最佳化以顯示每個元素。

Table of Contents

Google 搜尋結果 UI 元素的圖解指南

在這個說明網頁中，除了列出了 22 種視覺元素，還說明了這些元素的外觀、名稱、圖解，以及是否可以針對它們來優化網站等等。視覺元素的外觀會隨著時間的推移而變化，呈現方式可能會有所不同，取決於使用的是桌上型電腦還是手機、所在的國家/地區、搜尋查詢的語言以及許多其他因素。

歸因分析(Attribution)

歸因分析說明了搜尋結果的來源，可以出現在各種搜尋結果類型中，包括文字、圖片和影片結果，歸因分析可以包括來源的各個方面，例如網站名稱、網站圖示和網頁的 URL。

	屬性視覺元素
網站圖示	與網站關聯的小圖示，了解如何提供網站圖示。
網站名稱	網站的名稱，了解如何為網站名稱提供結構化數據。
可見網址	以可讀格式顯示的頁面的 URL。一個可見的 URL 有兩部分：網域和導覽標記。
	領域由域名定義的網址。這是您在架設網站時選擇的網域名稱（例如，example.com）。
	導覽標記顯示頁面在網站層次結構中的位置導覽。了解如何使用Breadcrumb 結構化數據指定路徑。

根據本人的經驗，導覽標記並不等於您的網址目錄階層結構，例如我有一個網頁是 Google 搜尋排名系統指南，它的網址是 https://ga4.cc/1291/google-ranking-systems-guide/，但是在 Google 的搜尋結果頁中，導覽標記卻是以 https://ga4.cc > google-ranking-systems-guide，自行移除掉了 /1291 的目錄階層，可見導覽標記並不是直接取用網址目錄結構，而是 Google 爬取網站後自行解析網站架構所定義的導覽結構。

文字搜尋結果(Text result)

文字搜尋結果是 Google 搜尋中基於網頁文字內容的結果，它包括的視覺元素，包括屬性、標題連結和摘要。

文字搜尋結果還可能包含其他視覺元素，如複合式屬性或附加連結組，文字搜尋結果的呈現方式可能會因為各種因素而不同，例如您使用的設備、搜尋的內容或使用的語言，所以也不會看到同時包含所有可能的視覺元素的文字搜尋結果。

文字搜尋結果圖片(Text result image)

文字搜尋結果圖片是取網頁中與搜尋最相關的圖片，點擊圖片會跳轉到含有此圖片的網頁，若要針對文字搜尋結果圖片進行優化，請參考 Google 圖片搜尋引擎最佳化 (SEO) 的最佳做法。

複合式搜尋結果屬性(Rich attributes)

是關於網頁的一行或多行附加資訊，例如評論星級和食譜資訊，此資訊的來源通常是由結構化資料標記所提供。

網站如果是使用架站系統(例如 WordPress、OpenCart、Joomla)，並安裝了佈景主題或版型，通常就會內建支援結構化資料標記，並不需要找工程師另外開發設計，這也是使用架站系統的優點之一，但是即使網站已經支援了結構化資料標記，仍需要在網站適當的欄位，樹入適當的資料內容，才會被網站系統填入結構化資料標記中，所以填寫完善的資料，仍是經營網站 SEO 的基本工作之一。

至於頁面的評論資料，是來自用戶所留下而產生的資料，建議開放用戶填寫評論的功能，並提供友善的客戶服務，讓用戶主動留下好評價，對網站的 SEO 也會有幫助。

主機群組(Host group)

主機群組是來自同一個網站的兩個或多個連續文字搜尋結果，它們被放在一起顯示，因為它們都符合同一搜尋條件。

這個搜尋結果群組(Host group)元素說明了，即使有多個網頁都是在討論同一個主題，仍是有機會同時出現在搜尋結果頁的，可能內容不重複但有關連性，所以如果有某個主題的內容實在很多，拆分成多頁讓使用者更方便閱讀，對 SEO 也未必是有害的，不過如果該主題的內容不多，即使分多次編寫的內容，也可以考慮合併編寫在同一個頁面即可。

圖片搜尋結果(Image result)

圖片結果是基於網頁上嵌入的圖片的結果，它更有可能出現在圖片搜尋中，若要針對圖片結果優化圖片，請參考 Google 圖片搜尋引擎最佳化 (SEO) 的最佳做法。

圖片會出現在 Google尋結果已有好一段時間，而且通常非常醒目，是一個可以爭取用戶點擊的機會，這邊要努力的是，很多人喜歡用情境式的照片來呈現商品，但這種作法會讓照片的內容變得複雜，Google 在解讀照片內容時，商品的比重容易被降低，縮小後出現在搜尋結果的圖片，可能也不容易呈現原本想要的情境效果，所以建議除了情境照片之外，應該有要準備清楚特寫的商品圖片，以利於出現在搜尋結果的圖片效果，吸引用戶的點擊。

影片搜尋結果(Video result)

影片結果是基於網頁上嵌入的影片的結果，它更有可能出現在影片搜尋中，若要針對搜尋結果優化搜尋，請參考影片搜尋引擎最佳化 (SEO) 最佳做法。

探索功能(Exploration features)

探索功能可幫助搜尋用戶探索與其原始搜尋相關的更多問題或延伸搜尋（也稱為“People also ask”），雖然無法控制此處顯示的內容，但在考慮可以為網站撰寫的主題時，注意相關的搜尋會很有幫助。

▍如何取得最新的電商資訊

本人工作的主要業務為電商網站的建置、客製、與維運，所以我有一些電商產業的資訊、技術、行銷、實際案例、及電商經營觀點分析，能跟大家分享，除了部分資訊整理成文章至此部落格分享以外，其餘文章的發文管道將此以下規則:

行銷科技洞察社團(本社團) : 以行銷科技相關訊息+淺層分析為主，歡迎加入 https://www.facebook.com/groups/martech.insight

▍作者

電商工匠王仁佑，從事電商網站架設、客製、維護、SEO、顧問服務等超過 20 年，所經營的開源電商有限公司，是 OpenCart 系統在台灣最主要的技術支援廠商。

Facebook 個人檔案(王仁佑) : https://www.facebook.com/dakswang

王仁佑

開源電商創辦人，投入購物網站建置工程技術，至今已累計有 20 年的經驗，建置服務超過 1000 個網站，為台灣最專業的 OpenCart 技術專家。
經營行銷科技洞察FB社團，長期分享行銷、SEO、GA4、社群、廣告等文章，是電商及網路行銷雙棲顧問。