fbpx

SEO網站搜尋引擎介紹-如何優化圖片

為了帶給使用者良好的網頁體驗,一般都會置入各式各樣的圖片來美化視覺,畢竟密密麻麻的純文字內容,實在叫很難沉住氣耐心瀏覽完畢,更何況在這科技進步的時代,生活周遭都充滿誘惑,人們的專注力持續時間逐年降低,為了抓住消費者的目光,這是無可避免的事情,但是你知道嗎?其實圖片也是有許多優化辦法的!

圖片檔案大小調整

為了美觀與品質,很多網頁會追求高畫質高解析的的圖片內容,甚至將這類的圖片充斥整個頁面,我們可以簡單得知,高品質的東西所要付出的條件就是高成本,網頁圖片的樣貌越清晰,檔案的大小就越會拖垮網站,甚至有些網站一放就是滿滿的圖片,這些作法並不是不好,而是隱含的機會成本,你考慮到了嗎?

  1. 消費者端:

將造成延緩頁面開啟延遲,想當然,當頁面中的檔案越複雜、越佔空間,載入過程中就要花越多時間去讀取,前文提到現在消費者的耐心缺乏,並且手機瀏覽已成為主流,無可否定網路的速度還是會略遜於電腦。在順利載入的困難度提高的情形下,很容易在沒有完全顯示就已經離開了,而這又會造持兩個情況:辛苦做出來的頁面乏人問津、以及可能因為大量的跳出被搜尋引擎判定為劣質內容。

  1. 收尋引擎端:

開啟PageSpeed Insights,這是Google提供的一項網站健檢工具,用意在於檢視網頁的載入速度,畫面如同下圖,跟上一點相似之處在於,這項工具同樣也是著重於網頁載入速度,不同的地方在於上面是針對消費者的即時反應,這項工具會在消費者看到你知就決定了頁面的SEO排名順序,在方框中輸入要檢查的網址,系統會自動顯現該頁面狀態,如果分數過低,是以紅色顯現的話,那麼網站SEO就會受到拖累,進而影響排名。

網路上有很多工具可以幫忙壓縮圖片大小,比方如上附圖,甚至是Photoshop存檔時選擇檔案>轉存>儲存為網頁用(如下附圖),進而調整圖片品質,也可以有效改善檔案太大的問題,至於品質與大小的拿捏,這就要自己斟酌了,建議圖片大小盡量抓在200KB左右。

增加圖片詳細內容

應該都有用過搜尋引擎尋找圖片的功能吧,有沒有想過為什麼這些圖片也能夠按照你的需求顯現在畫面上呢?其實圖片也是可以設定很多SEO的內容描素的。比方我今天搜尋Facebook廣告

可以在當中找到我某一篇相關文章內的圖片,這就是因為我在這張圖片設定了名稱、描述等等,也稱作alt文字,由於搜尋引擎目前還無法有效辨別圖片內容中的涵義,所以請盡可能為圖片加上註解,這樣就可以有多一個管道為自己增加曝光機會囉!

 

關於描述alt文字範例補充在下方:

<img src=”https://example.com/檔案名稱.jpg” alt=”描述內文”>

<img src=”example_pic.gif” alt=”描述文字”>

發表迴響