- 郭尚青
- / 數位行銷
- / SEO
- / 圖片也可以做SEO！SEO圖片優化的技巧都在這！
圖片也可以做SEO！SEO圖片優化的技巧都在這！
網頁內除了文字以外，還有圖片也不要忘記優化，SEO圖片優化對於圖片的搜尋是很有幫助！
在做文章撰寫，基本盤都會以圖文並茂的方式來進行，有一些還會夾帶一些影片，增加內容的豐富度。
文字再搭配精美的圖片，會讓使用者接續把文章看完，提升使用者體驗，增加使用者的閱讀興趣，如果只有文字，可能會讓人讀不下去。
圖片是網站不可或缺的一部分，恰當的圖片可以替網站加分，圖片的優化可說是SEO的基礎之一，卻常常被忽略。
我常常看一些部落客文章，寫得很精采，文章很長，圖片超級多又漂亮，但是我一按右鍵，發現ALT是空的，我就覺得很可惜，因為圖片對搜尋引擎來說就是程式碼，他不知道這圖片是什麼意思。
要做圖片的SEO可以從以下這些重點進行優化：
◎圖片檔案名稱(File Name，檔名設關鍵字)◎
圖片檔案名稱可以給搜尋引擎一些關於圖片內容的提示，簡單的說就是，檔名最好放入關鍵字。
例如：2020-BMW330I-Msport.jpg，就會比IMG1234567890.jpg要好得多。
◎ALT替代文字(Alt text, alternative text)◎
ALT替代文字就是跟搜尋引擎講，這張圖是什麼意思，當圖片失效或是無法顯示時，瀏覽器顯示替代文字的文案。
ALT替代文字是Google用以判斷圖片內容的資訊之一，是圖片最重要的優化項目，圖片優化其他都可以不做，唯獨這一個一定要做！
文案的寫法以100個字元，50個中文字來進行撰寫，並且加入關鍵字(基本上有放總比不放好，在懶也要放一個關鍵字)。
以電商的圖片來說，可以在ALT裡面寫核心關鍵字+產品名稱+產品型號、一般的內容網站就可以寫跟這次文章內容相關的文案。
◎圖片標題、圖片註解(Title Attributes)◎
圖片在網頁面中，像是圖片註解、圖片標題都是搜尋引擎判斷圖片內容的來源之一，當你的文案所寫出的內容跟圖片有相關時才使用該圖片，不要使用不相關的圖。
通常我在做ALT替代文字時，我也會順便做圖片標題，因為是在一樣的位置。
圖片標題語法如下，我是懶人包做法，ALT文案寫啥，我標題就放啥XD！
在網頁的呈現方式呈現方式如下：
◎圖片上不要放說明文字◎
不要將重要的文字只放在圖片內，例如產品的說明文字、網頁標題等等不要直接放在圖片上，圖片會因為瀏覽器的關係，造成圖片字體變大變小，可能會造成閱讀不易，再如果沒有做ALT，那搜尋引擎也不知道這圖片是甚麼意思，會降低搜尋機率。
◎圖片的Sitemap◎
建立圖片的Sitemap(image sitemap)，有助於提升圖片在圖片搜尋中出現的機率，可以想成是類似網頁的XML Sitemap。
Google的參考文章：圖片 Sitemap
◎圖片檔案大小要優化，檔案別過大◎
一般使用的圖片，檔案大小要越小越好，這是指一般在網站上看到的圖片，不要看起來模糊。
圖片越大，網站載入的時間就越久，如果網路很爛，使用者可能沒耐心等到圖片顯示就直接關閉網頁，速度也是優化SEO的項目之一，這很重要。
可以使用線上的圖片壓縮服務，縮小圖片的檔案大小，最後看看壓縮後的圖與原圖比較起來有沒有差異太大！
壓圖神器：TinyPNG
◎其他的圖片優化小細節◎
1.搜尋引擎喜歡大圖(像素600以上最好，最低不要低於300)。
2.圖片300K以內(K數要小)。
3.EXIF DATA(日期、光圈、快門、縮圖)要去掉。
4.圖床：輔助速度優化，找一個空間放圖片，像是『Flickr』、『digitalocean』。
做圖片的SEO，只要依照上面的技巧即可XD，如果還有我沒有寫到的細節，或是還有其他的更好作法，歡迎來信跟我說，一起討論喔！
※延伸閱讀-更多的SEO應用相關文章：
