穩紮穩打的八個圖片SEO優化要點(2)圖片真的越多越好嗎

穩紮穩打的八個圖片SEO優化要點(2)圖片真的越多越好嗎

穩紮穩打的八個圖片SEO優化要點(2)圖片真的越多越好嗎
穩紮穩打的八個圖片SEO優化要點(2)圖片真的越多越好嗎

 

第一篇圖片SEO優化學完後,接下來要幫你矯正的一個觀念也跟圖片有關~

 

目錄
1. 圖片SEO的重要性
2. 8大圖片SEO心法
2-1. 使用合適的圖片檔名
2-2. 優化 alt 文字
2-3. 能不用圖片就不要用圖片
2-4. 別只靠 HTML5 的 width 與 height 來設定圖片尺寸
2-5. 圖片寬度別超過網頁的內容
2-6. 圖片 Exif 資訊 – 視狀況而刪除
2-7. 選擇適當格式的圖片檔
2-8. 創建圖片的 sitemap (進階)

3.能不用圖片就不要用圖片

台灣電商網站最犯的錯誤之一,就是將所有的文字訊息通通都丟到圖片內,直接以一張大圖的方式呈現。也許店商主還會滿意地的認為這樣很漂亮,但事實上,這樣的做法對於訪客的體驗恐怕印象扣分,還會不利於 SEO

消費者逛你的電商網站時,不外乎就是要快速看到產品照片、規格、價格等資訊。而一張大圖的呈現方式,只會讓使用者一直滑手機、拼命滑到底,到最後依然還找不到相關資訊時,就會增加他們不消費就離開你網站的機率。

因為對搜尋引擎的 「爬蟲」 來說,圖片是完全沒有內容的:無論你那張圖裡有多少文字、圖多漂亮,在原始碼中永遠都是 HTML5 的一小行程式碼罷了!所以盡可能的將圖片 「文字化」…讓我們說得更明白些,對搜尋引擎來說,「文字」 才是內容、才是對 SEO 有利的關鍵所在!因為搜尋引擎是讀取HTML5原始碼的!

而圖片要如何 「文字化」 呢? 例如圖表的部分,就使用HTML+CSS來畫 、陰影可使用 CSS3 的效果達成等,就不要使用圖片檔案。

以下例的表格來說,若一張表格以表格的方式呈現,搜尋引擎讀到的資訊如左側原始碼:

See the Pen table by Tedutw (@Tedutw) on CodePen.

但是若同一張表格以圖片的方式呈現,搜尋引擎讀到的資訊如同左側原始碼,只有一行字:

 

See the Pen table by Tedutw (@Tedutw) on CodePen.

由以上範例可知,表格使用 HTML 製成的方式正好可以把相關訊息都寫在原始碼內,也有機會被搜尋引擎抓取關鍵字。若使用圖片檔表示,相關訊息就無法呈現在原始碼內。就算是優化圖片的名稱與 alt 文字,被搜尋引擎抓取的關鍵字仍很有限。

 

    延伸閱讀:

穩紮穩打的八個圖片SEO優化要點(1)圖檔命名和alt文字

穩紮穩打的八個圖片SEO優化要點(3)靠HTML縮小圖檔可不夠

穩紮穩打的八個圖片SEO優化要點(4)圖片寬度和Exif資訊

CSS語法格式入門課!! 前端工程師非學不可!!

假新聞層出不窮,但在將來,作者可能會是人工智慧..

達內課程先就業再付款- 中時電子報

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料