在 SEO 方面，我們希望確保我們的客戶獲得他們可用的任何競爭優勢。谷歌搜索結果中更具吸引力的元素之一是有機列表能夠通過 SERP 圖像縮略圖脫穎而出。
但並非每個網站都可以使用 Google 搜索縮略圖處理，特別是多圖像處理，這會對點擊率產生重大影響。我一次又一次地目睹這種情況，讓 SEO 專業人員摸不著頭腦。
我在本指南中的目標是通過解決圖像縮略圖問題的可操作提示，更清楚地說明情況。在我們開始研究之前，我將首先在搜索上下文中提供一些關於圖像縮略圖的背景。
快速回答
在嘗試為網頁顯示多圖像縮略圖處理時，需要採取一些重要步驟來了解情況。首先，評估頁面是否遇到預覽問題或網站 CMS例如圖像相關性、圖像質量、替代文本、產品標題、頁面上有超過 8 張圖像、出現順序，以及確保圖像背景和產品排列與其他網站一致接受治療。
Google 搜索中圖像縮略圖的歷史
圖像縮略圖已經成為谷歌移動搜索結果的一個功能已有很長一段時間了（至少幾年）。直到大約一年前在桌面上進行了重大測試後，隨著最近的發布，圖像縮略圖才成為谷歌大部分搜索結果的標準功能。
有機列表的圖像縮略圖並不是很快就會消失的功能，隨著時間的推移它們的重要性會逐漸增加。根據 Rank Ranger 的說法，圖像縮略圖出現在 40% 的桌面 SERP 和 65% 的移動 SERP 中。
同樣，Advanced Web Ranking數據表明，基於行業的特徵在突出方面存在顯著差異。圖像縮略圖可見的熱門類別位於購物、時尚與時尚、食品與飲料和旅遊等行業。
相反，圖像縮略圖不太明顯的類別包括政府、政治、個人理財和教育。這些不就是少視覺區嗎？是的，這可能是圖像縮略圖出現頻率較低的一個重要原因。
儘管我自己的研究（我將在不久後進行）表明多圖像格式幾乎只存在於電子商務領域。隨著單一圖像格式在各種行業中越來越普遍。
不同類型的圖像縮略圖
當涉及到谷歌 SERP 圖像縮略圖時，網頁實際上可以出現三種不同的情況。多個圖像可以按順序顯示，單個圖像可以顯示為預覽，或者根本沒有圖像。
以下是每個外觀的細分：
多圖像縮略圖
通過多圖像縮略圖處理，谷歌在此處選擇多張圖像顯示在搜索結果預覽中。這看起來像這樣：
顯示電子商務類別頁面的多圖像縮略圖處理。
根據我的研究，我發現 Google 在桌面預覽中只提取了 4 張圖片，這可以被認為是最少的圖片數量。然而，這確實取決於圖像方向，縱向圖像需要更多圖像來填充空間。
單個圖像縮略圖
與多圖像處理相比，縮略圖與單個圖像一起出現在網頁上要普遍得多。對於 Rank Ranger 和 AWR 等工具顯示的數據，記錄的是單一處理。這看起來像這樣：
顯示電子商務類別頁面的單個圖像縮略圖處理。
由於單圖像縮略圖的流行，我對如何選擇單圖像沒有太大興趣，因此我的研究並沒有過分關注單圖像縮略圖的操作方式。SEO 大部分時間都知道。
沒有圖像縮略圖
谷歌還可以選擇完全不為搜索結果顯示任何圖像，這往往看起來像標準的網絡搜索列表。這看起來像這樣：
沒有顯示電子商務類別頁面的圖像縮略圖。
SEO 專業人士有興趣更好地理解為什麼出現這種處理而不是桌面上的多圖像處理。特別是在頁面上看起來有相關圖像可以提取供 Google 用作縮略圖的情況下。
既然我們已經介紹了 Google 搜索中圖像縮略圖的歷史以及可能出現的不同類型的縮略圖，我的帖子現在將轉移到我知道 SEO 專家會感興趣的組件。首先，我將進行細分解決圖像縮略圖問題時從哪裡開始。
合格圖像縮略圖問題
在解決問題時，確定丟失圖像縮略圖的範圍是第一要務。我對丟失圖像縮略圖進行故障排除的經驗是，有 3 個嚴重級別：排名問題（級別 1）、預覽問題（級別 2）和索引問題（級別 3）。
3 個嚴重級別中的每一個都有自己的問題。在我的指南的這一部分中，我將展示如何確定您的網頁正在運行的級別以及嚴重級別對您的情況意味著什麼。
1 級嚴重性（低）：排名問題
9 月 1 日更新：從最近開始，似乎不再有可以在 Google 頁面上顯示的最大數量的多圖像縮略圖。有一段時間的測試，谷歌顯示了超過 4 個帶有多圖像縮略圖的頁面，並且從那以後開始默認顯示更多。考慮到這一點，我會說不再有與試圖讓多圖像縮略圖處理出現相關的“排名問題”。
排名問題最簡單，也最容易理解。我的研究（我稍後會詳細介紹）發現有一個多圖像縮略圖過濾器在起作用。我發現谷歌一次最多只能顯示 4 個多圖像處理網頁。
這很像 FAQ 和 How-to rich results，它們有一個過濾器，可以防止每個 rich results 一次顯示超過 3 個。使用圖像縮略圖，目標是不要在頁面上方出現 4 個多圖像處理。這是假設您的頁面首先符合多圖像處理的條件，我將在第 2 級和第 3 級中詳細介紹。
顯示在合格頁面上方顯示 4 個多圖像縮略圖處理的影響的示例。
上面的示例很好地突出了以排名為中心的多圖像縮略圖取消資格的影響。雖然 etsy.com 上的頁面在澳大利亞的墨爾本和阿德萊德都對查詢“香料罐”進行了排名，但谷歌第一頁結果的出現順序略有不同，這在搜索者的位置發生變化時很常見。
問題不在於 Etsy URL 的位置，而是該頁面符合左側（墨爾本）前 4 個多圖像縮略圖處理的條件。而右邊的結果（在阿德萊德），Etsy 結果不符合處理條件，因為已經有 4 個頁面的多圖像縮略圖處理排名在頁面上方。
在查看 AWR 為我的文章發送給我的原始數據時，我確實發現排名 1 和 2 的結果的圖像縮略圖高度集中。然而，排名 3-10 的結果仍然分佈均勻超越。雖然出現在第 2 位的縮略圖最多，但我不認為該排名位置有特殊待遇。同樣重要的是要注意，AWR 數據（以及 Rank Ranger）涵蓋一般的縮略圖，而不是具體的多圖像處理。
這幾乎涵蓋了我對頁面未顯示的多圖像縮略圖處理的嚴重級別 1（低）的研究。似乎沒有適用於單個縮略圖處理的類似於此的過濾器。SERP 上出現的總共 4 個圖像縮略圖僅用於多圖像處理，沒有任何明確的因素起作用，即需要頁面在頁面上的特定位置排名才能有資格進行處理。
2 級嚴重性（中）：預覽問題
如果您的網頁在多圖像處理方面遇到預覽問題，這就是事情開始變得更加複雜的地方。確定您的頁面是否存在預覽問題的最有效方法是使用一個簡單的站點搜索運算符，測試您排名並與頁面相關的不同查詢。例如，對於沒有遇到多圖像縮略圖預覽問題的頁面，這是這樣的：
電子商務類別頁面未遇到圖像縮略圖預覽問題的示例。
在上面的示例中，頁面正確顯示，站點搜索運算符與相關查詢相結合。這意味著所有頁面需要做的就是出現在符合多圖像處理條件的前 4 個頁面中，然後該處理很可能會出現在該頁面上。相反，在某些情況下，圖像雖然未出現在預覽中，但已被編入索引（第 3 級對此有更多介紹），從而導致頁面出現預覽問題。
這是一個頁面示例，該頁面遇到與頁面相關的查詢的預覽問題，並且最好顯示多圖像處理：
電子商務類別頁面遇到圖像縮略圖預覽問題的示例。
如您所見，頁面中的任何圖像均未填充到站點搜索運算符中的查詢片段中。然而，頁面中的圖像顯示在下方（與圖像搜索相關），看起來與查詢相關。這意味著頁面遇到預覽問題。這將導致最壞的情況：第 3 級。
3 級嚴重性（高）：索引問題
當頁面遇到與圖像縮略圖相關的索引問題時，它會對 Google 將圖像顯示為網頁片段一部分的能力產生相當大的影響。圖像縮略圖的索引問題可以是頁面級別的，也可以是站點範圍的。全站點範圍意味著問題更為廣泛，需要對整個方法進行審查。
在評估索引問題時，我們將再次使用與站點搜索運算符相關的第 2 級中使用的相同方法。第 2 級和第 3 級之間的差異與圖像未出現在圖像搜索中有關，這暗示谷歌首先訪問圖像內容存在問題。例如，Foot Locker 在其網站上有一個頁面接收了合理的流量（根據 Ahrefs 數據，約 11K p/mo 有機訪問），但類別頁面上的圖像都沒有被索引：
電子商務類別頁面遇到圖像縮略圖索引問題的示例。
上面顯示了沒有包含查詢的站點搜索運算符，但是當混合中包含各種相關查詢時會出現相同的結果。對於圖像縮略圖的網頁來說，這不是一個好兆頭，谷歌甚至沒有機會為單一縮略圖格式選擇圖像，更不用說多圖像處理了。
如果您的網頁屬於此類，則您需要確定問題是基於頁面的還是全站範圍的。如果它是基於頁面的，那麼它與該 URL 上的具體內容相關。如果它是整個站點範圍內的，那麼您手上就有一個更大的問題，並且可能與整個站點使用的一種方法有關，而 Google 對此反應不佳。
通過將搜索設置一次設置為 100 頁（而不是 10 頁）並使用站點搜索運算符對站點排名的各種查詢進行評估，可以輕鬆評估您的站點是否遇到站點範圍內的圖像縮略圖問題. 如果說前 10 個查詢沒有產生單個圖像縮略圖，而這是預期的結果，則您可能遇到了站點範圍的圖像縮略圖索引問題。例如，Kmart 是澳大利亞的一個網站，它遇到了網站範圍的縮略圖問題。
Kmart 的許多類別頁面都遇到了網站範圍內的圖像縮略圖問題。
對於 Kmart，儘管這些頁面具有相當多的相關視覺效果，但他們網站上的類別頁面很少出現單個縮略圖。為圖像縮略圖索引問題增加一層，據我所見，Kmart 根本沒有對任何多圖像縮略圖片段進行排名。我認為 Kmart 是受 3 級圖像縮略圖問題阻礙的站點的典型示例。
確定我帖子這一部分中涵蓋的每個嚴重級別的目的是弄清楚您與實現多圖像縮略圖處理的目標有多接近。通過遵循我在帖子的這一部分中強調的方法，您至少會了解您的網站所遇到的問題的影響力和廣泛性。
研究顯示
我對圖像縮略圖的研究主要集中在許多 SEO 專業人員感興趣的多圖像處理上。特別是，我發現有很多關於結構化數據和網站使用的 CMS 的影響的討論可能會影響多圖像縮略圖處理在桌面上的顯示方式。需要明確的是，我發現結構化數據或網站的 CMS 之間沒有相關性，這是一個核心因素，可以解釋為什麼或為什麼不使用多圖像處理來顯示片段。
結構化數據和多圖像縮略圖
關於結構化數據（或某些人稱之為模式標記），我發現在我的研究中，大約 30% 的多圖像處理結果在頁面上根本沒有結構化數據（絕大多數是電子商務類別頁面）。然而，有一小部分確實具有ItemList Schema（另一種建議有助於多圖像處理），儘管此標記在大多數情況下包含出現在類別中的每個產品。因此，當選擇一組圖像作為片段顯示時，實際上不可能確定架構是影響因素。出於這個原因，我對 ItemList 作為一個因素或與此相關的其他 Schema 沒有太大信心，除非測試顯示前後相關性。
繼續 Schema 對多圖像處理有影響的理論，我也經常看到 SEO 中“豐富結果”一詞的混淆。許多人認為“富媒體搜索結果”是指與標準網頁片段看起來不同的任何內容，谷歌甚至是這樣定義它的。我認為這種措辭已被斷章取義，這導致我的經驗出現很多混亂。“富媒體搜索結果”是源自結構化數據而非 HTML 的內容，應在搜索庫中引用有資格以這種方式進行分類。因此，由於特定於圖像縮略圖（特別是多圖像縮略圖）的處理沒有出現在搜索庫中，並且沒有證據表明它源於結構化數據，我們不應該以這種方式對其進行分類。
然而，我要補充一點，我已經看到單一縮略圖處理受到結構化數據使用的影響。這是在 Google 可訪問的頁面上沒有很多相關圖像的情況下，因此 Google 會回退到作為頁面標記的一部分但在頁面本身的 HTML 中找不到的圖像。所以就像我說的，我並沒有將其視為可以考慮包含在縮略圖中的一個影響因素，但我只是沒有足夠的證據表明這是一種接受多圖像處理的有效方法。
內容管理系統 (CMS) 和多圖像縮略圖
關於內容管理系統 (CMS) 對多圖像縮略圖處理的影響這一主題，我發現沒有證據表明特定 CMS 本身是罪魁禍首。相反，更有可能是在各種平台的類別頁面上使用的附加功能。當我提到我將進行這項研究並撰寫相關文章時，有幾個人提到他們認為 Shopify 不是用於生成多圖像縮略圖的良好 CMS。我發現這是不確定的，使用 Shopify 構建的網站正確和錯誤地顯示了多圖像處理。
然而，值得注意的是，我發現大量使用 Magento CMS 的站點都具有良好的多圖像處理覆蓋率。這並不是說 Magento 在接受治療方面肯定比其他 CMS 更好，但在我的研究樣本中似乎確實覆蓋了這些網站。關於 WordPress 也可以這樣說，但程度較輕。
圖片縮略圖的影響因素
需要明確的是，我的研究結果並沒有太多的一致性。並不是說某個網站做了 X，然後他們就可以很好地接觸到多圖像縮略圖處理，或者如果他們做了 Y，他們就沒有得到任何曝光。我的經驗是，可能還有其他因素在起作用，可以繞過一些基本的東西，比如在圖像中添加替代文本。然而，在我想列出的多圖像處理方面做得很好的站點之間存在一些共性。
此列表的目的是提供各種清單，以便在對您的站點未出現的多圖像縮略圖處理進行故障排除時使用。回到我的帖子前面提到的嚴重程度級別，本節專門關注級別 2-3，這些級別主要圍繞為您的頁面有效顯示的預覽和一般的圖像內容索引。這裡有一些想法可以測試您的網頁或網站是否屬於這些類別之一。
- 禁用 JavaScript 測試： Shane Jones 提出的一個很好的建議是禁用 JavaScript並查看頁面中的圖像是如何加載的。我在研究期間對此進行了測試，發現存在一些不一致之處（我將提出的其他建議也是如此），但在某些情況下它肯定是一個重要的貢獻者，尤其是對於 3 級縮略圖問題。不使用 JS 進行圖像加載將被認為是一種更可靠的圖像內容交付方法。
顯示禁用 JavaScript 時圖像如何加載到頁面上的示例。
- 圖像相關性：考慮到 SERP 預覽（級別 2），假設頁面上的大部分圖像都已編入索引。這使得圖像相關性成為一個更重要的因素，因為谷歌將更加依賴適合在搜索結果中顯示的圖像作為頁面片段的一部分。通過將多圖像處理作為基準與其他站點上的頁面進行比較，確保圖像與查詢相關。
- 圖像質量：我見過圖像大小導致質量問題的案例，這可能是 Google 未將其包含在代碼段中的原因。在 Google 的搜索結果中呈現的圖像質量已經降低，因此如果圖像質量已經很低，則可能導致 Google 根本不想在搜索結果中顯示它。確保圖像尺寸合理且沒有像素化。
- 替代文本：這可以被認為是圖像 SEO 最基本和最基礎的方面之一，但仍然是我遇到過圖像沒有替代文本的類別頁面的地方。同樣，從我所看到的情況來看，這並不是一個破壞交易的因素，但在嘗試解決圖像縮略圖問題時，您會希望儘早檢查您的列表。
- 產品標題：出現在類別頁面上的產品標題提供了優化類別排名的查詢的機會。它還允許頁面有機會為特定圖像提供更多上下文，這可以作為協助在 SERP 中顯示圖像的考慮因素。
- >8 個相關圖像：這是一個沒有特定數量的完美圖像的圖像，因為它更多地與方向相關，但是頁面上有 8 個以上的圖像符合多圖像縮略圖處理的條件很重要。例如，如果有 4 張圖片，但它們都是縱向的，這可能不足以在桌面上填寫搜索結果片段，導致片段僅採用單個縮略圖處理。
- 出現順序：在頁面較高位置提取最好和最相關的圖像可能是一個因素。如果頁面有幾張與頁面內容不夠相關的圖片（我曾在禮品創意頁面看到過這種情況），那麼您可能會失去接受多圖片處理的機會。
- 透明背景：當產品圖片上有太多透明空間時，我在谷歌的搜索結果中看到背景變成黑色（而不是白色）。我已經看到這種情況發生在單個縮略圖上，但不會發生在多圖像處理上。這可能是因為 Google 不想在搜索結果中顯示多張黑色背景圖片（通常對比度不佳）。
- 新（產品排列）：與我合作的一個大型電子商務網站，他們沒有接受核心類別頁面的多圖像處理，因為產品圖像在圖像中包含各種產品（例如：幾雙不同顏色的鞋子)，而不是谷歌似乎更喜歡的單一產品。確保圖片內容不會太雜亂，以至於 Google 無法輕鬆提取多張圖片並將它們並排顯示。
上面的 9 條建議為找出我在研究中遇到的一些更常見的問題提供了一個很好的起點。我目前還在與澳大利亞的一家大型電子商務網站合作，該網站正在測試我在上面詳述的一些建議。我將對此進行記錄，以發現最終允許他們接受多圖像處理的建議，敬請期待。
關鍵要點
當談到谷歌 SERP 圖像縮略圖時，在接收多圖像處理方面有很多需要解壓的地方。評估影響的第一步應該是了解情況的嚴重性，從具有排名問題的頁面一直到重要且廣泛的索引問題。
一旦確定了您的網站適合的情況，就該開始將與圖像縮略圖相關的理論付諸實踐了。正如我在研究中所詳述的那樣，我認為結構化數據不會對多圖像縮略圖處理產生直接影響，但如果這是谷歌的下一個最佳來源，它可以協助單一處理。將責任歸咎於 CMS 也不太可能有幫助，因為沒有太多證據表明 CMS 本身就是原因。
然而，我建議研究 9 種不同的想法。從禁用 JS 開始查看圖像是否加載，這很容易成為第 3 級（索引問題）的貢獻者。其他建議包括評估圖像質量和相關性、添加替代文本、查看產品標題、頁面上的圖像數量、圖像的出現順序以及圖像背景的外觀。評估每一個是解決多圖像處理問題的一個很好的起點。
圖片縮略圖常見問題解答
結構化數據是否需要接收多圖像縮略圖處理？
不需要。結構化數據通常不是在 Google 搜索結果中接收圖像縮略圖的必要條件。沒有架構的頁面能夠生成多圖像處理，這意味著它不是必需的。這並不意味著 Schema 根本沒有幫助。我只是沒有足夠的證據來推薦它作為解決問題的方法。
圖像縮略圖是否可以從該站點或其他站點上完全不同的 URL 填充到頁面上？
不是。出現在 Google 搜索結果中的縮略圖來自該頁面源代碼中的圖像，而不是其他頁面或網站。如果縮略圖出現在您的頁面上，則意味著它在某處，您可能只需要在 DevTools 中或使用Google 的 Rich Results Test在呈現的 HTML 中進行一些挖掘。
**縮進結果是否具有顯示多圖像處理的能力？**
不可以。縮進結果（通常作為網站的第二個結果出現）似乎無法產生多圖像處理。看起來只有第一個 URL 會得到完整的處理。常見問題解答豐富的結果也是如此。如果頁面有一個縮進的 URL 與初始 URL 一起出現，並且它們都符合 FAQ 豐富結果的條件，則只有初始 URL 會與 FAQ 處理一起出現。
****產生 FAQ Schema 豐富結果的頁面能否顯示多圖像處理？****
是的。根據我的研究，這看起來是可能的。如果一個頁面既符合 FAQ 豐富結果的條件，又符合多圖像縮略圖處理的條件，則兩者都可以同時出現在桌面上的頁面上。這看起來像這樣：
顯示帶有多圖像縮略圖處理和常見問題解答豐富結果的電子商務類別頁面。
****Shopify 或其他內容管理系統是否會對多圖像處理產生負面影響**？**
不，我沒有看到與特定 CMS 的連接，也沒有看到使用縮略圖從多圖像處理中排除。看起來某些平台（如 Shopify）確實有時會使用 JS 在類別頁面上顯示圖像，但這肯定會導致圖像縮略圖問題。
****og:image 標籤是否影響多圖像縮略圖處理？****
因為 og:image 標籤只指定一個圖像，所以它不會影響 Google 是否為一個頁面顯示多個圖像。這是因為 Google 需要訪問一系列圖片（我的建議是至少 8 張）以便在 SERP 中顯示多張圖片。擁有 og:image 標籤可能有助於處理單個圖像縮略圖，但不適用於多個圖像。