眼中腳下路，心中要有宏圖。大家好，我是Jayson@跨境先鋒。這里主要分享獨立站、SEO相關知識，旨在相互交流，共同成長。
本文長達7000余字，預計閱讀時間6min，可能會有些燒腦。

什么是圖片SEO優(yōu)化？

2025年，圖片SEO是對網站內圖片進行的優(yōu)化操作，旨在從如Google等搜索引擎中獲取更多自然流量。例如，對圖片進行SEO優(yōu)化，能助力網站在Google圖片搜索中獲得更靠前的排名。像下方的Dji.com（大疆創(chuàng)新），其在“Camera drones（航拍無人機）”的Google圖片搜索中排名第七、九。

然而，多數商家在處理圖片搜索引擎優(yōu)化（SEO）時，往往只注重ALT圖片替代文本的優(yōu)化，甚至有些會忽略圖片基礎屬性ALT。

但實際上，圖片SEO優(yōu)化的范疇遠不止于此。

為什么圖片如此重要？

在2025年，谷歌圖片搜索占據了所有搜索量的22.6%，每天在Google圖片中的查詢量超過10億次。正因如此，關注圖片搜索引擎優(yōu)化至關重要。倘若不進行圖片SEO優(yōu)化，您將錯失大量流量。

圖片SEO可通過多種方式為網站帶來可觀流量：1. 采用優(yōu)化后的圖片，會增加在「Google圖片」中獲得高排名的機會。2. 圖片是「頁面搜索引擎優(yōu)化」的重要構成部分，谷歌在常規(guī)搜索結果（SERP）中愈發(fā)頻繁地展示圖片。

此外，當用戶進入網站后，圖片能夠提升用戶體驗，使頁面更具吸引力。畢竟圖片能夠分解大段文本內容，幫助用戶理解網站內容，進而提高用戶參與度，促進推文轉發(fā)、實現(xiàn)轉化等。（要知道，在內容的接受理解程度上，視頻＞圖片＞文本）

圖片SEO的16個技巧

用戶體驗應是圖片SEO優(yōu)化策略的核心。一方面，正確填寫圖片HTML屬性，可在源碼層面幫助搜索引擎理解圖片內容。另一方面，圖片優(yōu)化能夠縮短頁面加載時間，提升用戶體驗：好文章離不開好圖片。

在本文中，我將從三個部分（準備圖片、添加圖片、圖片技術SEO）的16個方面，為您詳細介紹圖片SEO的相關內容，以便您能為搜索引擎以及用戶充分發(fā)揮圖片的價值：

圖片來源：Jayson@跨境先鋒

一：準備用于您的頁面的圖片

在開展圖片SEO之前，首要任務是準備好用于頁面的圖片資源。在添加圖片之前，有諸多事項需要斟酌：

1. 創(chuàng)建獨特的圖片

無論是人還是谷歌，都對虛假、重復、無價值的內容缺乏興趣。您的網站所擁有的獨特、原創(chuàng)且具新穎力的圖片越多，用戶體驗就會越佳，在搜索結果中獲得更高排名的可能性也就越大。

當用戶在SERP中或進入頁面時，他們首先留意到的或許是標題或圖片。

這意味著您頁面的首張圖片必須極具吸引力且具備原創(chuàng)性，如此方能提升點擊率、降低頁面跳出率，有益于SEO，逐步增加UA，提升頁面及圖片的SERP排名等。

倘若您較少拍攝原創(chuàng)照片，在此為您推薦兩個免費的共享圖庫攝影網站：UnSplash、Pixabay。另外，您也可以使用Canva制作精美的插圖。

2. 壓縮圖片的文件大小

您是否察覺到，若網站上傳未壓縮的原始圖片，網頁加載速度會變得極為緩慢？

過大的圖片會嚴重影響用戶體驗、SEO以及購物轉化等方面。網站加載速度越快，用戶和搜索引擎訪問頁面就會越便捷。

越來越多的網站通過壓縮圖片，將網站速度提高了33%/2秒。

正因如此，我強烈建議您在將圖片上傳至網站之前進行壓縮，這有助于減少頁面加載時間。

壓縮圖片的實質是在最小化文件大小的同時，確保不會降低質量。其核心是最大限度地減少圖片中的冗余數據，以提升使用圖片時的效率和加載速度。

那么，如何減小圖片的文件大小呢？為您推薦以下壓縮工具：Optimizilla、TinyPNG、ImageOptim、Squoosh、JPEGmini、jpeg.io、Kraken.io

倘若您不確定圖片對頁面速度的具體影響，建議使用Google PageSpeed Insights、Lighthouse、WebPageTest.org或Pingdom等工具對您的頁面進行測試。

3. 選擇最佳的文件類型/格式（Image Type）

在開始向站點添加圖片之前，您需要了解各種圖片文件格式的最佳SEO實踐，并根據實際應用場景選擇最適宜的文件類型。

圖片來源：Jayson@跨境先鋒

就我個人的獨立站日常使用情況而言，通常會將圖片JPG/JPEG轉換為WebP。

注意：在內聯(lián)SVG格式中使用.jpg圖片時，Google不會將這些.jpg圖片編入索引。

注意：應避免使用Backgroud的CSS樣式，Google不會將CSS圖片編入索引。

4. 對圖片進行適當的命名（Image Name）

在SEO領域，創(chuàng)建具有描述性且富含關鍵字的文件名和URL至關重要。

若不自定義圖片文件名，那么圖片的名稱和URL Path將缺乏可讀性，例如"IMG_722019"、"/37ce753280b14ba49f32bd766b3e34fc_1080x.jpg"這類名稱，對谷歌毫無助益，不利于Google SEO。

圖片URL的path能夠提醒Google和其他搜索引擎抓取工具關注圖片的主題。

然而，當下許多建站SaaS在處理商家上傳的圖片URL時，不會將圖片名稱作為URL Slug，而是進行轉碼，這對SEO不利。（據我測試，Wordpress不會如此操作）

圖片來源：Google查看源碼

作為商家，應盡可能更改默認圖片或文件名，并將其作為圖片或文件URL的Slug，以協(xié)助搜索引擎理解您的圖片，提升SEO價值。（例如，假設您擁有S925項鏈的圖片，可簡單地將其命名為"S925 necklace"。倘若您在自己的網站上銷售女士S925項鏈，那么可以將每張圖片分別命名為"S925 necklace1"、"S925 necklace2"等。圖片URL設為"yourdomain.com/image/s925-necklace "，以便用戶和搜索引擎理解該圖片。）

二：將圖片添加到您的頁面中

當您尋得合適的圖片（包括圖片內容、大小、格式、重命名等方面均符合要求）后，接下來的步驟便是將其添加到您的網站頁面或博客文章中，并進行優(yōu)化。

5. 圖片標題（Caption）

人們在瀏覽網頁時，傾向于掃描頁面標題、大字體、粗體文本、突出顯示的文本、項目符號列表、圖形、圖片標題、主題句和目錄等內容。

而圖片標題指的是頁面中圖片下方附帶的文字（即每個圖片下方灰色框中的文字）。

圖片來源：Wordpress

為何圖片標題Caption對圖片SEO頗為重要呢？原因在于圖片下的字幕標題的閱讀量平均比正文本身多出300%，因此，若不使用或未能正確使用它們，意味著錯失了吸引大量潛在讀者的良機。

就圖片SEO而言，圖片標題屬性的重要性略遜于ALT替代文本屬性。但從用戶體驗的角度出發(fā)，當用戶滾動頁面及圖片時，圖片標題屬性能夠優(yōu)化用戶體驗。

[caption id="attachment_1370" align="alignnone" width="600"]class="size-full wp-image-1370"src="https://www.yourdomain.com/wp-content/uploads/2025/08/riven-product-name.jpeg"alt="這是替代文本" width="600" height="601" />這是說明文字[/caption]

并非每張圖片下方都必須添加描述，應避免過度優(yōu)化。僅在對訪問者具有實際意義的圖片處，添加附帶描述字幕。我們應始終將用戶需求置于首位，切不可為了SEO而SEO。

6. 編寫對SEO友好的描述性替代文字（ALT Attribute）

圖片ALT，也就是圖片替代文本，是對圖片的書面描述。優(yōu)化ALT標簽對于讓Google在Google圖片上為您的圖片進行排名至關重要，同時也有利于整體的頁面SEO策略。

這是因為替代文字能夠讓您向Google傳達該圖片所展示的內容。

它還有助于提升您網站對用戶的可訪問性，并向用戶解釋若圖片損壞，圖片原本應顯示的內容。

看看以下例子。您可以看到圖片在正確加載、損壞且無alt文本、以及損壞但具有alt文本時的不同呈現(xiàn)效果：

圖片來源：Google網絡圖片

為您網站上的圖片添加恰當的alt標簽，可通過將關鍵字與圖片相關聯(lián)，助力您的網站在搜索引擎中獲得更理想的排名。

谷歌也曾提及圖片ALT的價值：ALT為Google提供了有關圖片主題的有用信息。Google會利用此信息來確定為用戶查詢返回的最佳圖片。

圖片來源：Google

此外，從SEO價值的角度來看，當圖片鏈接至網站上的不同頁面時，替代文本能夠充當內部鏈接的錨文本。

需要注意的是：切勿在每個圖片的替代文本中堆砌關鍵字。最為關鍵的是，如實描述圖片中的內容，以便搜索引擎和用戶都能夠理解。圖片周圍的相關信息越豐富，Google搜索引擎便能更便捷地理解圖片。

并非每張圖片都必須配備替代文字。應當將替代文本視作內容的一部分，并在有意義的地方進行添加。(例如，倘若您有一張純粹出于裝飾目的的圖片，那么該圖片無需替代文本。在這種情況下，擁有替代文本并不會帶來任何價值；另外，倘若圖片包含統(tǒng)計數據，比如上個月各國搜索S925女士項鏈的人數，那么這一信息應當在替代文本中有所體現(xiàn)。)

7. 優(yōu)化該頁面標題和描述（Ttitle&Descrption）

當您的圖片已準備就緒，但切勿隨意將其置入文章中。將其添加至相關文本內容附近，會帶來極大的幫助。確保文本內容與圖片具有高度的相關性，這是用戶和Google所更為青睞的。

Google還透露：會將您的頁面標題和描述作為其圖片搜索算法的一部分。

圖片來源：Google

所有基本的頁面SEO因素，如元數據、標題標簽、頁面上的副本、結構化數據等，都會對Google對圖片進行排名的方式產生影響。

8. 優(yōu)化開放圖和推特卡片（Open Graph &Twitter Cards）

在2025年，圖片已成為社交媒體策略的關鍵組成部分，其中會涉及到Open Graph和Twitter Cards的應用。

Open Graph是最初由Facebook引入的互聯(lián)網協(xié)議。Open Graph標簽允許您自主選擇社交媒體帖子預覽的呈現(xiàn)方式，意味著您可以為社交帖子選定預覽標題、圖片等。

圖片來源：Wix

例如：為確保在您分享頁面時能夠展示您所選擇的圖片，需將此圖片標簽包含在頁面HTML的 部分中，具體如下所示：

圖片來源：Jayson@跨境先鋒

對于Twitter，此時則需要添加 部分的代碼：

圖片來源：Jayson@跨境先鋒

您可以使用Yoast或RankMath等SEO插件來設置這些圖片標簽，并預覽您的社交帖子。

三：圖片技術SEO優(yōu)化

接下來，我們探討一些涉及技術層面的圖片SEO優(yōu)化內容，感興趣的朋友請繼續(xù)閱讀：

9. 優(yōu)化圖片文件URL結構

Google更新了其圖片指南。其中一項重要的更新內容為：他們會利用文件路徑和文件名來對圖片進行排名。

重要提示：文件路徑（URL&Path層級）和文件名（Slug）實則為實際的排名因素。

例如，如果您是一個擁有多種產品的電商品牌，那么建議您將媒體子文件夾構建為更多與類別相關的主題，例如/shorts/或/denim/，而非將所有產品圖片一股腦地放入通用/media/文件夾中。

10. 添加結構化數據（Google Rich Text）

結構化數據是一種數據詞匯表。從理論層面來講，如果您為頁面添加相應的結構化數據，能夠幫助搜索引擎更清晰地理解您網站的信息，同時還有機會增加圖片以"豐富結果"的視覺形式呈現(xiàn)的幾率。

例如，如果您在產品頁面上使用Schema標記并將圖片標記為產品，那么Google便可以將此圖片與價格標簽進行配對。搜索引擎會跳過算法，直接運用結構化數據中提供的信息來呈現(xiàn)正確的圖片。

圖片來源：Google

圖片來源：Google

以下是一個食譜的示例。此類類型能夠展示相關圖片、食譜評論、制作食譜所需的時間以及簡短的成分列表：

圖片來源：Google

盡管谷歌表示結構化數據并不能確保您獲得更優(yōu)異的排名，但它確實有助于在搜索結果（SERP）中呈現(xiàn)"豐富結果"，能夠提升用戶體驗、SERP曝光面積、吸引用戶眼球、提高點擊率等。

有關如何在獨立站實施Google結構化數據的方法，您可以閱讀Google指南。若閱讀后仍有疑問，歡迎私聊我。

11. 創(chuàng)建圖片站點地圖（sitemap）

為了使您網站的圖片能夠被納入SERP中，它們需要被包含在Google索引內。

Google對圖片的索引是由算法決定的，但您可以通過創(chuàng)建圖片站點地圖來對這一過程產生影響，并為搜索引擎提供協(xié)助。

那么，什么是圖片站點地圖呢？站點地圖是一個XML文件，您可以在其中提供有關站點上的頁面、視頻和圖片以及它們之間關系的信息。它能夠幫助搜索引擎抓取您的網站。

簡而言之，創(chuàng)建圖片站點地圖能夠增加圖片出現(xiàn)在搜索結果中的機會。

您可以將圖片添加到現(xiàn)有的站點地圖中，或者專為您的圖片創(chuàng)建一個單獨的站點地圖。將圖片添加到站點地圖有助于Google發(fā)現(xiàn)我們可能無法自行找到的圖片（例如您的網站通過JavaScript代碼訪問的圖片）。

關鍵區(qū)別在于：圖片站點地圖可以包含來自其他域的URL，這意味著您可以在內容交付網絡（CDN）上托管您的圖片。

如何編寫圖片站點地圖呢？您可以手動創(chuàng)建，也可以使用站點地圖生成器來完成。請按照Google的示例和說明進行操作。（以下示例展示了page的站點地圖http://example.com/sample1.html，其中包含兩張圖片，以及http://example.com/sample2.html，其中包含一張圖片。）

圖片來源：Google

使用圖片站點地圖時，每個頁面最多可包含1,000個圖片。

谷歌還提供了一個圖片標簽列表。您需要使用標記為"必需"的那些。另一方面，可選標簽能夠為搜索引擎提供更多的上下文信息以及更優(yōu)質的用戶體驗。

圖片來源：Google

當您的圖片站點地圖準備妥當后，請別忘了使用Google Search Console站點地圖工具將其提交給Google。對于其他所有搜索引擎，您可以在robots.txt文件中添加以下代碼行：

Sitemap:http://mysitemap.com/sitemap_location.xml

在WordPress上，所有主要的SEO插件都具備圖片站點地圖創(chuàng)建功能。倘若您使用的是WP，建議選擇Yoast和RankMath。若是Shopify或Shopline，則會自動生成Sitemap.xml

12. 提供響應式圖片（M/PC端等）

假設您將720像素寬的圖片上傳至您的網站。當有用戶通過具有更小顯示屏（例如320像素寬）的移動設備進行訪問時，他們的瀏覽器仍然必須加載720像素的圖片。

您發(fā)現(xiàn)問題了嗎？加載720像素的圖片會浪費帶寬，僅會降低頁面加載速度，導致網站跳出率升高，這對搜索引擎優(yōu)化極為不利。

解決方案是在圖片上設置srcset屬性。

該屬性能夠告知瀏覽器為不同的