立即嘗試的 10 個可操作的圖像優化技巧

已發表: 2022-11-23

在發布帖子之前,您是否進行了嚴格的檢查,以確保您的內容沒有任何拼寫錯誤或語法錯誤? 當然,你知道。

您是否也通過清單來運行您的圖像? 不?

那麼,你並不孤單。

雖然大多數博主都非常努力地優化他們的內容,但圖像搜索引擎優化往往是事後才想到的。

是時候改變這種狀況了。

您可以而且應該利用網站上圖像的力量。 就像生活中的其他事情一樣,一旦你知道怎麼做,這就很容易了。

整個網站的一次性行動項目

讓我們從您只需為您的網站執行一次的這 4 個任務開始,為您的圖像 SEO 打一針強心針。

1.創建圖像站點地圖

在您網站的站點地圖中包含圖片,就像您將包含您網站的所有帖子和頁面(或者至少是那些需要被搜索引擎索引或發現的帖子和頁面)一樣。

Google 的圖片站點地圖指南指出,您可以選擇將圖片和帖子全部包含在同一個站點地圖中,或者為圖片創建單獨的站點地圖。

但是,如果您使用 CDN 託管圖像,它們可能不會包含在為您的網站生成的通用站點地圖中,因為此類通用站點地圖通常僅包含屬於同一域的文件。 因此,請考慮為此類情況創建一個單獨的圖像站點地圖。

此外,如果您的站點使用 JavaScript 代碼訪問圖像,Google 可能也無法找到這些圖像,除非您將它們列在站點地圖中。

詳細了解 Google 推薦圖片站點地圖的原因。

如何創建圖像站點地圖?

默認情況下,大多數 WordPress SEO 插件(例如 RankMath 或 Yoast)會創建一個站點地圖,其中包含圖像以及帖子和頁面(在同一站點地圖中)。 您還可以選擇排除或包含特色圖片,因為這些圖片有時往往很“花哨”,如果被編入索引則不一定會增加價值。

2.使用CDN

    使用圖像內容分發網絡可以幫助您更快地加載圖像。 提供高質量的圖像會極大地降低您的網站速度——當然這對 SEO 來說從來都不是一件好事。

    如果您不確定什麼是圖像 CDN,或者 CDN,這裡有一個非常快速的解釋 –

    什麼是 CDN?

    CDN 是內容分發網絡的縮寫。 確實如此。

    CDN 是世界各地不同數據中心的連接服務器網絡。

    當用戶訪問您的網站時,距離該訪問者位置最近的數據中心會提供您的內容。 這顯然使它更快。

    例如,假設您網站的內容位於西海岸的服務器上。 來自東海岸的訪問者登陸您的網站並瀏覽您的網站。

    現在,從西海岸一路獲取內容到東海岸將花費時間並降低您的網站速度。 相反,如果您使用 CDN,您的內容可能位於紐約的數據中心,從而可以更快地加載您的網站。

    Google 非常重視網站速度,您也應該如此。 使用 CDN 可以幫助顯著提高網站的性能。

    當然,除了真正簡化的解釋之外,還有更多內容。 如果您渴望了解有關 CDN 的更多信息,請閱讀我們詳細的 CDN 指南。 閱讀本文以獲取最佳免費 CDN 解決方案列表。

    什麼是圖像 CDN?

    圖像 CDN 與我剛才描述的常規 CDN 非常相似——但它具有轉換圖像、修改其大小、格式和質量的附加功能,因此圖像針對正在查看的設備進行了優化.

    有關更多信息,Google 在這裡總結了基礎知識。

    以下是一些流行的圖像 CDN 服務提供商 –

    Optimole – 以優化的方式壓縮、轉換、存儲和傳送圖像。 Optimole 可以使用其在 WordPress.org 上具有一流評級的 WordPress 插件輕鬆地與您的 WordPress 網站集成。 在此處閱讀我們詳細的 Optimole 評論以了解更多信息。

    Quicq – 承諾加快圖像傳輸性能。 在這裡閱讀我們詳細的 Quicq 評論。

    還有許多您可能想要考慮的圖像 CDN 提供商——MaxCDN、Cloudinary、Filestack、Imgix 和 Imagekit。

    3.啟用延遲加載

    延遲加載顧名思義——當訪問者實際向下滾動或導航到該區域並“需要”該圖像時,圖像會及時加載到訪問者的瀏覽器中。

    你如何啟用延遲加載?

    在 WordPress 5.5 版中添加了所有上傳到媒體庫的圖像的延遲加載作為默認功能(通過向具有寬度和高度屬性的img標籤添加 loading=”lazy” 屬性)。 後來,WordPress 5.7 版繼續包含iframe標籤的延遲加載。

    但是,如果您願意,您仍然可以選擇使用 WordPress 插件,例如免費的 a3 Lazy Load 插件 –

    • 禁用 WordPress 的默認延遲加載行為或
    • 通過支持延遲加載來增強 WordPress 的延遲加載功能
      • 媒體庫外的圖像
      • 可能不支持此 WordPress 屬性的瀏覽器
      • WordPress 無法延遲加載的 iframe 或視頻

      4.啟用瀏覽器緩存

      瀏覽器緩存是指瀏覽器在本地保存下載的資源,然後從那裡提供這些資源,而不是在用戶重新訪問該網站時再次下載它們。

      如何啟用瀏覽器緩存?

      如果您不熱衷於涉獵代碼,最好將其留給 WP Rocket 或 W3 Total Cache 等緩存插件。 如果您不怕編碼,請按照這些說明來 DIY 瀏覽器緩存。

      每個圖像的可重複操作項

      這是一份包含 6 個行動項目的列表,它們應該成為您的內容清單的一部分。 在發布任何帶有圖片的帖子之前,請確保遵守所有這些圖片優化要求。

      5.選擇正確的圖像格式

      “與 PNG 相比,WebP 無損圖像的尺寸要小 26%。 WebP 有損圖像比同類 JPEG 圖像小 25-34%”

      谷歌關於 WebP 的筆記

      Google 支持多種格式的圖像,但是,相對較新且鮮為人知的 WebP 格式是理想的選擇。 JPG 通常用於照片。 PNG 通常用於插圖和徽標(因為 PNG 允許透明背景)。

      谷歌根據一項比較 WebP、PNG 和 JPG 圖像的研究結果,建議使用 WebP 來提高性能。

      說服了嗎? 以下是 Google 關於如何使用 WebP 圖像的一些提示。

      6. 正確命名你的圖片

      圖片的文件名可以幫助搜索引擎“閱讀和理解”您的圖片。 隨機命名一個圖像文件,比如一個棕色筆記本電腦包,因為 MYPRODUCT202541.jpg 根本沒有幫助。

      相反,將其命名為“light-brown-laptop-bag.jpg”可為搜索引擎提供有關圖像內容的線索。

      同樣,一如既往,避免將關鍵字塞入圖像文件名中。 相反,盡可能保持自然和“人性化”。

      7. 壓縮你的圖片

      您需要在不影響質量的情況下將圖像文件的大小保持在盡可能小的水平。

      雖然圖像沒有固定的限製或建議的文件大小,但我見過的大多數網站都使用文件大小在 50KB 到 100KB 之間的圖像。

      您可以使用免費的 WordPress 插件,例如 WPSmush、TinyPNG、OptiMole 或 EWWW Image Optimizer 來壓縮您網站上的圖像。

      8. 添加有意義的 Alt 標籤

      每個圖像都有一個名為“alt”的標籤,字面意思是替代文本。 對於 SEO 和可訪問性,Alt 標籤是圖像最重要的方面之一。

      讓您的圖像易於訪問

      視障用戶使用的屏幕閱讀器工具可大聲朗讀您網站上的文本內容。 對於圖像,替代文本由此類工具讀出。

      因此,如果您的替代文字沒有正確描述圖像,那麼網站訪問者將毫無意義。

      您可能還想考慮使用輔助功能檢查器工具來評估您網站的輔助功能是否需要改進。

      讓你的圖片對搜索引擎友好

      谷歌無法“讀取”您的圖片,因此它使用您的替代文字來破譯圖片。 此外,當瀏覽器由於某種原因無法加載圖像時,它只會顯示它的替代文本。

      添加 alt 標籤時要避免的一些事情 –

      • 不要試圖在您的替代文本中塞入一長串關鍵字——Google 足夠聰明,可以看穿它。
      • 避免在同一帖子或頁面上為圖片使用重複的 alt 標籤——這樣做只會惹惱谷歌。

      使用 Image Block,在 WordPress 中向圖像添加 alt 標籤很容易。 如果您想為網站上的所有圖像批量更新 alt 標籤,您可能只需要插件。

      旁注——自 2022 年 8 月 6 日起,谷歌已棄用圖片標題和說明。換句話說,谷歌現在完全忽略了這些圖片標籤。

      如果您已經為圖像指定了這些標籤,則無需返回並刪除它們。 如果你有這些額外的數據,沒有缺點,但也沒有優勢了。

      9. 避免使用 GIF 動畫(就像瘟疫一樣)

      動畫 GIF 可能會導致文件過大、臃腫。

      相反,使用 MP4 等視頻有助於顯著減小文件大小。 使用 WebP 視頻會更好。 參考谷歌的例子來證明。

      10.使用補充內容的圖片

      您應該確保您的圖像(和替代文本)與圖像前後的文本內容一致。 否則,它可能會變得混亂並被搜索引擎誤解。

      例如,在描述麵食食譜的兩個段落之間嵌入宇宙飛船的圖像是不自然的。

      綜上所述

      總而言之,你需要做的就是高效地傳遞你的圖片,幫助谷歌找到你的圖片,並準確地理解你的圖片。

      這些簡單的圖像優化技術可以幫助產生如此多的 SEO 果汁。 你真的沒有理由忽視這些。 稍微注意圖像搜索引擎優化可以幫助顯著改善您網站的用戶體驗。 它產生的有機流量是一個受歡迎的獎勵。

      請留下評論並告訴我們您如何為您的 WordPress 網站優化圖像。 您嘗試過並喜歡(或討厭)的任何圖像優化 WordPress 插件?