暴增79%點選率？圖片優化必知的10個實用技巧 – 鸭老师SEO

為什麼要做圖片優化？

圖片流量是除了自然排名流量的第二大流量來源。

設定此網頁的圖片預覽在搜尋結果中的尺寸上限。

如果您未指定 max-image-preview 規則，Google 可能會顯示預設尺寸的圖片預覽。

接受的 [setting] 值：

none：不會顯示圖片預覽。

standard：可能會顯示預設圖片預覽。

large：可能會顯示較大的圖片預覽，最高達到視口寬度。

這適用於所有形式的搜尋結果，例如 Google 網頁搜尋、Google 圖片、Google 探索和 Google 助理。但是，如果釋出商已單獨授予內容使用許可權，則此限制不適用。例如，如果釋出商以頁內結構化資料的形式提供內容（例如 AMP 版本和規範版本的文章），或與 Google 簽訂了許可協議，那麼此設定不會妨礙那些更具體的允許用途。

如果您不希望 Google 搜尋或 Google 探索在顯示其文章的 AMP 網頁和規範版本時使用較大的縮圖，請將 max-image-preview 的值指定為 standard 或 none。

示例：

<meta name=”robots” content=”max-image-preview:standard”>

Kirbie’s Craving通過圖片meta優化，提高79%的點選率，以下是Google官方對於圖片meta新增的說明。

圖片優化技巧

圖片必須基於高畫素，清晰度，相關度，自適應各種裝置才能給使用者帶來最好的體驗，而使用者體驗越好圖片搜尋過來的流量越大。另外圖片內容必須與主題相關，毫不相關的圖片可能對你的網站SEO優化造成破壞。注意：不要將圖片設定為背景圖片，背景圖片屬於裝飾元素，Google不會索引收錄（如下）。

那麼，什麼形式的圖片才會被Google當作內容呢？

有<img src=xxx> ,如下圖。

1.TinyPNG-智慧壓縮您的WebP、JPEG和PNG圖片

圖片的原始檔通常的比較大，有的相機直出更是高達幾十MB,而伺服器的儲存和頻寬是有限的。過大得圖片會影響網站的載入速度，使用者體驗，網站行動裝置效能等等，從而影響網站的SEO。下面是兩張圖片壓縮前後品質的對比：

通常建議壓縮為webp格式，主流的圖片格式，又小又適應幾乎所有的瀏覽器。

Squoosh效果

圖片壓縮網站推薦：TinyPNG，極致壓縮，且能批量。Squoosh，極度還原畫素，各種圖片格式，缺點不能批量。

2.WEBG無失真壓縮外掛

推薦Shortpixel 或者 Imagify，使用教程如下。兩種外掛免費版本每月都只有100張額度，付費的根據自己需求。(自動生成webP圖片型別，支援多種檔案格式，批量優化，三種壓縮模式：有損，無損，光澤）。

3.全域性picture標記

使用主流的圖片優化外掛都有自帶全域性picture標記，這個標記是告訴瀏覽器優先載入我們的（某些）圖片。（結合preload標記）

更重要的是：

想象一下你給不同的人準備不同大小和不同格式的照片：

- 給大螢幕電腦: 你會給一張很大很清晰的照片，細節都能看清楚。

- 給手機: 你會給一張小一點的照片，這樣載入更快，也不會佔用太多流量。

- 有些新手機很厲害: 它們能看一種更厲害的新格式照片，這種格式照片更小更清晰。

- 有些舊手機: 它們只能看普通的照片格式。

<picture>標籤就像一個聰明的管家，它會根據看照片的人的裝置（螢幕大小、是不是高清屏、能不能看新格式）自動選擇最合適的照片給他們看.

所以我一直罵那些只愛用免費外掛的，撿了芝麻丟了西瓜。

shortpixel外掛

imagify外掛

4.圖片title、alt、caption

檔名，Title，Alt對於圖片優化，排名極其重要，做的好網站的出詞，收錄速度都會快很多。

開啟檔案所在的位置，右鍵點選更改檔名，更改為材質/顏色/售賣方式/技術引數等+行業關鍵字/長尾詞/同義詞/近義詞，儘量是一句簡單句子，關鍵字要靠前，在開頭是最好的，不要太長，也不要堆砌，關鍵字可以到關鍵字查詢工具裡面收集，通過填寫好title、alt、caption不僅能提高圖片的排名，還能覆蓋更多的關鍵字。

接下來上傳檔案到Wordpress媒體上，上傳成功以後可以修改title,預設title跟檔名一樣，最好是不一樣，alt標籤也要不一樣，這樣關鍵字的覆蓋面就會非常廣，增強SEO效果，如果不行,title用預設的檔名也可以。

為什麼要做圖片alt：

1.提升可訪問性，對視障使用者友好。

2.SEO友好，幫助搜尋引擎理解圖片內容。

3.提升使用者體驗，如果載入失敗則會顯示這些文字來告訴使用者圖片是包含什麼內容。如下圖（切記不要像下圖那樣做ALT，對SEO非常不好）

新站圖片不多的話最好全部刪除優化好再重新上傳，如果是已經上傳非常多沒有做alt，title檔案祕密也亂七八糟的，可以使用media renamer這個外掛去修改檔名,Alt,自動化重新命名，非常方便，免費額度不夠用最好升級付費版。

ALT優化技巧：

1.含有關鍵字的短句。

2.詳細精準描述圖片內容。

3.控制在125字元以內。

4.裝飾性圖片可以留空，告訴螢幕閱讀器忽略這張圖片。

5.使用圖片站點地圖

主流的SEO外掛，例如rank math或者yoast seo生成的站點地圖都會自動包括圖片，如果沒有包括就要檢查外掛站點地圖設定是不是不包括圖片。

其他的圖片站點地圖生成工具：https://www.xml-sitemaps.com/、https://www.mysitemapgenerator.com/。

6.新增圖片結構化資料或IPTC照片元資料

還是一樣rank math

開啟網站原始碼，ctrl+f，輸入imageObject即可找到圖片結構化資料。

7.移除圖片元資料

移除圖片元資料EXIF可以減少圖片的大小。但也不一定是好事，因為會丟失重要的拍攝細節、地理位置、日期時間、版權資訊等元資料。

EXIF 資料是由建立影象的裝置（相機、處理軟體等）儲存在影象檔案中的各種資訊的集合。資訊型別的示例包括：GPS 位置、日期和時間、作者姓名、相機/手機型號和拍攝設定、ICC 顏色配置檔案，甚至一些自定義縮圖，相機使用這些縮圖在相機螢幕上顯示影象。所有這些資訊加起來可能達到大量 KB。

我們做了測試：

生成的檔案大小為：

- 791.144 MB when we kept all the EXIF profile data

791.144 MB 當我們保留所有 EXIF 配置檔案資料時- 723.552 MB when we removed the data

723.552 MB （我們刪除資料時）

8.圖片大小

載入時間對於UX和SEO都很重要。而影象可能會對載入時間產生很大的影響。

避免上傳比實際顯示需要大很多的影象，如果是這樣可能會造成圖片模糊，不清晰，又佔據太大的體積。

你有沒有注意到，有些地方明明只需要一張小小的 250×150 畫素的圖就夠了，結果有些同學上傳的卻是 2500×1500 畫素的超大圖？載入的時候，瀏覽器可不管那麼多，它只會老老實實地把這個大塊頭直接地搬過來。這樣的“大塊頭”多了，網站速度肯定得慢下來，使用者體驗也會大打折扣。

9.良好的圖片URL

url中採用關鍵字命名，擴大關鍵字覆蓋率。

10.CDN或者圖片CDN

獨有的圖片CDN，不予其他CDN衝突，載入速度更快。

圖片重新命名外掛 – Media Renamer使用教程

安裝外掛並設定。

啟用，然後在媒體裡找到media renamer。

點選edit或者rename all都可以。

下面rename all就是批量更改的功能。

需要Rename All 功能必須ALT 或者 Title其中有一個正確填寫，rename all直接把檔案缺失的改成一樣，比如你有填寫了圖片title=wordpress，alt沒填寫，rename all 功能啟用後這張圖片的alt就會更改為 wordpress。

已經填寫title和alt的圖片無法rename all 一起更改，需要手動更改。

獨立Google SEO專家，ylsseo.com創始人，基於Google專利、IR與API Leak解讀排名機制，中文SEO啟蒙第一人。