優化網站圖片五步驟,為你的網站帶來百萬流量

圖片在網站中地位是無可取代的,它們通常更容易吸引瀏覽者的目光,也能提高使用者瀏覽體驗,而搜尋結果中也經常出現醒目的圖片搜尋結果區塊,出現的圖片搜尋結果區塊往往更吸引人點擊,也為網站帶來更多的流量,因此針對網站圖片 SEO 也顯得格外重要。以下針對網站圖片提供五個圖片 SEO 步驟。

圖片的搜尋結果區塊 (是不是讓人很想點擊呢?)

圖片的搜尋結果區塊 (是不是讓人很想點擊呢?)

 

圖片SEO步驟一:選擇漂亮吸引人的圖片

這時候你可能會有以下疑問:「搜尋引擎難不成是外貌協會的?還會選擇好看的圖片提升排名?」當然不是這樣,雖然漂亮的圖片不會讓你的網站排名突飛猛進,卻能為你的網站帶來更多點擊以及流量。
想像一下當你的圖片與其他眾多茫茫大海圖片一起出現在搜尋結果中,瀏覽者第一個點擊的一定是最吸引人的圖片 (最吸引人的圖片類似是搜尋排名第一的概念),也會為你的網站帶來更多的瀏覽訪客。

圖片SEO步驟二:優化圖片檔案名稱

很多的網站都會用無意義的圖片檔案名稱,例如:01.jpg、a1.png 等,這樣也許在圖片命名的時候很輕鬆愉快,只要照著編號一直列表下去即可,不過現在 Google 的搜尋引擎功能非常強大,雖然目前還無法讀取出圖片內的文字內容 (以後或許可以),不過當搜尋引擎無法了解圖片內容時,將會參考周圍文字內容或是圖片檔案名稱作為圖片的搜尋結果。
所以一個好的圖片檔案名稱建議應該使用具有相關意義的名稱,會讓搜尋引擎更了解圖片所代表的意義有所幫助。

圖片SEO步驟三:壓縮圖片檔案成適當大小

網站速度現在也是影響搜尋引擎排名的因素之一,而往往影響網站速度最大的原因就在於圖片的讀取,所以我們應該針對圖片做優化,以幫助我們提升網站瀏覽速度及使用者體驗。而通常一般會透過下列兩種方法優化圖片檔案大小:

圖片尺寸縮小為最適當的大小

網站常會有一種情況發生,例如網頁呈現圖片大小也許只要 200px * 200px,不過常常卻使用遠大於這個需求的圖片尺寸,而再使用CSS去縮小圖片,這樣也許是可以減少一道縮小圖片的動作,不過對於網站讀取速度卻是一種負荷。

壓縮圖片大小

將圖片在不失真和影響品質的情況下,壓縮至最小的檔案大小,可以到 Google PageSpeed Insights 幫你測試網站速度分數
它還會列表出網站頁面目前有哪些圖片需要做壓縮,並提供下載壓縮過的圖片。
如果網站圖片是使用 Photoshop 軟體製作,建議在檔案存檔時 (儲存為網頁用),就壓縮圖片到適合大小、品質。
當然如果電腦沒有 Photoshop 的話,這邊也提供一些線上壓縮的網站連結:
https://tinypng.com
https://compressor.io
延伸閱讀:網站速度優化,從Google Page Speed Insights開始

圖片SEO步驟四:優化圖片的 Alt

Alt 對於圖片的優化是非常重要,圖片的 Alt 不只是圖片替代文字,更可以讓搜尋引擎在抓取圖片的時候了解圖片的主題內容。
圖片 Alt 的設置並不應該推疊關鍵字,也不建議過長,應該針對圖片的代表意思來準確的撰寫 Alt,畢竟堆疊不相關的字就算使用者搜尋到也不會點擊不相關的內容,反而可能會被使用者檢舉,導致影響圖片收錄。
圖片的Alt 在Html 中的使用方式為:

<img src="圖片網址" alt="圖片標題"/>

延伸閱讀:做 SEO你絕對不可以忽略的【網站速度優化】,關於速度優化的三兩事

圖片SEO步驟五:為圖片加上一段標題敘述

搜尋引擎在判定圖片的主題內容時,除了從圖片的檔名、圖片的 Alt 標籤還會從圖片附近的內容做為參考,所以在圖片附近加上一段標題敘述,可以讓搜尋引擎更確定圖片的主題性。
當然為圖片加上一小段標題敘述,有助於搜尋引擎判定圖片主題,建議在圖片標題敘述時應該是自然的,如果過度的使用來堆砌關鍵字,也有可能造成被判定為作弊行為,其中的掌握拿捏是很重要的。
而html 有一組新標籤元素專門用於圖片以及圖片標題,可提供大家參考
使用方法如下:

<figure>
<img src="圖片網址" alt="圖片標題"/>
<figcaption>圖片標題敘述文字</figcaption>
</figure>

延伸閱讀:做網站SEO,搜尋流量突然下滑了怎麼辦?SEO專家這樣建議