高清大圖對SEO有甚麼好處?如何製作高清大圖而保持檔案尺寸較少?
關於 Google 在圖像方面的建議,Google 活動營 2019 提出了關於圖像方面的建議,現在大家看到的 Youtube 視頻在他們的網站也會看到。
影片解説
4 個圖片 SEO 的注意事項
第一,如果想提升 SEO 讓搜尋器容易搜尋到你的圖像和其連帶的頁面內容,圖片就需要高清、相關性要高、檔案的名稱也要具相關性。
第二,圖片要在頁面較上的位置,如果用 wordpress 的話,已經有 feature image 會將圖片無和標題置頂。
第三,不要把文字放在圖片中,一方面 Google 不能讀取,第二方面用手機看也非常細小。
第四,結構性數據是否說明那是一張圖片。最後檔案名字和連結是否有相關意思。
除了給大家應做的建議,也建議了一項應避免的事,不要自作聰明在 programming 的情況下,在 header、script 或 css 的層面塞進圖片,應該用最傳統的方法,就是圖中綠色對勾這種句式。(參考影片解説)
圖片的載入(Lazy Load)
另外也應該運用結構化數據和 lazy load,Lazy load 主要就是當網站有大量圖片的時候,當用戶還沒瀏覽到該處時就先不要 load 出,這樣做可以節省資源。
接著也提到很快會推出的一個 high resolution image of Opt-in program,當你的網站有大量高像素的圖片,Google 會優先顯示你的網站圖片,因為 Google 認為用家是想看高清優質的圖片。所以如果你有又大又優質的圖片,Google 提供了 schema 讓你知道如何放圖和告訴Google。
圖片與載入速度矛盾的測試
又大又高清的圖自然會 load 得慢,這又會引致較差的用戶體驗,似乎有矛盾,所以這裏我給大家做一個示範。
我先去一個免費的圖片庫,用關鍵字Office搜尋,搜尋一張大圖並下載,我會挑選最大尺寸的來下載。
我下載這幅圖有 2.3MB,如果網站有幾幅這種尺寸的圖片,load 出來的時候用家應該會覺得不耐煩。
進行圖片瘦身(步驟查看影片示範)
有一個網站 jpegmini.com,畫面看到這條直線由左邊 1.3MB 拉到右邊 0.7MB,就是想顯示即使尺寸改變,小了一半也不會影響畫質。
它提供一個試用版,我之前已經下載安裝了,可以免費試用 200 張圖片,一般都夠用時間了。我上載剛才 2.3MB 的圖片,完成之後是 1.7MB,不像之前 1.3MB 變成 0.7MB 那麼多,但始終減少了二、三成已經很好了。
我也試了已經壓縮的圖片不能二次壓縮。每張圖片節省了幾百 KB,一個網站如果有四幅圖10MB,可以節省到 5-6MB 就省了很多資源,而且不是每個網頁都有那麼多大圖片,主要是首頁會有兩、三張。
小結與建議
所以如果大家想達到 Google 眼中的 High resolution image Opt-in program 要求,令 Google搜尋到你,同時又不想網站 load 得太慢,可以用 jpegmini.com。
如果對本視頻有任何問題,歡迎留言。
如果喜歡本視頻可以點讚和分享給朋友,我也有 Facebook Page 和 YouTube channel,歡迎訂閱。我們下次見!