Google 搜尋的視覺元素庫

視覺元素是 Google 搜尋結果網頁的構成元素,可供使用者查看或進行互動。視覺元素庫是 Google 網頁搜尋中最常見 UI 元素的圖解指南,不僅說明元素的外觀和名稱,也指出能否針對每個元素進行網站最佳化。

Google 搜尋結果網頁解析

Google 搜尋結果網頁包含一組類型各異的搜尋結果視覺元素,每個搜尋結果也各有一組可能的子視覺元素。舉例來說,「文字搜尋結果」本身就是視覺元素,還包含出處、標題連結和摘要等多種子視覺元素。

視覺元素的外觀可能會隨時間變化,搜尋結果呈現的方式也可能有所不同,影響因素包括使用的裝置為電腦或手機、使用者所在國家/地區、搜尋查詢的語言等。以下是使用者在 Google 搜尋中可能最常看到的搜尋結果視覺元素:

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

文字搜尋結果

複合式搜尋結果

圖片搜尋結果

影片搜尋結果

探索功能

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

文字搜尋結果

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

複合式搜尋結果

搜尋結果通常是仰賴網頁標記中的結構化資料,才能顯示圖像元素或互動體驗。歡迎查看結構化資料功能清單

圖片搜尋結果

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

影片搜尋結果

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

探索功能

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

資訊來源

出處說明的是搜尋結果來源,可顯示在各種搜尋結果類型中,包括文字、圖片和影片搜尋結果。出處可包含來源的各個面向,例如網站名稱、網站小圖示和網頁網址。

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

網站小圖示

網站名稱

可見網址

網域

導覽標記

歸因視覺元素

網站小圖示

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

網站名稱

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

可見網址

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

網域

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

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

文字搜尋結果

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

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

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

歸因

標題連結

資訊片段

更新/發布日期

網站連結

網站連結群組

文字搜尋結果視覺元素

資訊來源

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

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

摘要

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

更新/發布日期

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

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

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

網站連結群組中的單一連結。雖然系統會自動提供網站連結,但如果要提升品質,則建議參考最佳做法

文字搜尋結果圖片

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

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

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

文字搜尋結果圖片

複合式搜尋結果屬性

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

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

複合式搜尋結果屬性

圖片搜尋結果

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

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

圖片縮圖

歸因

圖片搜尋結果視覺元素

圖片縮圖

顯示圖片已建立索引且已嵌入網頁的圖片縮圖。使用者輕觸或點選縮圖後,就會前往嵌入該圖片的網頁。如要進行圖片最佳化以顯示在圖片搜尋結果中,請採用圖片 SEO 最佳做法

資訊來源

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

影片搜尋結果

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

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

影片縮圖

標題連結

歸因

上傳日期

影片搜尋結果視覺元素

影片縮圖

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

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

資訊來源

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

上傳日期

中繼資料中提供的影片發布日期。瞭解影片最佳做法

探索功能

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

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

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

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

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