Google 搜尋結果的視覺元素圖庫
來源聲明:本文為〈Visual Elements Gallery of Google Search〉(Google Search Central,Google,2026-02-04)的繁體中文翻譯,已依中文閱讀習慣調整斷句,並在文末另加「編輯解讀」。原文以 Creative Commons 姓名標示 4.0 授權。原文連結:<https://developers.google.com/search/docs/appearance/visual-elements-gallery>。文中「編輯解讀」為本站觀點,不屬於原文。
視覺元素是使用者在 Google 搜尋結果頁上看得到或點得到的組成部分。這份圖庫說明最常見的元素長什麼樣子、叫什麼名字,以及你能不能針對每一項優化網站。
外觀會隨時間改變。同一則結果在桌面和手機、不同國家、不同查詢語言下,也可能不一樣。
搜尋結果頁上常見的類型
| 類型 | 它是什麼 |
|---|---|
| 文字結果 | 根據頁面文字內容產生的結果。 |
| 複合式結果 | 通常依賴頁面標記裡的結構化資料,用來顯示圖形元素或可互動的體驗。 |
| 圖片結果 | 根據嵌在該網頁上的圖片產生,較常出現在使用者正在找圖片的查詢。 |
| 影片結果 | 根據嵌在該網頁上的影片產生,較常出現在使用者正在找影片的查詢。 |
| 探索功能 | 幫助搜尋者擴大或縮小最初的搜尋。 |
一則文字結果本身是一個視覺元素,裡面還可以有出處、標題連結和摘要等子元素。
出處
出處說明搜尋結果從哪裡來,可以出現在文字、圖片和影片等不同結果上。它可能包含網站名稱、網站圖示和網頁網址。
| 元素 | 說明 |
|---|---|
| 網站圖示 | 和網站相關的小圖示1。 |
| 網站名稱 | 網站的名字。可以用結構化資料提供2。 |
| 可見網址 | 以便於閱讀的方式顯示的頁面網址。它有兩部分:網域,以及麵包屑。網域是架站時選定的地址,例如 example.com。麵包屑顯示這一頁在網站層級中的位置,可以用 Breadcrumb 結構化資料指定。 |
文字結果
文字結果以前叫「網頁結果」或「純藍色連結」。它根據頁面的文字內容產生,包含出處、標題連結和摘要等元素。
它也可能多出複合屬性或一組網站連結。同一則結果會因裝置、查詢內容或語言而不同。你不會看到一則文字結果把所有可能的元素都放齊。
| 元素 | 說明 |
|---|---|
| 出處 | 網頁的來源資訊。 |
| 標題連結 | 搜尋結果的標題,連向該網頁。也會用在 Google 新聞等其他產品。可以影響它,但不能保證原文標題原樣出現3。 |
| 摘要 | 搜尋結果裡的說明或提要4。 |
| 署名日期 | Google 估計網頁更新或發布的日期。 |
| 網站連結組 | 同一網域或其本地化版本下、聚在一則文字結果下面的兩條以上連結。連結可能是該網域的其他頁面、標題,或頁內錨點。其中每一條叫一個網站連結。網站連結是自動產生的,仍有一些最佳做法可以提高品質。 |
文字結果中的圖片
這是該網頁上、和這次查詢最相關的一張圖片。點下去會到嵌有這張圖片的網頁。使用者正在找圖片時比較容易出現。優化方式是遵循圖片 SEO 最佳做法。
複合屬性
複合屬性是關於網頁的一行或多行額外資訊,例如評論星等或食譜資訊。這些資訊通常由你提供的結構化資料驅動。
圖片結果
圖片結果根據嵌在網頁上的圖片產生,較常出現在找圖片的查詢。優化方式同樣是圖片 SEO 最佳做法。
縮圖點下去會到圖片本身。出處則是嵌有這張圖片的網頁來源。
影片結果
影片結果根據嵌在網頁上的影片產生,較常出現在找影片的查詢。優化方式是遵循影片最佳做法。
它可能包含影片縮圖、到達頁的標題連結、出處,以及中繼資料裡提供的上傳日期。點縮圖會到嵌有這支影片的網頁,不是直接播放一個與頁面無關的檔案。
探索功能
探索功能幫助搜尋者查看和最初查詢相關的其他問題或搜尋,也就是大家也在問。你不能控制這裡顯示什麼,但相關查詢仍值得看,可以用來想網站還可以寫哪些主題。
相關搜尋是一組其他人做過的相關搜尋。點下去會到另一個搜尋結果頁。這些搜尋依最初查詢和其他人搜過的內容自動產生。
相關問題是一組和使用者最初搜尋相關的問題。展開問題後會看到精選摘要。精選摘要有單獨的管理方式。
常見問題
- 文字結果裡一定會同時出現標題、摘要、日期和網站連結嗎?不一定。同一則文字結果會因裝置、查詢、語言和其他因素而不同。你不會看到一則結果把所有可能的元素都顯示出來。
- 標題連結和摘要可以自己控制嗎?可以影響,但不能指定最終文字。標題連結有單獨的做法文件,摘要也有控制方式。Google 仍可能改寫。
- 網站連結是手動提交的嗎?不是。網站連結是自動產生的。文件說可以遵循一些最佳做法來提高品質,但沒有提供保證出現的開關。
- 「大家也在問」和相關搜尋可以指定內容嗎?不能控制這裡顯示什麼。它仍值得看,因為相關查詢可以幫忙決定網站還可以寫哪些主題。
- 複合式結果和文字結果有什麼差別?文字結果主要來自頁面的文字內容。複合式結果通常依賴頁面標記裡的結構化資料,用來顯示圖形或可互動的內容。
編輯解讀
一句話重點:搜尋結果不是一塊固定版面。你能準備的是出處、標題、摘要、圖片和結構化資料;要不要被組在一起,由 Google 依查詢決定。
這對你的網站意味著什麼:
- 先把標題連結和摘要寫清楚。這是文字結果裡最常被看到的兩塊。
- 網站名稱和網站圖示分開準備。出處不好,使用者分不清結果是不是你的站。
- 不要為了「做出網站連結」去堆一排頁尾連結。文件說它是自動的。
- 圖片和影片要嵌在對應的網頁上,並遵循各自的最佳做法,才比較有機會變成圖片結果或影片結果。
- 看「大家也在問」來找題目可以,不要把它寫成你能提交的欄位。
適用與不適用的情境:適合用來統一團隊對「標題連結、摘要、網站連結、複合式結果」這些詞的叫法。不適合拿來當結構化資料的欄位手冊,每一種複合式結果有自己的文件。
需要注意的限制:這是 Google 的介面說明,頁面在 2026-02-04 更新。外觀會變,文件自己也這樣寫。它沒有提供「做了網站圖示之後點擊上升多少」這類數字。
延伸閱讀:
- 如何影響 Google 搜尋結果裡的標題連結(同站,頁面優化)
- 搜尋引擎最佳化入門:Google 官方基礎指南(同站,SEO 入門與指南)
名詞與資料來源
1. 網站圖示 — Google Search Central:〈Define a favicon to show in search results〉 <https://developers.google.com/search/docs/appearance/favicon-in-search>(檢索日期:2026-09-30) 2. 網站名稱 — Google Search Central:〈Site names〉 <https://developers.google.com/search/docs/appearance/site-names>(檢索日期:2026-09-30) 3. 標題連結 — Google Search Central:〈Influencing your title links in search results〉 <https://developers.google.com/search/docs/appearance/title-link>(檢索日期:2026-09-30) 4. 摘要 — Google Search Central:〈Control your snippets in search results〉 <https://developers.google.com/search/docs/appearance/snippet>(檢索日期:2026-09-30)
One Comment
Comments are closed.