如何做Image的SEO最佳化?

如何做Image的SEO最佳化?
    一般來說,當你在密密麻麻塞滿文字的文章跟圖文並茂的文章之間要選一個的話,我相信正常人都會選擇圖文並茂的文章。同理,對網站來說,一個沒有任何圖片的網頁跟有很多好看、清晰的圖片的網頁,不用想也知道,有圖片的網頁一定會是更吸引人的。
    一個醒目的圖片,可以吸引瀏覽者的目光,讓瀏覽者進入你的網站,為網站帶來更多流量;一個完整的圖片,可以對你想表達的內容作補充說明,讓瀏覽者更清楚、更明白。
    當網頁裡的圖片是如此的重要,針對網站圖片的 SEO 就成為必需之事了,而要怎麼做到圖片的 SEO 呢?以下幾點提供給你參考:
  1. 圖片檔案名稱要獨特且敘述精確,並且將產品的特色也一併描述進去
    • 圖片不似文字一樣可以被讀取,因此只能透過其他的方式來說明圖片的內容,例如圖片檔案名稱。
      messageImage_1558596946198
    • 假如上述圖片是一家名為奇奇的公司所製造的產品,此產品是一個手工製作紅色的漆皮高跟鞋,那麼這張圖片的命名應為「紅色-手工-漆皮-高跟-涼鞋-奇奇.jpg」,而不是「奇奇001.jpg」這種數字編號,如此一來搜尋引擎就有辦法依靠圖片檔案名稱判斷這張圖片的內容,圖片得到的評分才會高。
  2. 圖片加載速度要快,也就是圖片品質要優化
    • 圖片品質優化主要目的:縮減圖片檔案的大小,提高網頁開啟速度,進而提高網頁的評分。
    • 當訪客進入網頁時不可能願意花很多的時間去等待一張圖片的加載,通常幾秒過後,若是圖片還是加載不出來,訪客就會離開這個網頁去看下一個,因此提高圖片的加載速度,不只提高圖片的評分,同時也會影響到顧客停留在網頁的時間以及意願,間接地影響到整個網頁的評分、排名。
      注意:縮減圖片檔案大小的同時,要盡可能讓圖片尺寸夠大,建議至少要600px,因為尺寸越大的圖片,越容易出現在圖片搜尋結果頁面。
  3. 提交圖片的 Sitemap 檔案
    • Sitemap 是甚麼?
      Sitemap 是一種檔案,您可以在其中提供網站中網頁、影片和其他檔案的相關資訊,並說明各種網頁和檔案之間的關係,搜尋引擎會讀取 Sitemap 檔案,以更靈活的方式檢索您的網站 (引用自維基百科)。
    • 根據上述 Sitemap 的定義,將圖片清單做成 Image Sitemap 然後提交給 Google Search Console,搜尋引擎就可以知道此圖片重要與否,就有助於提升圖片在圖片搜索中出現的機率。
  4. 優化程式碼,要簡短且精確地敘述(設定 alt 參數)
    • 如同圖片檔案名稱一般,圖片的描述也是搜尋引擎判斷的標準,因此,設定 alt 參數,也就是當圖片失效時會顯現的替代文字,用文字來描述這張圖片的內容。messageImage_1558597534299注意:若是使用 CSS 的 div 標籤,圖片將不會被讀取到。
  5. 圖片的標題
    • 圖片所在的頁面中,圍繞在圖片四周的文字(包括圖片標題、註解等...)都是搜尋引擎判斷圖片的內容的輔助工具。
    • 設定 Title 參數,也就是當滑鼠移動到圖片上停留時,會看到的顯示:messageImage_1558597785485
  6. 使用正確的圖片格式
    • 向量圖檔:不受縮放和解析度調整的影響,適合表達幾何圖形,例如 SVG。
    • 點陣圖檔:會受縮放和解析度調整的影響,可能需要準備各種不同版本的圖檔以備不同解析度的需求,適合表達不規則的複雜圖形、自然界的影像,例如 GIF、PNG、JPEG。
  7. 圖片結構化
    • 結構化資料就像是幫網站寫上註釋一樣,讓搜尋引擎可以更快速的理解到重要資訊,而在SEO的操作上,借助於結構化資料的幫助,能讓搜尋引擎在檢索整體網站上更有效率。

參考資料:
  1. Image SEO: Optimizing Images for Search Engines
  2. Optimizing Images for Google Search Results

更多文章:

  1. SEO加分訣竅與運用Material Design提升使用者體驗
  2. 如何讓網頁達成關鍵指標優化加強SEO
  3. 如何讓您的SEO策略不落伍?四個密技送給您
  4. 2019年有甚麼搜尋引擎相關專利需要了解?
  5. Google Defines Its Commitment To Ad Targeting And Data Transparency