圖片seo優化 Hsp Studio

圖片SEO怎麼做?除了替代文字(Alt)以外的注意事項!

說到圖片SEO,想必作為SEO寫手的大家腦海冒出的第一個想法,就是替代文字補上不就好了?事實上圖片SEO還有許多小細節。

在近年來,替代文字已經不再是過往我們認為的「是為了協助視障人士辨讀」而使用,同時,也是幫助 Google 辨認圖片內容的重要基礎。

大家可別忘了 Google 搜尋引擎也有圖片搜尋,而圖片搜尋的關鍵字來源,就是圖片的檔案名稱替代文字(Alt)

Google搜尋引擎有圖片搜尋選項 Hspstudio整合行銷顧問

接下來就讓 HSP Studio 整合行銷顧問,結合技術端SEO與內容端SEO,分享大家圖片SEO的重要性。

選用提升網站性能圖片類型

在過往,我們撰寫文章時都習慣使用 JPG 或 PNG 格式上傳,而今已經出現的 Webp 的圖片格式,幫助圖片在同樣的品質下,佔據主機更小的空間,這也網站性能的提升,瀏覽者能快速載入速度圖片。

轉換選擇壓縮程度
JPG 轉 Webp檔案壓縮小 26%
PNG 轉 Webp檔案壓縮小 25 ~ 34 %
資料來源:fileformat

在網路上搜尋 jpg 轉 webp 或是 png 轉 Webp,我們就能尋找到很多轉檔資源:

以上資源都可將既有的 PNG 或 JPG 檔案快速轉為 Webp 的格式,但需要注意的是,圖片SEO除了直接將檔案壓縮以外,也會建議寬度或長度皆在 1000px 以下,並且檔案大小需小於 1MB,避免直接上傳原圖。

導致即使檔案已經轉為 Webp ,檔案仍然過大影響網站載入速度。

圖片檔名的命名

透過 WordPress 的外掛,我們也可協助設定圖片上傳至媒體庫時,使檔案名即等於圖片檔名。根據 HSP Studio 整合顧問過往協助優化網站 SEO 的經驗,有許多圖片的檔名與圖片並無相關。

這就如同這瓶明明是巧克力果醬,上面卻印著瑞士乳酪的貼紙。

e.g. 「Img2004」 如果是一顆蘋果,則應將其檔名改為「蘋果」。

圖片替代文字(Alt)的撰寫

繼圖片檔名之後,我們往往會為圖片加入一段替代文字,建議撰寫時可直接想像如果要描述給視障人士,可以怎麼撰寫?

延續上述關於蘋果的撰寫,進行圖片SEO優化時,我們可以這樣敘述:
這是一顆來自富士的蘋果,色澤飽滿紅潤,看起來相當可口。

並且避免以下的敘述方式:
一顆蘋果。

蘋果

盡可能從圖片大方向敘述,接續描述細節讓人一目了然。

這也有助當圖片遺失、無法顯示於網站時,瀏覽者可以明白我們放置圖片的用意。

選用擁有RWD功能的網站

也就是選擇響應式網站。在經營電商平台,或是使用 WordPress 網站建立客製化電商平台,幾乎每個人都需要使用部落格進一步撰寫品牌故事、知識分享、內容導購文章,幫助產品的信任度或是消費者忠誠度增加。

如果網站沒有 RWD 的功能,我們的圖片以及文字都將因為裝置的不同而受到影響,閱讀體驗非常差,根據 Google 於 2023 年關於 SEO 的敘述也提及,手機閱讀的友善性會受到更多重視。

舉例來說,有些圖在電腦上看起來剛剛好,在手機上卻只能看到一半,這就是缺乏 RWD 功能的網站,圖片並沒有因應使用裝置而改變。目前的唯一解法,是將視覺式的撰寫頁面改為 Html 語法,並且將圖片的寬度與高度都設為 “Auto”。

然而,對於只擅長內容型的SEO寫手而言,很難協助一一設定,且多數SEO寫手著重的是關鍵字研究是否能帶來足夠的流量成長,並不會提供圖片輔助說明。

圖片的SEO檔案小、完整的替代文字敘述並且選用RWD網頁很重要,但無論如何,SEO文章都不離內容為王的道理。該圖為 Google 的代表圖片。

操作圖片SEO的結論

大多數的 SEO 寫手,著重的僅止於關鍵字研究,有些 SEO 寫手,會關注到文章的可讀性,將文字變得白話,更進階的SEO寫手,則會詢問品牌的特色、亮點、口吻,並且與其他品牌做出明顯區別,讓文字就如同品牌親自撰寫一般的帶有人味。

SEO (Search Engine Optimization) 詳細討論,每位 SEO 寫手都有其重視的地方,更多 SEO 作品,也可直接觀看 HSP Studio 整合行銷顧問的 SEO 文章實戰作品集

總結來說,內容為王無論在網站或是社群,都是不變的真理。