什麼是圖像優化以及為什麼它對 SEO 很重要？

已發表: 2019-08-13
Image Optimization

最後更新 - 2021 年 7 月 8 日

視覺內容是當今每個網站不可或缺的一部分，超過80% 的營銷人員使用富媒體進行數字營銷活動。 谷歌圖像搜索界面的最新更新進一步提高了視覺內容在頁面排名中的重要性。 優化圖像會降低頁面加載速度並顯著提高頁面排名。 繼續閱讀以了解更多關於什麼是圖像優化以及為什麼它對 SEO 很重要。

什麼是圖像優化？

圖像優化是指在保持盡可能小的尺寸的同時提供高質量圖像的過程。

圖像優化主要有三種方法：調整大小、緩存或壓縮。 調整大小是指縮小圖像的大小，以達到最小的尺寸和最高的質量。 緩存方法，將圖像文件存儲在瀏覽器緩存中，減少頁面加載時間。

為什麼優化圖像很重要？

據谷歌稱，每天都有數億人使用谷歌圖片以視覺方式搜索網絡內容。 圖片搜索占美國前 10 大網絡搜索屬性中生成的所有查詢的 27%。

將 Google 的“查看圖像”按鈕從圖像搜索更新為“訪問 [頁面]”。 導致分析平台記錄圖像搜索產生的會話增加。 這增加了主機頁面的內容可見性。 圖片是重要的流量來源，我們應該利用它。

優化圖像可減少頁面加載時間。 因此，訪問者更有可能留在您的網站，因為用戶等待頁面加載的平均時間為 2 秒。 頁面加載得越快，訪問者在網站上的持久性就越高。 此外，因為谷歌優先考慮速度較快的網站，而懲罰速度較慢的網站。 總之，優化圖像可以在兩個關鍵方面為您提供幫助：

頁面加載速度

圖片包含超過一半的網頁權重。 這就是為什麼優化圖像大小是最小化加載速度的最簡單方法。

搜索引擎優化排名

實現黃金左角是每個營銷人員和網絡管理員的目標。 因此，為 SEO 優化圖像是必須的。 我們將在下一節中介紹一些技巧和技巧。

電子商務案例

對於電子商務商店而言，優化圖像以提供清晰且引人入勝的目錄尤其重要。 話雖如此，您需要一個具有內置 SEO 功能的可靠電子商務平台，以在搜索引擎結果中排名更高。

三個頂級電子商務平台 Shopify、Magento 和 Woocomerce 強調了優化圖像對 SEO 的重要性。 例如，Shopify 有一個在線教程，它建議用戶優化他們的圖像以進行 SEO 和轉換，由於質量和大小的比例，他們更喜歡 JPG 文件而不是其他格式。

因此，選擇提供最佳 SEO 功能的平台是最大化優化圖像影響的關鍵。 讓我們快速回顧一下這三個頂級電子商務平台：

WooCommerce

提供對商店源代碼的訪問，並提供一系列自定義，因此被認為是 SEO 友好的。 因此，WordPress 內容管理系統的擴展與 WordPress SEO 插件兼容。 根據這項統計，它是最受歡迎的電子商務平台之一。

一些可用於 WooCommerce 的 SEO 插件是：

  • 怪物洞察
  • 一站式搜索引擎優化包
  • 谷歌 XML 站點地圖
  • W3 總緩存
  • BZ 延遲加載
  • SEO優化圖像

定價——它是一個免費的電子商務插件，提供免費更新，為 SEO 提供定價擴展，從 49 美元起

安全性——您應該安裝由主機或第三方供應商出售的 SSL 證書，需要強密碼和有限的登錄。

性能——加載具有大量版本的圖像時，WooCommerce 往往會變慢。

Magento

端到端託管電子商務平台，是使用最廣泛的平台之一。

SEO — 提供強大的 SEO 內置功能，可擴展用於中型和大型在線商店。 一些可用於 Magento的SEO 擴展是：

  • Magento SEO Suite Pro 擴展 v9.5.2
  • Mirasvit 的高級 SEO 套件
  • Creare 的免費 Magento SEO 擴展
  • AheadWorks v1.3.8 的終極 SEO 套件

定價——它是開源的，帶有免費的社區版本。 Magento Enterprise Edition 是付費版本，通過請求報價定價。 像 WooComerce 一樣，提供付費 SEO 擴展。

性能——它作為一個內容管理系統運行，並得到 Adob​​e 的支持，它使它們變得靈活且用戶友好。

Shopify

基於雲的電子商務平台，無限銷售功能使其非常受歡迎。

SEO ——Shopify 應用程序就像是擴展其功能的插件，擁有自己的應用程序市場。

Shopify的一些最佳SEO 應用程序包括：

  • SEO 圖像優化器
  • SEO元管理器
  • 超搜索引擎優化

定價——提供不同的定價計劃，從 14 天試用開始。 基本計劃的起價為 29 美元，最高為 279 美元。

性能— Shopify 的最佳功能之一是頁面加載速度快。 這是 Shopify 高度重視圖像優化的結果。

如何針對 Web 和性能優化圖像

以下是一些提示，可幫助您優化圖像以獲得最佳性能。

#1。 自然命名圖像文件

在您的 SEO 中包含圖像的最簡單方法是命名它們。 嘗試使用圖像可以排名的關鍵字來查找圖像的邏輯名稱。

例如，假設您有一家銷售手工珠寶的電子商務商店，並且您正在銷售下圖中的耳環，您將其命名為“Silver Blanket”：

您可以將圖片命名為“image17797.jpg”，也可以將其命名為“earrings-seed-beads-woven.jpg”，更多地根據您的潛在客戶可以使用的搜索關鍵字來查找您的產品。

同樣，圖像 alt 和標題屬性有助於圖像在搜索中排名更高，從而改善用戶體驗。 反過來，這會隨著時間的推移建立頁面相關性，從而導致搜索引擎將該頁面識別為值得排名更高的頁面。

將這些屬性寫得簡潔且符合語法邏輯，以幫助可訪問性讀者，從而改善所有用戶的體驗。 這同樣適用於頁面上的圖像標題和圖像周圍的關鍵字，幫助搜索引擎獲得更多圖像上下文。

 主機頁面的 HTML 標題標籤現在顯示在圖片搜索結果中，因此這些標籤也應該與圖片相關。

#2。 使用正確的尺寸和格式

使用不同類型的格式可以幫助您保持網站權重正常。 例如，您可以將 SVG 用於徽標或圖標，因為它很輕並且適用於簡單的圖像和有限的顏色。

PNG 非常適合用於具有透明背景的圖像，儘管它是最重的類型，因此請謹慎使用。 JPG 是最常用的圖像類型，因為它允許大量細節和顏色。 但是，您應該保持 JPG 圖片小於 100 KB 和 1920 像素，以避免給頁面增加過多的重量。

如果您需要保存大圖像，可以將其設置為漸進式 JPG，其中圖像在加載時開始漸進式顯示

GIF 應保存為具有簡單配色方案的簡單動畫，因為它們僅限於 256 種顏色。

#3。 A/B 測試你的圖片

聯合利華案例就是如何改善圖像的一個很好的例子。 聯合利華用他們的英雄形象代替了傳統的包裝照片，從而徹底改變了市場，從而改善了移動用戶的體驗。 這張主圖傳達了更多信息，包裝特寫和一條展示消費者最感興趣的元素的條帶。

#4。 託管和緩存圖像

在瀏覽器完成頁面加載之前，圖像會增加對服務器的請求數量，從而減慢頁面速度。

 圖像精靈和託管圖像曾經有助於加快檢索和加載圖像的速度今天，根據您的設置，將圖像託管在與 HTML 文件相同的主機上可能會更快。

在您的域上託管圖像有助於從任何將您的圖像嵌入到其內容中來捕獲潛在的鏈接資產。 其他好處包括控制緩存、品牌和重定向控制。

使用內容交付網絡 (CDN) 可以通過讓服務器靠近用戶位置來縮短加載時間。

關於緩存。 圖片應該是緩存時間最長的資產，為所有圖片類型設置服務器過期時間。

 在緩存方面，還要確保為所有圖像類型設置了服務器過期時間。 圖像應該是緩存時間最長（通常是數週）的一些資源。

#5。 使用數字資產管理解決方案

數字資產管理解決方案不僅可以幫助組織您的圖像庫，還可以幫助您優化圖像。 一個好的DAM 解決方案具有自動標記功能，可幫助您使用正確的、可搜索的關鍵字正確命名您的圖像。

#6。 使用延遲加載

根據您加載圖像的方式，您實際上可以減慢您的頁面速度。 使用延遲加載技術允許頁面完成加載，儘管當訪問者向下滾動頁面時加載了屏幕外的圖像。

 這可以提高頁面速度，但您應該小心正確索引圖像。 就此而言，使用圖像站點地圖有助於建立索引，從而促進發現和抓取。

您可以在本YouTube 教程中了解有關如何為 Shopify 或 WooComerce 等電子商務網站優化圖像的更多信息。

總之：使用圖像來提升您的搜索引擎優化

圖像不僅是您內容的良好視覺輔助工具。 如今，圖像實際上為您的內容帶來了流量，有可能建立持久性並提高您的頁面排名。 因此，優化您的圖像以吸引搜索對於每個願意改善其 SEO 的網站來說都是必須的。