網站圖片 SEO 如何優化?超完整 Image SEO 教學 by 貓熊先生 2022 年 1 月 1 日 2022 年 1 月 1 日 2.1K 網站圖片 SEO 圖片 SEO(Image seo),要如何優化?圖片在 seo 裡面也是很重要的優化一環,特別是圖片裡面有 ALT,Alt text 本身在 SEO 搜尋引擎優化裡面,就是個很重要的優化項目。有經過優化的圖片,也相對比較容易出現在 Google 圖片搜尋結果裡面,如果圖片連 Alt text 都沒有,Google 是很難判斷這張圖片到底是跟什麼有關的。 除了圖片 SEO 之外,通常上傳圖片之前,還需要將圖片壓縮再上傳,因為過大的圖片會拖累網頁速度,養成壓縮圖片的習慣,才不會在之後網站流量變大時,又要回頭處理圖片檔案過大的問題。 如果你還不知道圖片 SEO(Image SEO)要怎麼做,本篇文章會完整教學所有 SEO 優化圖片應該注意的事。 內容目錄 Toggle圖片 SEO 優化、Image SEO 怎麼做?1.圖片壓縮2.圖片加上 Alt text3.圖片加上 Title text4.圖片檔名使用英文5.圖片檔名使用有意義的英文6.使用語義標籤 figure / figcaption7.圖片使用響應式設計圖片 SEO、Image seo 常見問題圖片 SEO 是什麼?圖片 Alt text 跟 Title text 差在哪?圖片 SEO 、Image SEO 觀念整理 圖片 SEO 優化、Image SEO 怎麼做? 下面一一列出優化圖片的各種項目,這些項目務必在每次寫完文章時,就順手做到位,避免之後又要回過頭來處理。 1.圖片壓縮 將圖片上傳到網站之前,務必先使用 TinyPNG 或是 TinyJPG 進行壓縮,壓縮過後的圖片,往往可以減少檔案大小 50%以上。圖片壓縮之後,對於提升網頁速度會非常有幫助。 2.圖片加上 Alt text Alt text 是很重要的 SEO 優化項目,目的是為了告訴 Google 這張圖片到底是跟什麼有關。Alt text 切記不要堆疊關鍵字,只要包含一次你的主攻關鍵字,並且正確描述這張圖片即可。 很多人可能會問,到底怎樣的 Alt text,才是好的 Alt text。關於這點,Matt Cutts 在 Youtube 影片上有一隻影片,專門說明圖片的 Alt text 到底要怎樣寫比較好,這隻影片建議大家看完。 圖片加上 Alt text 簡單的說,就是要用很精簡的字,精準的描述這張圖片到底是跟什麼有關,並且避免關鍵字堆疊,這樣就可以了。 完整 Alt text 優化教學可以參考下面文章。 圖片 Alt text 是什麼?html img alt 替代文字優化! 3.圖片加上 Title text 除ㄌ Alt text 之外,圖片其實還有 Title text。Title text 的作用是,當使用者將滑鼠移動到圖片上方時,瀏覽器會顯示一段文字字串,那一段字串來源就是 Title text。雖然 Title text 沒有 Alt text 那麼重要,但是還是建議一起加上去。 4.圖片檔名使用英文 至於圖片檔案名稱命名方面,一律建議使用英文,不建議使用中文。而且圖片檔名一律建議統一使用英文小寫。 5.圖片檔名使用有意義的英文 除了圖片檔名使用英文之外,檔案名稱也不要使用沒有意義的英文單字。如果你的主攻關鍵字裡面有英文,應該讓它出現在圖片檔名裡面,也就是讓圖片檔名包含關鍵字。 6.使用語義標籤 figure / figcaption figure 是 HTML5 裡面的語義標籤,figure 主要是告訴 Google 標籤裡面的東西是影片/圖片等多媒體。figure 裡面還有一個標籤叫做 figcaption,是用來說明這張圖片的,figcaption 也建議一起優化。 目前 figure 雖然不是一定要做的優化項目,但是使用 figure 標籤應該是未來的趨勢,應該儘早將圖片外面都包一層 figure 標籤會比較好。 7.圖片使用響應式設計 現在很多網站已經都加上圖片響應式設計了,所謂圖片的響應式設計,是指圖片的 srcset屬性,這用來告訴瀏覽器如何針對不同裝置顯示不同圖片。如果你使用的是 WordPress,通常它已經自動替你完成了,這是從 Wordpress 4.4 版本預設添加的。 圖片應該具有srcset屬性,這使得瀏覽器可以為每個螢幕寬度提供不同的圖像,這對手機裝置顯示圖片特別有用。 上面就是圖片 SEO 優化項目了,這幾個 Image seo 優化項目建議都要做,盡量把 SEO 優化工作做到滿、做到飽,這樣就不用之後要要重新回過頭處理圖片優化的問題了。 除了圖片之外,Meta title 跟 Meta description 也都是優化項目,完整教學可以參考下面文章。 Meta Title 怎麼寫?10個 SEO 文章標題 Title Tag 優化指南!Meta Description 是什麼?網頁描述標籤 SEO 優化指南! 圖片 SEO、Image seo 常見問題 圖片 SEO 是什麼? 由於搜尋引擎無法直接辨識圖片是跟什麼有關,因此圖片是很重要的 SEO 優化項目之一。最重要的是要在圖片加上 Alt text 屬性,這是最重要的優化工作。 圖片 Alt text 跟 Title text 差在哪? Alt text 用來告訴搜尋引擎,這張圖片是跟什麼有關;Title text 則是用來告訴瀏覽器,當使用者將滑鼠移動到圖片上方,應該顯示什麼文字。 圖片 SEO 、Image SEO 觀念整理 圖片 SEO 是很重要的優化工作,特別是在上傳圖片之前,就要先將圖片壓縮,使用無損壓縮常常能減少圖片檔案大小 70%以上。另外 圖片 SEO 最重要的一個部分是替圖片加上 Alt text,而 Alt text 應該包含你的主攻關鍵字,並且避免關鍵字堆疊。 其他人正在看 圖片 Alt text 是什麼?html img alt 替代文字優化!Image SEO 圖片 EXIF 是一項 SEO 排名要素嗎? image seo圖片 SEO網站圖片 SEO 相關文章 圖片 EXIF 是一項 SEO 排名要素嗎? 圖片 Alt text 是什麼?html img alt 替代文字優化!Image SEO