談論圖像SEO，通常首先想到的是優化alt標籤，但是要優化圖像，還有很多事情要做。
實際上，可以肯定地說，圖像優化是SEO中最容易被忽視的領域之一。但這不是必須的。
經常會發現網站上的圖像具有巨大的文件大小和非描述性的文件名，並且這些圖像在網站上的顯示尺寸遠小於原始圖像。
通常，問題在於SEO的初學者指南僅涵蓋基礎知識，這意味著優化alt標籤幾乎是所提到的全部。
但請不要忘記，圖像搜索本身就是一件大事，並且可以為您的網站帶來大量流量。我們最近的視覺搜索指南 很好地展示了圖像搜索的重要性。
讓我們面對現實吧，誰沒有用它來瀏覽小貓的照片呢？
圖像SEO不應被忽略，在本指南中，我們將引導您逐步執行優化網站圖像並在圖像搜索中排名更高的步驟。
為什麼圖像如此重要？
圖片有助於為您的內容提供上下文。
正確的圖像可以幫助用戶更好地理解書面內容並與之互動，並有助於分解大塊的文本。
沒有什麼比幾千個單詞的堅實塊少吸引人的了。
但是，除了用戶之外，Google的未來願景是朝著視覺搜索邁進，而這是幾年前Google Images全面改版的開始。
我們越來越多地看到圖像佔據了SERP上的主要房地產，通常高於通常的自然結果。
要點：圖像應謹慎選擇。
我們都習慣在其他網站上看到相同的庫存圖片，當您使用定製的圖片來傳達您要講述的故事時，真正的價值就來了。
您不能忽略圖像和圖像搜索的重要性。優化圖像應成為您正在進行的SEO策略的一部分，應被視為您應遵循的最佳實踐之一。
什麼是圖像SEO？
圖像搜尋引擎優化（通常稱為圖像優化）主要是為了改善您網站的圖像，主要有兩個原因：
在Google圖片搜索上排名更高。
改善網頁的整體可見性和優化。
這就意味著要執行許多不同的任務，這將有助於Google更好地了解您網站的圖像，包括正確命名文件，添加和優化替代文本，減小文件大小等等。
與圖像SEO相關的常見問題之一是，鑑於Google在使用AI和機器學習進行圖像識別方面的進步，這些任務是否仍然必要？
簡單的答案是。Google仍然無法讀取所有類型的圖像，儘管近年來它們的讀取能力已大大提高。同樣重要的是要知道圖像SEO不僅僅是幫助搜尋引擎了解圖像顯示的內容。
圖像優化不佳是網頁緩慢的主要原因之一，而進行的改進可能會對網站加載速度和PageSpeed得分產生重大影響。
然而，圖像SEO通常會因優化alt標籤而停止。不可否認，這是該過程的重要組成部分，但這只是其中之一。
也就是說，了解alt標籤和alt文字及其用途是一個很好的起點。
什麼是替代標籤和替代文本？
您經常會聽到SEO在談論優化alt標籤或alt文本。它們有時也稱為alt描述或alt屬性。它們可互換使用來指代同一件事。
但是他們是什麼？
這是Matt Cutts很久以前以一種易於理解的方式解釋的方式。
Alt標籤為搜尋引擎以及使用屏幕閱讀器訪問網頁的引擎提供了圖像的替代文本。替代文字的原始用途和用途是幫助使盲人和視力障礙者可以訪問圖像。
簡而言之，它們是每個圖像的文字描述，清楚地描述了其顯示的內容。
它們是圖像標籤中HTML代碼的一部分，如下所示：
"cute-kitten-playing-ball.png"alt="可愛的小貓在玩一個球"/>
替代文字是描述性內容，位於提供給圖片標籤的alt屬性中。
替代文字可以通過在網頁上添加其他相關信號來幫助提高網站的SEO性能，並幫助Google更好地理解圖像的內容並對其進行排名。
但是，有很多人弄錯了，您不必花太多時間就可以找到一個頁面，其中所有圖像都使用相同的替代文字-與頁面主要目標關鍵字完全匹配。
如何優化替代文字
優化圖像的替代文本時，應遵循最佳實踐規則。
製作描述性的alt標籤不需要困難。最好不要考慮得太多，以圖像的內容為主導。
通常，撰寫出色的替代文字意味著使用常識來描述圖像所顯示的內容。我們可以將其分解為僅應遵循的三個最佳實踐規則。
ALT標記的3條規則
1.描述和具體
替代文字應始終儘可能詳細地描述圖像的內容。
描述圖像時，您可以越具體，就越好，因為這將有助於圖像在Google圖像搜索中排名，並提供上下文與頁面內容之間的關係。
2.相關
Alt標籤不是發送垃圾郵件完全匹配關鍵字的地方，而應用於準確描述圖像顯示的內容。
Alt標籤應該絕對相關。
嘗試編寫與文本有關的替代文本，該替代文本與所處頁面的主題相關，尤其是當圖像本質上更為通用且不像其他圖像那麼具體時。
3.獨一無二
不要將頁面的主要目標關鍵字用作頁面上每個圖像的alt標籤。
始終要確保編寫描述圖像特定內容的唯一替代文本，而不要重複其他內容。
但是在實踐中，經過優化的alt文本是什麼樣的？讓我們為這張兩隻小貓的圖像寫一個：
具有描述性，相關性和唯一性的alt標籤看起來像這樣：
alt="兩個可愛的姜小貓睡覺的羊毛球"
這是對搜尋引擎和屏幕閱讀器的描述，同時包含關鍵字。
如何在流行的網站平臺上添加Alt標籤
一些網站平臺已經設置了替代文本選項；您只需要訪問它們。
如何在WordPress的圖像上添加替代文本
如果您使用的是WordPress，則很容易在圖片中添加替代文本。
只需在編輯器窗口中單擊圖像，您就會在「圖像設置」選項卡上看到一個相應的欄位。
如何在Shopify上的圖像中添加替代文本
如果您使用Shopify，則可以在主題圖像和產品圖像中添加替代文本。
要優化產品圖片上的替代文字，請轉到「 產品」>「所有產品」，然後單擊要編輯的產品列表。
在產品詳細信息頁面上，單擊進入媒體項目，然後找到預覽媒體頁面。現在，您可以單擊以添加替代文本。
要將替代文本添加到主題圖像，請轉至在線商店 > 主題，然後單擊以自定義商店的主題。
您將在頁面左側看到部分菜單，您可以在其中單擊圖像塊，然後從中單擊單個圖像。
您將看到一個文本框，您可以在其中添加替代文本。
如何在Wix上向圖像添加替代文本
不久之前，您無法在Wix商店的圖像上添加替代文本。但是，近年來，該平臺已投入資源來解決常見的SEO問題，現在可以進行替代文本編輯。
您可以在編輯窗口中向圖像添加替代文本，方法是單擊要添加替代文本的圖像，然後打開設置選項。
從這裡，您將看到「圖像中有什麼？」的選項。這就是您可以添加替代文本的地方。
圖片如何影響PageSpeed得分
在使用Google PageSpeed Insights工具時，圖像優化被認為是提高網站PageSpeed得分的主要方法之一，這並不罕見。
大圖像是最有可能的罪魁禍首，這是有道理的。
較大的圖像需要較長的下載時間，這反過來又減慢了頁面的加載時間。
7個高級圖像優化技巧：超越替代文字
圖像優化不應僅僅添加alt標籤。
您可以採取多種措施來改善網站的整體自然性能，並優化圖像以使其在Google圖像搜索中排名更高。
許多問題源於僅選擇將原始圖像上傳到您的站點而沒有先進行一點工作的想法–從來都不是一個好主意。
這裡有7個最有效的高級連結優化技巧供您使用：
1.正確命名圖像
Google會發布自己的圖片最佳做法指南，而最簡單的方法之一就是應確保您使用的是描述性圖片名稱。
例如，使用「 jordan-air-1-mid-front.jpg 優於 IMG00353.JPG」。
當您從相機或智慧型手機導出圖像（甚至拍攝屏幕截圖）時，它們會被賦予通用文件名。不要上傳帶有默認文件名的圖像。取而代之的是給它一個描述性的名稱，該名稱有助於使所顯示內容具有上下文關係，並用短劃線而不是下劃線分隔單詞。
上傳圖像時，將此任務作為清單的一部分。
如果您已經將圖像上傳到頁面，請繼續並更新文件名以進行描述。不會花很長時間，這是值得使用的時間。
2.將圖像調整為顯示尺寸
圖像的另一個常見問題是，圖像文件的像素大小比您網站上使用的圖像大得多。
例如，iPhone X上的主攝像頭產生4032px x 3024px的圖像。
但是，假設此圖片在您的網站上顯示的最大寬度為600px。
寬4032像素的圖像與寬600像素的圖像之間的文件大小差異將非常明顯，並且使用多於其顯示大小的多個圖像可以迅速導致頁面文件的大小大幅增加。
確保將圖像調整為最大顯示尺寸。
如果您使用的是WordPress，則可以使用「 上傳後調整圖像大小」之類的插件 來幫助您完成此操作。否則，可以像使用Canva這樣的工具在Photoshop中調整圖像大小。
您還應該確保使用CSS響應縮放圖像
3.減小圖像文件大小
減小圖像文件大小的最簡單方法之一就是將它們調整為最大顯示尺寸，但這不是唯一的方法。
您可以百度搜索圖片壓縮，結果可以看到有很多圖片在線壓縮的網站。
4.創建圖片站點地圖
如果您真的想讓Google發現您網站上的所有圖像並讓它們在Google圖像搜索中執行，則應創建一個專門的站點地圖，其中應包含所有圖像的URL。
很簡單，創建圖像站點地圖會增加圖像出現在搜索結果中的機會，雖然您可以引用現有站點地圖中的圖像，但創建專用的地圖搜尋引擎通常最有意義。
這是Google提供的示例，可幫助您了解所需使用的格式。
"1.0" encoding="UTF-8"?>
創建圖片站點地圖與創建包含您的網頁的站點地圖有一個主要區別。
正如Google所說，「圖像站點地圖可以包含來自其他域的URL，這與常規站點地圖不同，後者會強制執行跨域限制。這使您可以使用CDN（內容交付網絡）來託管圖像。」
這樣可以很好地理解為什麼要在CDN上託管映像。
5.在CDN上託管映像
最常見的是，整個網站都將託管在一臺伺服器上。
但是，讓我們想像一下這樣一種情況：一個網站託管在美國，但是卻被歐洲某個地方的用戶訪問。
諸如圖像之類的資產將需要進一步傳播給歐洲的用戶，從而減慢頁面的加載時間。
CDN（內容交付網絡）的工作原理是在全球不同位置的多臺伺服器之間緩存網站的圖像，這意味著可以從距離它們最近的位置向用戶提供這些圖像。
6.實現延遲加載
我們不能忽略這樣的事實，即圖像通常是文件大小最大的頁面上的資產，因此是網站速度變慢的原因。
我們不能簡單地沒有圖像。這不是一個選擇，因為它們對於提供出色的用戶體驗太重要了。
但是我們可以使用延遲加載來延遲瀏覽器加載圖像，直到需要它為止。
延遲加載只是意味著在需要資產之前才加載它們。這意味著頁面在用戶首次登陸時會更快地加載。它不僅用於圖像；還用於圖像。像JavaScript這樣的資產也可以通過這種方式加載。
這樣考慮一下–如果用戶從不向下滾動到頁面的後半部分，則這些資產將永遠不會被加載。這帶來了顯著的性能改進。
7.利用瀏覽器緩存
您會經常看到Google PageSpeed Insights建議您利用瀏覽器緩存。
簡而言之，瀏覽器緩存是指訪問者的瀏覽器存儲文件的時間，這意味著資產下次訪問頁面時加載速度更快。
當您訪問頁面時，將下載圖像，然後將其顯示在瀏覽器中。如果沒有瀏覽器緩存，則該用戶下次訪問該頁面時，都將需要重新下載所有這些內容。但是通過瀏覽器緩存，瀏覽器將已經存儲了這些內容，這意味著頁面加載速度更快。
瀏覽器緩存對用戶經常重新訪問同一頁面的站點有明顯的影響。
您可以在此處了解有關Google建議如何使用緩存的更多信息。
如果您使用的是WordPress，則其中一種流行的緩存插件可以幫助您快速實現此目的。如果不是這樣，GTmetrix的本指南將為您提供幫助。
圖片優化和Google頁面體驗更新
Google最近宣布，他們將在2021年某個時候推出其Page Experience Update。
此更新將考慮許多現有的排名因素，包括安全瀏覽懲罰，侵入式插頁式懲罰，HTTPS作為排名因子，適合行動裝置的更新，Page Speed更新和Core Web Vitals。
如果您錯過了該公告，則從本質上講，這意味著按照Search Engine Land的定義，「在所有其他注意事項都相同的情況下，此更新意味著Google如果提供良好的用戶體驗，則更有可能將您的網頁排名更高。」
首先，您會注意到Core Web Vitals是要考慮的因素之一，其中包括LCP-最大的內容豐富塗料。這實質上表明了頁面的感覺。當用戶認為頁面已加載時。
LCP是Google計時的，計算頁面上最大內容元素的呈現時間，通常是圖像。
CLS（累積布局轉移）是另一個核心Web生命，這是即使頁面似乎已完全加載，內容仍在移動時發生的情況。簡而言之，可以通過在圖像（和視頻）中包含尺寸屬性來優化此效果。
但最後，我們需要記住，「頁面體驗更新」還考慮了「頁面速度」，並且我們已經在上面看到了圖像影響此效果的方式。
發現您網站圖片的問題
現在，我們研究了如何優化站點的圖像，但是如何找到站點上已經存在的問題？
您可以使用SEMrush網站審核工具 突出顯示這些問題。站點審核的「問題」選項卡也許是上手最快的方法，它展示了以下問題：
內部和外部圖像損壞
圖像損壞會導致用戶體驗差；您應該優先修復所有不顯示的圖像。
網站審核工具將清楚地突出顯示網站上所有損壞的圖像，以便您可以更新錯誤的URL或替換圖像。
審核還將突出顯示任何損壞的外部圖像，並且最佳實踐是替換此圖像，因為您將無法控制源。
沒有替代屬性的圖像
我們已經研究了為您的圖像優化alt文本的重要性，並且站點審核報告將清楚地返回您站點上當前沒有它們的所有列表。
最終，這使得添加alt文本的工作變得稍微容易一些，從而為您提供了逐頁處理的列表。
認真考慮圖像SEO，以獲取用戶體驗和搜尋引擎
花時間適當地優化圖像，會對圖像搜索對網站的訪問量產生明顯影響，並通過縮短加載時間來改善用戶體驗。
而且請不要忘記，優化圖像文件名和alt標籤還有助於使頁面的其餘部分具有上下文相關性，從而提高頁面的有機可見性。
許多SEO忽略了圖像優化，但是隨著明年Google的Page Experience更新的出現，再沒有比現在更好的優先級了。