完整的電子商務圖像優化指南 2023

已發表: 2022-11-04

介紹

營銷是在市場中發現問題，然後將解決方案出售給客戶。換句話說，它是關於創建和傳播對問題的認識。在創造意識的同時，重要的是要考慮到您作為營銷人員正在與正確的消費者進行交流。

搜索引擎優化對於通過找到合適的受眾來增加網站流量至關重要。 SEO有助於對由搜索查詢驅動的搜索結果中的內容進行排名。它由三個組件組成。

頁面搜索引擎優化
站外搜索引擎優化
技術的

On-Page SEO 涵蓋頁面上存在的內容。圖片是頁面搜索引擎優化的重要組成部分，也是網頁流量和提高評級的絕佳媒介。

本指南的目的和目標是誰？

如果您使用谷歌管理在線內容，本指南適合您。本指南的學習成果如下：

學習搜索引擎優化的基礎知識
了解在 Google 上優化圖片的重要性
了解並了解在 Google 上優化網頁和圖片的技術要求
學習並了解優化圖像的最佳實踐

如果您通過 Google 搜索擁有、管理、獲利或推廣在線內容，則本指南適合您。您可能是一家蓬勃發展的企業的所有者、十幾個網站的所有者、網絡機構的 SEO 專家或對搜索機制充滿熱情的 DIY SEO 專家：本指南適合您。

如果您正在尋找根據 Google 的最佳實踐更好地優化圖像的技術的全面概述，那麼您來對地方了。需要注意的重要一點是，本指南將揭示在 Google 中自動將您的網站排名第一的秘密。

但是，遵循最佳實踐應該可以讓搜索引擎更輕鬆地抓取、索引和理解您的內容。

圖像優化

優化 Google 上的圖片將幫助您提高轉化率並將銷售額提高多達 9%。它還將有助於增強用戶體驗。大約 10.1% 的谷歌搜索是圖片。

圖像也是一種發現內容的方式。在搜索圖片時，用戶可能還想了解圖片提供的內容，這就是您為網頁吸引更多流量的方式。

搜索引擎有一個限制：他們無法讀取圖像。相反，他們專注於圖像的內容。正因為如此，圖像的優化技術是必不可少的，這樣用戶才能通過圖像搜索吸引更多的訪問者。

谷歌圖片對於內容的發現非常重要。數據顯示，總體而言，谷歌 20% 的搜索是通過圖片搜索發生的。此外，在 google 上對圖像進行排名比對內容進行排名花費的時間更少。

訪問圖像可以在為您的網站帶來流量方面發揮重要作用，因為它會使相關和重要的內容髮現變得更容易。圖像激發了用戶對描述或背後故事的興趣。

此外，優化圖像對於增強用戶體驗也至關重要。加載速度直接受圖像質量和大小的影響。如果頁面加載時間更長，則訪問者可能會從該頁面跳出，從而提高跳出率。

谷歌也開始使用網站速度作為排名因素。您網站的性能會影響訪問者的數量。

報告表明，未經優化的圖像佔據了高達 75% 的權重，從而導致糟糕的用戶體驗。

假設您正在嘗試查找與您的問題相關的答案或內容。但是，如果您訪問的網站需要很長時間才能加載，您有可能會跳到另一個網站。

另一方面，如果訪問者在您的內容中看不到任何圖像，他們也會放棄您的網站，從而使其變得糟糕且難以理解。

優化和添加有關產品的圖像也將提高您的轉化率，因為客戶會了解產品的外觀。

圖像優化的 6 個基本技巧

作為網站所有者，您需要優化網頁以獲得更好的性能，如前所述。為了提高您網站的性能，您需要在用戶體驗、技術 SEO 和內容可讀性等領域開展工作。

用戶體驗

創造更好的用戶體驗也可以提高網站的性能和排名。如果您網站的跳出率較高，則可能是您網站排名的負面因素。

根據 Google 的政策，自 2010 年以來，網站的性能一直是排名因素。更好的用戶體驗意味著用戶根據自己的需求和搜索意圖找到內容和網站。

以下 KPI 可以衡量用戶體驗：

會話率
跳出率
頁數/每個會話。

谷歌分析將幫助您了解您網站的性能，以便您分析您的網站出了什麼問題。

想要提升用戶體驗，首先要做的就是為人而寫。 Google 的新更新要求您編寫人們需要的內容。在頁內、頁外和技術三個方面進行優化。

一旦您為用戶提供所需的內容，網站的分析就會得到改善。您可以通過 Google Console 或 Google Analytics 使用上述 KPI 跟踪您網站的性能。

通過添加數字、圖表和圖像來豐富您的內容。對於電子商務網站來說，圖片和網站一樣重要。在電子商務網站的情況下，如果圖像不支持您的產品，那麼就沒有必要擁有一個網站。

該網站的主要目的是提供產品的視覺描述並向用戶解釋一個故事。此外，大多數用戶發現借助圖像進行解釋時，內容很容易理解和記住。

谷歌建議內容創建者為用戶而不是搜索引擎創建內容。遵循一些最佳實踐可以提高圖像的可見性。

網頁內容的質量在 Google 圖片上的圖片排名中起著至關重要的作用。 Google 上的圖片提供了更多背景信息，並使結果更具可操作性。頁面上的內容會為圖像生成文本片段，這些文本片段可以作為圖像的排名因素。

通過使界面和網站對每台設備都用戶友好，用戶體驗得到改善。報告表明，許多谷歌圖片是通過移動設備而不是桌面搜索的。

如果用戶難以訪問內容或圖像，跳出率很可能會增加。網頁的性能與其排名之間存在直接關係。最高性能將提高網頁上圖像的排名。

用戶友好的 URL 結構提高了網站的性能，因為 Google 使用圖像的 URL 路徑作為文件名來理解圖像。

提高速度

正確應用圖像優化技術來提高網站的速度。根據情況和使用情況，您應該相應地選擇圖像格式。有兩種類型的圖像格式矢量和光柵。

矢量適用於由簡單幾何形狀組成的圖像，例如徽標、文本或圖標。矢量圖像在每種分辨率下都能提供最佳效果，使其成為獲得更好效果的理想格式。

但是，當談到描述圖像時，矢量圖形就不夠用了。對於圖像，JPEG、JPG 或 WebP 等格式用於保存文件。這兩種格式各有利弊，因為光柵圖像不適合高分辨率要求。下圖描述了 Raster 和 Vector 圖像之間的結果

圖像的優化沒有確定的參數；相反，它是一組不同的技術來顯示更好的結果。另一個重要因素是找到更好的像素尺寸和編碼數據的最佳設置。

設置圖像的尺寸時沒有正確或錯誤的答案。這就是為什麼需要仔細分析以找到最佳尺寸設置的原因。

但是，特定的電子商務網站已經根據他們放置圖像的網站制定了規則。根據可用於圖片的空間，這些網站會要求用戶上傳特定尺寸的圖片。

理想網絡性能的成功圖像優化取決於使用最小的文件大小和最高質量的圖像。這種組合有助於圖像優化，從而提供最佳的 Web 性能。

替換文字屬性

圖像標籤的結構如下：

數據顯示，大約 90% 的 SEO 專家沒有利用圖像優化的一個重要方面，即在圖像標籤屬性中使用“alt”文本。添加描述您的圖像的關鍵字將有助於搜索引擎識別圖像的使用意圖。

使用屏幕閱讀器或具有低帶寬連接的人可以使用“alt”文本屬性訪問圖像。我們已經為搜索引擎打下了基礎，正如我們之前所討論的，搜索引擎無法讀取圖像。他們依靠替代文本來更好地理解圖像的描述。

重點應放在添加最能描述圖像的有用且有價值的關鍵字上。 “alt”屬性對於搜索查詢結果至關重要。這就是為什麼避免關鍵字填充可能會導致糟糕的用戶體驗。根據 W3 的指南調整替代文本至關重要。以下是不良和良好圖像標籤和“alt”文本屬性的示例

錯誤：<img src=”tshirt.jpg”/>（缺少替代文字）
不好：<img src=”puppy.jpg” alt=”Black Shirt Cool Shirt Boys shirt
男孩設計男孩 T 卹黑色真棒襯衫無袖襯衫酷帥哥襯衫”/> （關鍵字填充）
更好：<img src=“BMW-i8-White.jpg” alt=“BMW i8 Black”/>
最佳：<img src=”Tesla-model-s-red.jpg” alt=”Model s Tesla Red Color”/>

谷歌建議其用戶使用慢速網絡連接測試內容並審核可訪問性。

由於 Google 為其消費者提供了許多屬性和指南，因此還有其他技術要求可以更好地進行圖像索引。

使用圖片標籤 <img>

Google 會解析您頁面的 HTML 以將圖像編入索引，但它無法將 CSS 編入索引。在您的 CSS 中添加圖像以供顯示是沒有用的，因為 Google 無法將它們編入索引。這就是為什麼谷歌建議使用語義標記來更好地索引。

壞： <div style=”background-image: URL(crikcet_bat.jpg)”>Grey Nikols Balister</div>
好： <img src=”crikcet_bat.jpg” alt=”Grey Nikols Balister” />

谷歌支持的圖片格式

Google 圖片僅支持以下格式的圖片進行索引

BMP
動圖
JPEG
PNG
WebP
SVG。

響應式圖像

添加響應式圖像將增強您網頁的用戶體驗。用戶可以在不同的設備上使用響應式圖像，創造最佳的用戶體驗。

由於增強的用戶體驗和排名之間存在直接聯繫，因此響應式圖像現在是圖像優化的一個因素。

電子商務經理的首要任務是為其客戶提供最佳的用戶體驗。用戶體驗包括響應式設計、加載速度和優化的圖像。

其他優化提示：

上述是重要的基本圖像優化技術。以下技術可以將您的圖像優化提升到一個新的程度：

自動生成的文本

谷歌圖片會自動生成一個標題鏈接和一個文本片段來解釋用戶查詢的搜索結果。這些文本結果將幫助用戶了解圖像是否符合他們的意圖。

Google 使用多種來源來生成這些鏈接和片段，例如元數據、標題描述和元標記。以下是 Google 生成標題鏈接和文本片段以便為用戶提供更好結果的最佳做法：

網頁的每個標題標籤<title>中都應該有一個特定的標題
<title>中應該有描述性和簡潔的文字
標題標籤中不應有任何標題，例如“主頁”或“個人資料”。
網頁的標題標籤中應該有不同的關鍵字。獨特的標題文本將幫助用戶理解和區分電子商務網頁。
您的網頁標題也可以是您網站品牌的地方。您可以為您的企業添加標語以提供更多信息。

<title>Facebook - 連接你的人的地方</title>

您網頁的標題文本應該清晰，因為 Google 將使用以下來源生成標題鏈接或片段，例如
- 標題標籤中的內容
- 視覺標題顯示在網頁上
- 標題元素
- 錨文本
- 鏈接中的文本重定向到其他頁面。
應將相同的腳本用作網頁上的主要腳本。谷歌機器人將頁面標題與主頁鏈接。如果 Google 確定頁面標題與主腳本不匹配，它將生成一個新的文本文件。
除此之外，檢查您是否允許所有搜索引擎進行爬網也是必不可少的。如果 Google 不訪問您的頁面，它將使用頁面外屬性來生成文本文件。

添加突出的徽章

添加結構數據會將您的圖像顯示為豐富的結果。這些豐富的結果將與一個突出的徽章一起顯示，該徽章將為用戶提供相關信息。

如上圖所示，您可以了解板球拍圖片取自銷售該球拍的網站。如果用戶想購買蝙蝠，他們可以點擊圖片，將他們重定向到交易網站。

Google 提供了顯示結構數據的指南：

網頁必須使用以下三種支持的圖像格式之一進行標記：
- JSON-LD
- 微數據
- RDFa
如果您沒有阻止 Google bot 使用任何控製手段構建數據頁面，那將是最好的
提供最新信息，因為富媒體搜索結果不會顯示舊信息
不要將結構化數據用於誤導性信息
結構數據必須提供有關頁面內容的準確或相關信息
您應確保提供 Google 在以下標誌中分類的相關信息：

文章
書
麵包屑
旋轉木馬
課程
數據集
教育問答
雇主綜合評級
估計工資
事件
事實核查
常問問題
家庭活動
如何
圖像元數據
招聘啟事
學習視頻
本地業務
標識
數學求解器
電影
播客
練習題
產品
問答
食譜
審查片段
附加鏈接搜索框
軟件應用
可說的
訂閱和付費內容
視頻

如果您嘗試對徽章使用最具體的類別，那將是最好的。

如果用戶可以遵循指南，Google 會分配顯眼的徽章。

圖片站點地圖

圖片的 URL 也可以在網頁上提供，為此，您還應該在圖片中包含站點地圖，否則 Google 將無法理解或定位您的文件。

圖像站點地圖包含來自其他域的圖像，並且它們強制執行跨域限制。跨域限制將允許您使用內容交付系統 (CDS)，這將幫助您減少服務器負載、提高站點性能並允許基於分析的受眾細分。

<?xml 版本=”1.0″ 編碼=”UTF-8″?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

xmlns:image=”http://www.google.com/schemas/sitemap-image/1.1″>

<網址>

<loc>http://example.com/sample1.html</loc>

<圖像：圖像>

<image:loc>http://example.com/image.jpg</image:loc>

</image:image>

<圖像：圖像>

<image:loc>http://example.com/photo.jpg</image:loc>

</image:image>

</url>

<網址>

<loc>http://example.com/sample2.html</loc>

<圖像：圖像>

<image:loc>http://example.com/picture.jpg</image:loc>

</image:image>

</url>

</urlset>

Apimio 優化

有一個名為 Apimio 的產品信息管理軟件，可以幫助您分析和了解圖像是否經過優化。我們的 PIM 執行以下任務來增強 Shopify 用戶的體驗。

Apimio 讓您的產品旅程的每個部分都更加高效。在您的在線商店中開始使用優化的產品數據從未如此快速和簡單。它允許 Shopify 用戶導入批量產品數據並改進優化。

我們的 PIM 分析圖像並根據參數返回優化分數。以下屬性 Apimio PIM 分析

圖像尺寸
格式
規模

這些圖像是根據它們的特徵進行評分的。如果提到的任何兩個功能沒有完成，這將是一個 100% 未優化的圖像，反之亦然。

上圖是顯示文件格式、大小和尺寸等屬性不符合優化標準的屏幕示例。

此外，Shopify 還通過提供價格約為 2 美元的插件為用戶提供便利。它允許其用戶自動調整圖像大小和壓縮圖像，從而節省壓縮和調整數千張圖像的時間。