Google 搜尋的視覺元素庫

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

Google 搜尋結果網頁解析

Google 搜尋結果網頁包含一組不同類型的搜尋結果視覺元素,其中每個搜尋結果自己都有一組可能的子視覺元素。舉例來說,「文字結果」本身就是視覺元素,而且包含歸因、標題連結和摘要等多種子視覺元素。

視覺元素的外觀可能會隨時間而變化,而且搜尋結果呈現的方式會因使用電腦或手機、您所在的國家/地區、搜尋查詢使用的語言以及許多其他因素而異。您可能會在 Google 搜尋中看到以下最常見的搜尋結果視覺元素:

Google 搜尋結果網頁的插圖,其中顯示最常見搜尋結果類型圖說:文字搜尋結果、複合式搜尋結果、圖片搜尋結果、影片搜尋結果以及探索功能。

文字搜尋結果

複合式搜尋結果

圖片搜尋結果

影片搜尋結果

探索功能

常見的搜尋結果視覺元素類型

文字搜尋結果

系統根據網頁文字內容在 Google 搜尋中產生的搜尋結果。進一步瞭解文字搜尋結果視覺元素

複合式搜尋結果

這類搜尋結果通常是仰賴網頁標記中所提供的結構化資料,才能顯示圖像元素或互動式體驗。探索結構化資料功能清單

圖片搜尋結果

系統根據該網頁中內嵌的圖片產生的搜尋結果。使用圖片搜尋查詢比較可能顯示圖片搜尋結果。進一步瞭解圖片搜尋結果視覺元素

影片搜尋結果

系統根據該網頁中內嵌的影片產生的搜尋結果。使用影片搜尋查詢比較可能顯示影片搜尋結果。進一步瞭解影片搜尋結果視覺元素

探索功能

這項功能可協助搜尋者展開及修正初始搜尋。進一步瞭解探索功能

歸因分析

歸因分析會說明搜尋結果的來源,而且可以顯示在各種搜尋結果類型中,包括文字、圖片和影片搜尋結果。歸因分析可包含來源的各個切面,例如網站名稱、網站小圖示和網頁網址。

這張插圖顯示 Google 搜尋中文字搜尋結果的歸因,其中的圖說標示了特定的歸因視覺元素,包括網站小圖示、網站名稱、可見網址、網域和導覽標記

網站小圖示

網站名稱

可見網址

網域

導覽標記

歸因視覺元素

網站小圖示

與網站相關聯的小型圖示。瞭解如何提供網站小圖示

網站名稱

網站的名稱。瞭解如何使用結構化資料提供網站名稱

可見網址

以可讀取格式顯示的網頁網址。可見網址分為兩個部分:網域和導覽標記。

網域

由網域名稱定義的網址。這是您在設定網站時選擇的名稱 (例如 example.com)。

顯示網頁在網站階層中的位置。瞭解如何使用導覽標記結構化資料指定位置。

文字搜尋結果

「文字搜尋結果」(舊稱「網頁搜尋結果」或「藍色純連結」) 是系統根據網頁文字內容在 Google 搜尋中產生的搜尋結果,其中包含歸因、標題連結和摘要等視覺元素。

文字搜尋結果也可以包含其他視覺元素,例如複合式搜尋結果屬性或網站連結群組。請注意,特定文字搜尋結果的顯示方式可能會因為許多因素而有所不同,例如您使用的裝置、搜尋的內容或使用的語言。系統不會顯示包含所有可能視覺元素的文字搜尋結果。

這張插圖顯示 Google 搜尋中的文字搜尋結果,其中的圖說標示了文字搜尋結果的特定視覺元素以及連結,可以讓使用者進一步瞭解如何控制這些元素

歸因

標題連結

資訊片段

更新/發布日期

網站連結

網站連結群組

文字搜尋結果視覺元素

歸因分析

網頁的來源資訊。瞭解如何控制歸因

Google 搜尋和其他資源 (例如 Google 新聞) 中搜尋結果的標題,可以連結到搜尋結果代表的網頁。瞭解如何影響標題連結

摘要

在 Google 搜尋和其他資源 (例如 Google 新聞) 中搜尋結果的說明或摘要部分。瞭解如何管理摘要

署名日期

Google 預估網頁更新或發布的日期。瞭解如何提供署名日期

來自同一網域的兩個或多個連結或其變化版本,會統整到單一文字搜尋結果底下。舉例來說,這些連結可以是該網域上的其他網頁、標題或該網頁中的錨點。

網站連結群組包含兩個以上的網站連結:

網站連結群組中的單一連結。雖然系統會自動提供網站連結,但建議您參考下列最佳做法來改善品質

文字搜尋結果圖片

「文字搜尋結果圖片」是系統針對特定查詢顯示的特殊網頁中所包含的最相關圖片。輕觸圖片後,系統會將使用者導向至內嵌該圖片的網頁。使用圖片搜尋查詢比較可能顯示文字搜尋結果圖片。

如要進行最佳化調整,讓系統顯示文字搜尋結果圖片,請遵循圖片搜尋引擎最佳化 (SEO) 最佳做法

這張插圖顯示 Google 搜尋中的文字搜尋結果,其中的圖說顯示哪個元素是文字搜尋結果圖片,也就是紅色鬱金香的小型預覽圖片

文字搜尋結果圖片

複合式搜尋結果屬性

「複合式搜尋結果屬性」是指關於網頁的一或多行額外資訊,例如評論星等和食譜資訊。這類資訊通常會以您所提供的結構化資料為基礎。

這張插圖顯示 Google 搜尋中的文字搜尋結果,其中的圖說顯示哪個元素是複合式搜尋結果屬性,也就是評論星等資訊

複合式搜尋結果屬性

主機群組

這張插圖顯示 Google 搜尋中的主機群組,呈現來自相同網站且歸為同一群組的兩筆文字搜尋結果

「主機群組」是指來自相同網站的兩筆或多筆連續的文字搜尋結果。由於這些結果是按相同的查詢排名因此歸為同一組。

這裡同樣適用文字搜尋結果的最佳做法,因為只是將兩筆文字搜尋結果歸為同一群組。請考慮是否要讓訪客前往其中一個網頁而非另一個網頁,並將該網頁設為標準網頁

圖片搜尋結果

「圖片搜尋結果」是系統根據網頁中內嵌的圖片產生的搜尋結果。使用圖片搜尋查詢比較可能顯示圖片搜尋結果。如要對圖片進行最佳化調整以顯示在圖片搜尋結果中,請遵循圖片搜尋引擎最佳化 (SEO) 最佳做法

這張插圖顯示 Google 搜尋中 4 張兔子的圖片搜尋結果,其中的圖說顯示歸因與圖片縮圖視覺元素

圖片縮圖

歸因

圖片搜尋結果視覺元素

圖片縮圖

顯示圖片已建立索引且已嵌入網頁的圖片縮圖。輕觸或點選縮圖就會將使用者導向至嵌入該圖片的網頁。如要對圖片進行最佳化調整以顯示在圖片搜尋結果中,請遵循圖片搜尋引擎最佳化 (SEO) 最佳做法

資訊來源

嵌入圖片的網頁來源資訊。瞭解如何控制歸因

影片搜尋結果

「影片搜尋結果」系統根據網頁中內嵌的影片產生的搜尋結果。使用影片搜尋查詢比較可能顯示影片搜尋結果。如要對影片進行最佳化調整以顯示在影片搜尋結果中,請遵循影片最佳做法

這張插圖顯示影片搜尋結果在 Google 搜尋中的外觀,其中的圖說顯示歸因、標題連結、上傳日期與影片縮圖等視覺元素

影片縮圖

標題連結

歸因

上傳日期

影片搜尋結果視覺元素

影片縮圖

顯示影片已建立索引且已嵌入網頁的影片縮圖。輕觸或點選縮圖就會將使用者導向至嵌入該影片的網頁。瞭解如何指定影片縮圖

影片到達網頁的標題連結。瞭解如何影響標題連結

歸因分析

影片到達網頁的來源資訊。瞭解如何控制歸因

上傳日期

中繼資料中提供的影片發布日期。瞭解如何對影片進行最佳化調整

探索功能

探索功能可協助搜尋者瀏覽更多與自己原始查詢相關的問題或搜尋內容 (又稱「其他人也問了以下問題」)。雖然您無法控管這裡顯示的內容,但當您思考為網站撰寫的主題時,可以留意相關搜尋查詢,這會有所幫助。

這張插圖顯示相關搜尋群組在 Google 搜尋中的外觀,呈現其他使用者搜尋過的一系列相關內容

「相關搜尋群組」是其他人已經完成的相關搜尋群組。輕觸或點選相關搜尋就會將使用者導向至另一個搜尋結果網頁。這些搜尋是系統根據最初查詢以及其他使用者搜尋過的內容自動產生。

這張插圖顯示相關問題群組在 Google 搜尋中的外觀,呈現與使用者最初搜尋內容相關的一系列問題

「相關問題群組」是指與使用者最初搜尋內容相關的一系列問題 (又稱「其他人也問了以下問題」)。當使用者展開問題時,就會顯示精選摘要。瞭解如何管理精選摘要