2019 圖片優化指南


圖片優化的重要性


根據2016 Jumpshot和Moz研究數據分析,Google圖片搜尋已經是Google.com後第二大使用率最高的搜尋平台,其搜尋量超過剩餘的十大網絡資產總和。
web properties search distribution

圖片內容

避免在圖片中嵌入文字
  1. 圖片在行動頁面上,可能因為縮小導致文字不容易辨識
  2. 且網頁翻譯工具並不支援圖片。為了盡可能讓更多人存取您的內容,請透過 HTML 加入文字。
建議使用文字加圖片方式,使用文字在圖片的周圍,或是壓在圖片上都是可以的做法

圖片清晰

比起模糊不清的圖片,高畫質相片較能吸引使用者的目光。此外,清晰的圖片在結果縮圖中更為吸睛,可提高使用者造訪您網站的機率。
clear and big images
清晰的圖片可以為你帶來點擊

加載速度

在網頁的整體大小中,圖片往往佔有最大的比例,並可能會導致網頁載入速度緩慢,建議將檔案壓縮過後再上傳,使檔案不超過300kb。
可以使用Google speed insight測試網頁速度,裡面會列出該網頁需要優化的項目,可看到圖片是否需要優化。
image size recommandation 1
Google speed insight在最佳化圖片列出測試頁面需優化的圖片網址

圖片大小

這裡指的不是圖片的檔案大小,而是「像素」的大小,越大的圖片搜尋引擎越喜歡,盡量在檔案大小內盡量將圖片放大。
  • 圖片搜尋傾向給較大的圖片好—點的排名
  • 圖片在限制範圍內盡可能放大
  • 建議寬度在600pixel以上
  • 不超過瀏覽器檢視範圍(寬度7,000 Pixels 以內)
image size recommendation 2.jpg
排名在前的幾乎寬度都在600pixel以上

網頁標題、中繼說明及內容

在圖片搜尋結果頁的圖片標題及說明,Google可能會參照圖片所在頁面的網頁標題跟中繼說明呈現,會出現在搜尋結果頁。
而網頁內圖片的前後文及圖說,會影響搜尋引擎對圖片的內容判斷,都是需要優化的項目。
image and page
Google將會根據這些地方的說明,來判斷圖片的內容,建議置入關鍵字。

替代文字替代文字

替代文字是用來描述圖片的文字,可協助看不到網頁中圖片的使用者(包括使用螢幕閱讀器,或網路連線速度偏慢的使用者)瞭解圖片內容,是搜尋引擎判斷圖片內容的重要位置。
格式<img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>
優化要領:
  • 簡明扼要
  • 2-6個字
  • 100個字元以內
  • 避免重複
  • 在縮圖跟大圖用樣的替代文字無妨
  • 在網頁標題出現相同關鍵字有助於排名
沒有要優化的圖片不用設
alt samples

檔名、標題

檔案名稱可讓 Google 推斷圖片的主題,是重要關鍵詞因素,建議可將關鍵字帶入檔名,例如下圖就使用wedding-shoes.jpg為檔名。
wedding-shoes

圖片XML Sitemap

就像網頁丶影片—樣, 搜尋引擎也會採用圖片XML Sitemap 的資訊 ,Google網站管理員工具會在報告顯示索引了哪些圖片。
image sitemap

結構化資料

clip_image002[4]
加入結構化資料,Google 圖片就能以複合式搜尋結果顯示圖片,為使用者提供與您的網頁相關的較豐富的資訊(如右圖)
目前Google 圖片支援下列類型的結構化資料:
  • 產品
  • 影片
  • 食譜
Google 結構化資料說明
使用google的結構化測試工具,測試網站中的結構化是否正確。