圖片 SEO:如何優化圖片以進行搜索

已發表: 2021-09-15

搜索不僅僅是 10 個藍色鏈接。 MozCast顯示超過 36% 的搜索包含圖像。

更不用說使用 Google 圖片搜索執行的所有搜索了。 對於品牌來說,這是一個巨大的潛在網站參與度。 然而,許多網站創建者並沒有花時間優化他們用於網站的圖像——他們相信一個簡單的替代文本行就足以取悅谷歌複雜的圖像 SEO 算法。

但谷歌的算法每天都在變得更聰明。

幸運的是,優化您的網站圖像以進行搜索並不需要無數小時實施複雜的 SEO 策略和公式。 SEO 的圖像優化需要幾個簡單的步驟。 通過關注圖像大小、速度、描述和內容等因素,您可以提供更好的用戶體驗並幫助 Google 定義和組織您的圖像。

用戶體驗的圖像優化

雖然所有 SEO 策略師都希望他們的內容在 Google 上排名靠前,但創建提供出色 UX(用戶體驗)的內容非常重要。 您提供的用戶體驗越好,參與和轉化的可能性就越高。 這就是為什麼最好的圖像優化包括上下文、相關性和網站質量。

以下是您可以如何優化圖像以獲得用戶體驗。

考慮圖像放置

選擇在網頁上放置圖像的位置對上下文和相關性的影響最大。 許多網站創建者在其網頁的隨機部分中添加一兩個圖像作為分解文本的一種方式。 但是這樣做最終可能會使您的聽眾感到困惑和分心。 圖像應放置在最相關的文本附近,以便為訪問者提供上下文。 請注意下一節中的圖像與文本的關係。 這也有助於 Google 為相關搜索查詢提供適當的圖像。

使用高質量和獨特的圖像

庫存照片是許多網站所有者的首選。 畢竟,它們通常是免費的、易於使用的,而且肯定會有一兩個與您的網站相關。 問題是所有其他網站創建者都可能在做同樣的事情,這意味著您使用的庫存圖片可能在其他十個類似您的網站上找到。

約翰·穆勒的推文。

就像 Google 的 John Mueller 解釋的那樣,“如果你想在 Google 圖片中排名,那麼使用與許多其他網站相同的圖片對你沒有​​多大好處。”

作為優化工作流程的一部分,請考慮創建您自己的獨特圖像,這些圖像純粹用於您的網站。 投資高質量的照片可以帶來更高的參與率,特別是如果您有一家電子商務商店,其中誘人的產品照片是必要的。

確保移動友好性

移動使用佔所有網絡流量的 50% 以上,因此您必須使圖像適合移動設備使用。 谷歌提供了一個簡單的移動友好測試,掃描你的網頁並測試它的移動使用,為你提供如何更好地優化任何圖像的建議。 對於未通過此測試的頁面,請考慮使用根據用戶訪問它的設備縮放大小的響應式圖像。

通常,HTML、CSS 和 Javascript 的組合用於根據設備提供正確大小的圖像。 大多數網站已經適合移動設備。 如果您在一個非常舊的網站上工作或不確定,只需調整您的網絡瀏覽器的寬度。 您應該看到圖像隨著瀏覽器窗口大小的變化而縮放。 您可以在本指南中閱讀有關創建響應式圖像的更多信息。

不要忘記網站質量

圖像優化只是確保出色用戶體驗的一部分。 在您的網頁上擁有其他高質量的內容會進一步增加其相關性和實用性。 Google 在考慮網站質量時會考慮許多不同的因素,包括安全性、專業知識、價值、可信度和組織。 您的網頁整體越發達,對人們的好處就越大,谷歌就越有可能對此感興趣。

如何優化圖像以提高速度

根據谷歌的報告,隨著“頁面加載時間從 1 秒變為 3 秒”,訪問者離開網頁的概率增加了 32%。 這一高統計數據表明,加載速度是網頁成功的一個影響因素。 沒有什麼比加載時間過長的圖像更能減慢頁面速度的了。

幸運的是,您可以通過多種方式優化圖像以提高頁面加載速度。

選擇正確的圖像格式

選擇正確的圖像格式是確保圖像能夠快速正確加載的第一步。 但是您如何確定哪種圖像格式最適合速度優化? 第一步是檢查您可以使用哪些選項作為 Google 支持的圖像格式。

  1. PNG :PNG 格式通常用於需要保留背景透明度的圖形、屏幕截圖或圖像。
  2. JPEG :最著名的圖像格式,JPEGS 適用於大照片或插圖。
  3. SVG :最適合任何可以以不同尺寸查看的自定義徽標或圖標。
  4. WebP :小尺寸圖像的高質量結果的最佳選擇。
  5. BMP :被認為是一個過時的選項,BMP 用於位圖圖像。
  6. GIF :用於移動圖形或動畫。

從優化的角度來看,關於 GIF 或視頻是否更好,圖像優化存在很大爭議。 兩種格式都有其優點和缺點。 視頻往往會獲得最高的參與度——近70% 的消費者在觀看有關產品的視頻後更有可能購買產品。 同時,視頻的加載時間往往比 gif 長,這會降低頁面速度。 選擇哪一個將取決於您網頁上的其他元素。 如果文字較多,請考慮僅使用 GIF。 如果頁面上的內容較少,則可以安全地使用視頻而不會犧牲加載速度。

記住圖像壓縮率

一旦選擇了正確的格式,您還必須考慮圖像壓縮率。 圖像壓縮過多會導致圖像質量差,而壓縮過少會導致文件過大。 許多照片編輯網站和應用程序允許您嘗試壓縮大小。 Google 提供了可應用於圖像的壓縮方法指南,涵蓋有損壓縮等術語。

請記住,對於壓縮圖像文件的大小,沒有“正確答案”——但 80% 是一個很好的起點。 除了最關鍵的情況外,您不太可能注意到圖像質量的任何下降。

拿著照相機的手的特寫鏡頭指向下來。
來源

考慮使用 WordPress 插件進行圖像優化。 對於 MarketMuse 博客,我們使用Kraken 。 設置完成後,它會在上傳到 CMS 時自動壓縮圖像。 這非常適合創建高效的工作流程。

選擇正確的圖像尺寸

提供具有正確尺寸的圖像是確保圖像不會對頁面加載速度和用戶友好性產生負面影響的最後一步。 提供過大的圖像會浪費帶寬並增加不必要的開銷。 大多數內容管理系統都會為您解決這個問題,但您仍然需要有一個適當大小的原始圖像才能開始。

Chrome 瀏覽器檢查工具可以幫助您快速確定合適的大小。 渲染大小是顯示圖像的尺寸。 在 MarketMuse 博客上,列寬為 760 像素,這實際上是圖像顯示的最大寬度。 內在大小是上傳到 WordPress(我們的 CMS)的圖像的大小。 通常,內在寬度不應大於渲染寬度。

網頁源代碼。
使用 Chrome 瀏覽器檢查圖像大小。

該規則的例外是屏幕截圖,您希望訪問者在較小尺寸的圖像中看到他們會錯過的所有細節。 例如,在 MarketMuse 博客上,我們經常展示我們平台的屏幕截圖。 但由於 760 像素的列寬限制,通常很難以任何精度辨別特定特徵。

因此,原始圖像(在本例中為 1644 像素寬)被上傳到 WordPress 並以較小的 760 像素寬度尺寸提供。 當讀者點擊圖片時,它會打開到全尺寸,在那裡可以看到他們所有榮耀的細節。

MarketMuse 頁面庫存。
單擊以查看全尺寸圖像。

快速說明:當圖像壓縮不夠時,請考慮使用 CDN(內容交付網絡)。 CDN 是一組地理分佈的服務器,它們協同工作以提供 Internet 內容的快速交付。 速度上的差異可能相當大,成本最低,在某些情況下是免費的。 閱讀Cloudflare的本指南以了解更多信息。

顯示美國和歐洲的地圖。
使用 CDN,更遠的用戶可以從更近的服務器節點更快地下載您網站的靜態內容。 (來源)

用於發現的圖像 SEO

如果圖片未被發現,則無法在 Google 上排名。 在這方面有兩個項目可以提供幫助; 圖像站點地圖和語義標記。

利用圖像站點地圖

什麼是圖片站點地圖,它如何幫助 Google 發現您的圖片? 圖像站點地圖是一個 XML 站點地圖,專門用於列出站點上的所有圖像 URL。 站點地圖本質上是一個藍圖,可幫助 Google 查找、理解和抓取您網站上的相關 URL。

從技術上講,您不需要站點地圖。 您可以通過 Google Search Console 提交 URL。 但是擁有一個效率要高得多,特別是當它隨著新內容的上線而自動更新時。

Rankmath 站點地圖設置。

對於 MarketMuse 博客,我們使用了RankMath ,這是一個 WordPress 插件,可在許多其他 SEO 任務中處理站點地圖。 它幾乎已經設置好了並且忘記了。 如果您需要手動創建站點地圖, Google 提供的這份關於創建站點地圖的指南會很有幫助。

考慮語義標記

最初,短語“語義標記”可能看起來很複雜。 值得慶幸的是,您不必擔心一些過於復雜的軟件。 語義標記是指特定頁面的內容標記或 HTML。 它可以幫助人類和搜索引擎更好地理解頁面上的內容。 這使其成為圖像優化的理想選擇。

所有 HTML 都應該為計算機和人類傳達描述您網站的信息。 閱讀Google 對 HTML 語義標記的看法,以獲取有關此問題的最佳提示和技巧。

用於索引的 SEO 圖像優化

您可以採取一些措施來確保 Google 準確地為您的圖片編制索引。

獲得描述性

在您的網站中包含描述性標題、描述和文件名有助於 Google 和人類更好地了解您的網站。 確保所有文本元素都具有描述性的最佳方法是將關鍵字戰略性地放置在將在搜索引擎中突出顯示的文本中。 此外,保持文字描述簡短但有效——避免使用下劃線等符號,因為谷歌算法無法識別它們。 您使用的每個單詞都應該為搜索結果服務。

整合結構化數據

為了幫助您在 Google 上獲得豐富的結果,請盡可能在圖片中包含結構化數據。 借助豐富的結果,Google 可以提供徽章,在用戶執行圖片搜索時為他們提供有關您網頁的更多相關信息。 Google 支持產品、視頻和食譜的結構化數據。

紙杯蛋糕
來源

此外,谷歌有深入的結構化數據指南,概述了將結構化數據整合到圖像 SEO 中的整個過程,您可以在此處閱讀更多信息。 最重要的提示是使您的信息和數據保持最新,並且不要編造可能誤導用戶的無關數據。

使用 alt 標籤

如果圖像未加載到您的頁面上,則會出現替代文本,以幫助描述您的圖像。 此外,對於訪問您網站的視障人士,此 alt 標籤還可以幫助他們了解 Google 圖片中的內容。 最後,使用正確的替代文字可以提供一些額外的信息,幫助 Google 更好地理解圖片及其所在的頁面。

當圖像無法加載時(來源)。

編寫可優化圖像的優質替代文本有一些關鍵技巧。

  • 使用您的目標關鍵字:在替代文本中添加目標關鍵字是幫助將您的網站與相關主題相關聯並提高您在搜索引擎上的知名度的主要方式。
  • 保持簡短:80 到 125 個字符(大約 16 個字)以實現最大的可訪問性。 在 Google 圖片搜索中排名最多 50 個單詞。
  • 去掉不必要的短語:永遠不要用“這是____的圖片”或“這是____的圖片”之類的短語開始一個 alt 標籤。 這是多餘的並且佔用了關鍵空間。 為了簡潔明了,直接轉到圖像的來源。

快速說明:關於索引的一個常見問題是 Google 是否索引 CSS 圖像。 答案是不。 Google 的 John Mueller 表示,您最好使用普通的圖像標籤並使用指向圖像的 alt 屬性。

外賣

圖像搜索的圖像優化是在創建有用的相關網頁時實施的另一種 SEO 策略。 如您所見,圖像 SEO 涵蓋了許多方面。 要在 Google 圖片搜索中獲得良好排名,您需要考慮圖片大小、速度、內容、格式和相關數據。 此外,確保您創建描述性替代文本、標題和頁面文本有助於在整體上製作更好的網頁。 如果做得正確,圖像優化可以提高搜索排名和用戶會一次又一次地訪問的網站。

你現在應該做什麼

當您準備就緒時……我們可以通過以下 3 種方式幫助您更快地發布更好的內容:

  1. 與 MarketMuse 預約時間 與我們的一位策略師安排現場演示,了解 MarketMuse 如何幫助您的團隊實現其內容目標。
  2. 如果您想了解如何更快地創建更好的內容,請訪問我們的博客。 它充滿了幫助擴展內容的資源。
  3. 如果您認識其他喜歡閱讀此頁面的營銷人員,請通過電子郵件、LinkedIn、Twitter 或 Facebook 與他們分享。