從 Alt 標籤到圖像文件大小的 SEO 圖像優化

已發表: 2020-08-29
SEO Image hero illustration
27.4% 的谷歌搜索結果是圖片。 (莫茲)

在之前的帖子中,我們已經寫過關於 SEO 標題、元描述和標題標籤的文章。

現在是時候探索 SEO 的另一個重要方面——圖像優化。

圖像是任何網頁的重要元素。 它們使您的內容更加直觀,並幫助您的網站訪問者更好地記住關鍵信息。

最重要的是,如果優化得當,它們可以幫助您進行 SEO 工作。

在本文中,我們將:

  • 解釋為什麼圖像對 SEO 很重要
  • 揭示圖像優化的三個最佳實踐
  • 為您的網站準備圖片的五個技巧
  • 概述使用圖像豐富內容時要採取的五個關鍵步驟
  • 推薦用於圖像優化的最佳免費工具

讓我們直接跳進去!

尋找頂級 SEO 公司?
在這裡找到它們!

目錄

  • SEO 圖片:為什麼它們對 SEO 很重要?
  • 在您的網站上進行 SEO 圖片優化的最佳實踐
  • 為您的網站準備圖像時要考慮的 5 件事
  • 將圖像添加到您的網站時要採取的 5 個步驟
  • SEO 圖像優化的最佳免費工具
  • SEO 圖像優化的要點

SEO 圖片:為什麼它們對 SEO 很重要?

27.4% 的谷歌搜索結果是圖片。

它們對於在 Google 上獲得前 10 名的排名與關鍵字和反向鏈接一樣重要。

這樣做的主要原因很簡單——圖像增強了您的內容並使其對訪問者更有價值。

當您的訪問者發現您的內容有價值時,他們更有可能返回您的網站並在上面花費更多時間。 這提供了穩定的忠誠流量,使您的網站對 Google 更有價值並提高您的排名。

最重要的是,針對 SEO 優化圖像可以幫助進一步增加您的流量並開拓新市場。

例如,62% 的千禧一代和 Z 世代消費者希望視覺搜索成為數字購物體驗的一部分。

因此,通過優化您網站上的圖像以進行視覺搜索,您可以讓該受眾更容易訪問您的內容、產品或服務。

SEO Image: 27.4% of all Google search results are images

在您的網站上進行 SEO 圖片優化的最佳實踐

在深入研究為 SEO 優化圖像的分步過程之前,讓我們先介紹 SEO 圖像優化的三個關鍵最佳實踐。

最佳實踐#1:避免庫存圖片

在您的網站上使用圖片就是為了讓您的內容更加直觀和易於訪問。

坦率地說,庫存圖片幾乎無法做到這一點。 它們很少與您的內容相關,並且很可能會出現在您的網站上,這將導致您的讀者簡單地掩蓋它們。

這裡的最佳實踐是花一些精力製作自定義圖像。 圖表、插圖、屏幕截圖或 GIF 更引人注目,並且可以根據您的內容進行定制。

最佳實踐#2:不要忘記版權

如果您決定使用第三方圖像,請確保遵守版權法。

不這樣做不僅會顯得品味不佳,而且還會明顯損害您的業務。

2018 年,美國郵政局因在郵票設計中使用了受版權保護的自由女神像而捲入了 350 萬美元的版權侵權訴訟。

為避免這種情況,請確保僅使用公共領域或具有適當知識共享許可的第三方圖像。

62% of Millennials and Gen Z consumers want visual search to be a part of the digital shopping experience.

最佳實踐 #3:確保圖像增加價值

在為您的新博文選擇圖片之前,先問問自己:

這張圖片會給我的讀者帶來什麼價值?

圖像不僅應該使您的內容更具視覺吸引力 - 它們還應該為其增加價值。

您可以使用圖像來突出顯示否則會丟失在副本中的統計數據,或者在表格中總結複雜的內容。

確定圖像是否為您的內容帶來價值的一般經驗法則很簡單。 想像一下您的文章或博客文章帶有您要添加的圖像,然後再想像一下沒有該圖像的情況。

如果帖子看起來不完整或缺少圖像而缺少某些關鍵信息,則意味著它很有價值。

我們對頂級網頁設計機構進行了排名。
在這裡找到它們!

為您的網站準備圖像時要考慮的 5 件事

轉向更實用、可操作的技巧——在為您的網站準備 SEO 圖像時,需要考慮以下五件事。

#1:選擇高質量的圖像

“高質量”是指圖像中內容的質量及其視覺質量。

例如,如果您要創建自定義表格插圖,則該表格中的文本應該易於閱讀和理解。

或者,如果您想用圖像突出顯示統計數據,請確保該統計數據具有相關性和真實性。

最重要的是,確保您的圖像看起來很棒——包括確保它們的大小合適。

#2:選擇正確的格式

圖片有不同的文件格式,但只有少數適合 SEO 優化。

他們每個人都有自己的優勢和用例:

  • PNG提供更高的質量和功能,例如背景透明度。 將其用於較小的圖形元素或屏幕截圖。
  • JPEG可以壓縮到相對較小的尺寸,而不會對質量造成太大影響。 它最適合插圖和更大的圖像。
  • SVG是一種基於矢量的格式,您應該將其用於徽標和圖標。 它重量輕,可以在不損失質量的情況下進行操作。
  • GIF是動畫圖像的標準格式。 它們可能非常引人注目,但以犧牲大文件為代價。
  • WebP、JPEG XR 和 JPEG 2000是所謂的下一代圖像格式。 您可以在不犧牲質量的情況下將它們壓縮到更小的尺寸。 但是,它們尚未得到普遍接受和支持。

#3:優化文件大小

如果加載時間超過 3 秒,40% 的用戶將離開您的網站。 頁面越重,加載所需的時間就越長——圖像佔頁面總重量的 30.2%。

這就是為什麼將圖像壓縮到盡可能小的尺寸是 SEO 圖像優化的關鍵步驟。

理想情況下,您所有的 SEO 圖片都應小於 100 kB。

為此,JPEG 是最合適的文件格式。 根據壓縮工具的不同,您可以將 JPEG 圖像的大小減少多達 69%,而不會顯著降低質量。

SEO Image: Images make up to 30.2% of the total weight of a webpage

#4: 為 SEO 命名圖片

雖然這似乎是一個微不足道的細節,但您的圖像文件的名稱也會對整體 SEO 產生影響。

Google 會分析您的圖片文件的名稱,以了解您的圖片和整個內容的上下文。

為 SEO 命名圖像很簡單。 確保圖像文件的名稱准確地描述了圖像的內容,並且不要忘記包含您要排名的關鍵字。

#5:創建響應式圖像

51.53% 的全球網絡流量來自移動設備。

因此,響應性已成為網站設計的一個重要趨勢。

響應式網頁設計的關鍵元素之一是響應式圖像。

因此,SEO 圖像優化的一個關鍵步驟是確保您網站上的圖像在不同設備上正確顯示並根據屏幕大小調整大小。

對如何進行 SEO 關鍵詞研究感興趣?
在這裡學習!

將圖像添加到您的網站時要採取的 5 個步驟

恭喜,您已為新文章準備好所有圖片!

但是 SEO 圖像優化過程還沒有結束。

要優化您添加到網站的圖片,請務必執行以下步驟:

第 1 步:優化 Alt 標籤

如果 Web 瀏覽器無法加載圖像或訪問者看不到它們,則圖像的 alt 標籤或 alt 文本將顯示這些內容。

Google 漫遊器還會抓取您圖片的替代文字以了解您的內容。 這就是替代文字是 SEO 圖像優化的另一個重要元素的原因。

替代文字應該是唯一的和描述性的,以直接的方式解釋圖像的內容

第 2 步:包括您的主關鍵字

嘗試在圖像的所有元元素中包含您的主要關鍵字——替代文本、標題標籤和描述。

但是,不要過火。 包括自然所屬的焦點關鍵字將有助於您的搜索引擎優化。

除此之外的任何事情都可能被谷歌視為關鍵字填充,並會損害您的排名。

第 3 步:添加適當的標題

與網頁正文相比,圖片說明的關注度最高可達 300%。

這就是為什麼你不應該讓它們浪費掉。 除非您使用標題空間來引用圖像的來源,否則一定要在那裡包含一些有價值的信息。

通過標題,您可以進一步擴展圖像的內容或突出顯示令人信服的事實。 無論哪種方式,您的用戶都會注意到它。

SEO Image: Image captions get up to 300% more attention than the body copy of your webpage.

第 4 步:優化社交媒體圖像

這裡的邏輯很簡單——在社交媒體上分享的內容總是會得到更多的關注和流量。

然而,僅僅分享它是不夠的。 您的圖像應該引人注目且引人注目。 圖像預覽是其中的一個重要元素。

例如,如果您希望您的內容在 Facebook 上獲得一些關注,請確保相應地更新 Open Graph 圖像元標記。

第 5 步:創建圖像站點地圖

最後但並非最不重要的一點是,要確保 Google 漫遊器能夠抓取您網站上的所有圖片,請創建一個圖片站點地圖。

擁有圖像站點地圖將增加您的 SEO 圖像出現在 Google 搜索結果中的機會。

反過來,這將有助於為您的網站帶來更多流量。

SEO 圖像優化的最佳免費工具

不確定使用哪些工具來優化您的 SEO 圖片?

以下是三個可幫助您入門的免費示例:

免費工具 #1:Google PageSpeed Insights

Google 自己的 PageSpeed Insights 工具是分析頁面加載速度問題的絕佳選擇。

出於 SEO 圖像優化的目的,它可以幫助您識別網站上影響加載速度的未壓縮圖像。

Google PageSpeed Insights screenshot
[來源:Google PageSpeed Insights]

免費工具#2:iLoveIMG

一旦確定了影響加載速度的圖像,您就需要壓縮它們並調整它們的大小。

一個很好的工具是 iLoveIMG。

這是一個免費網站,允許您執行批量操作——您可以一次上傳所有圖片,而不是一張一張地壓縮圖片。

此工具還為您提供了幾個壓縮百分比選項,因此您可以在文件大小和質量之間取得完美平衡。

iLoveIMG screenshot
[來源:iLoveIMG]

免費工具#3:YoastSEO

如果您的網站在 WordPress 上運行,YoastSEO 是 SEO 圖像優化的必備工具。

這是一個強大的插件,具有廣泛的 SEO 相關功能,可以幫助您完成從正確獲取元標題到優化 SEO 圖像的任何事情。

YoastSEO 還會提醒您為圖片添加 alt 標籤,並檢查您選擇的特色圖片是否會在 Facebook 和 Twitter 上正確顯示。

Yoast SEO screenshot
[來源:Yoast SEO]

SEO 圖像優化的要點

SEO 圖片優化是 SEO 的一個重要方面,您不應忽視。

隨著數字體驗變得更加視覺化,您的圖像對網站內容的影響也在增加。

周到地使用圖像將豐富您的內容,只要您:

  • 避免庫存圖片
  • 遵守版權法
  • 確保圖像為您的讀者增加價值

在為您的網站準備圖片時,請確保:

  • 使用高質量的圖像
  • 選擇適合圖像的格式
  • 壓縮文件
  • 準確命名您的圖像
  • 優化圖像以提高響應能力

要確保在將 SEO 圖片上傳到網站時對其進行優化,請按照以下步驟操作:

  • 填寫每張圖片的替代文字
  • 在圖像的元屬性中包含您的主要關鍵字
  • 適當地為您的圖片加上標題
  • 優化社交媒體預覽的圖像
  • 在您的網站上創建圖像站點地圖

通過遵循本圖片優化指南,您將確保您網站上的圖片能夠促進您的 SEO 工作,從而帶來更多流量、轉化率和收入。

尋找最好的數字營銷機構?
在這裡找到它們!