圖片真的對 SEO 沒有幫助嗎？相信這是許多人會有的疑惑。

根據奇寶工程師的經驗，文字在 SEO 中的影響力仍然大於圖片，但我們也不可忽視圖片搜尋的趨勢。奇寶工程師常遇到客戶考量排版、畫面的美觀，所以在網站中大量使用圖片提供訊息給使用者，卻忘了搜尋引擎爬蟲只看得懂「文字」（程式碼），對 SEO 來說，是非常可惜的一件事！

要兼顧排版及 SEO，工程師建議以圖文並茂、相輔相成的方式進行，若是因為版面限制，則可以運用其他可以放文字的區塊、頁面，將圖片中的內容轉換成文字，讓搜尋引擎爬蟲知道你的網站中也有這些內容！

另外圖文並茂還有這些好處：

• 提升使用者體驗，比較不會讓人讀不下去
• 圖片搜尋也有機會獲得高曝光

 

針對 SEO，圖片的優化又該怎麼做呢？

圖片是我們日常在使用網站時，不可或缺的一部分。恰當的圖片可以替網站增色，吸引使用者的興趣。

圖片的優化可說是 SEO 的基礎之一，但卻常常被忽略。

進行圖片優化有什麼好處呢？主要有以下幾點：

• 增進使用者體驗
• 縮短圖片下載時間，加快網頁速度
• 讓圖片與關鍵字產生關連
• 增加圖片搜尋曝光的機會

 

 

 

 

一、提供關於圖片內容的文字資訊

在被問到關於 Google 的搜爬蜘蛛是否能夠辨認 jpg 或 gif 圖片中的文字時，Google 的 Gary Illyes 在 twitter 上回應了「No」。

儘管這個問題與回答並不代表著 Google 現在沒有能夠辨認圖片內文字的技術，但可以推測目前 Google 的搜尋引擎可能並不用圖片內的文字作為排名要素，也不像你我可以「看懂」這些圖片。畢竟在官方提供的 SEO 指南中也都指出應該以不同方式盡可能提供詳細的文字資訊以供搜尋引擎理解圖片主題。

以下幾個重點可以進行優化：

1. alt 文字 (alt text, alternative text)

alt 文字，或稱 alt 屬性，在 html 語法中用以建立圖片的替代文字，當圖片失效或是無法顯示時，讓瀏覽器顯示替代文字。範例如下圖：

語法如下：

alt 文字是 Google 用以判斷圖片內容的資訊之一，同時對於無法看到圖片的使用者理解圖片也十分有幫助，可以說是關於圖片資訊最重要的優化項目。

在撰寫上應該以簡短的文字盡可能詳細的寫出圖片裡的重要特徵，並加入重要的關鍵字。同樣的，不能以填充關鍵字的方式進行。

如果你的圖片是關於你賣的產品，可以在 alt 文字中放入產品名稱與型號，如此一來，如果有以名稱或是型號搜尋，你的圖片就可能會在圖片搜尋結果中出現。如果照片是關於產品的不同角度或是細節，也都可以補充在 alt 文字中。

以上圖為例，alt 文字的範例如下：

 

2. 檔案名稱 (file name)
當你有許多產品圖片，直接用相機預設的檔名上傳圖片的確比較簡單，但對於 SEO 卻沒有幫助。

檔案名稱也同樣可以給予搜尋引擎一些關於圖片內容的提示，你可以試著讓你的圖片檔名更具敘述性。

例如，bordy-wearing-a-blue-shirt.jpg 就比 IMG00050.jpg 好得多。

當搜尋引擎在頁面上找不到適合作為圖片敘述的文字時，可能會用檔案名稱作為圖片搜尋結果的摘要。

 

3. 圖片周圍的文字
圖片所在的頁面中，圍繞在圖片周圍的文字，包括註解或是圖片標題都是搜尋引擎判斷圖片內容的來源。

所以把相關的圖片放置在適當的位置十分重要，當文字所闡述的內容有相關時才使用該圖片。

順帶一提，這邊提到的圖片標題，其語法如下：


當滑鼠移動到圖片上停留，就可以看到圖片標題顯示，如下圖：

4. 不要把重要文字放置在圖片內
如同我們在前面所提到的，Google 也建議不要將重要的文字只放在圖片內，例如頁面標題、選單文字、圖片的說明文字等，因為不是每個使用者都可以存取這些圖片，也不利搜尋引擎辨認，最佳做法應該是將文字寫在 html 語法中。

有許多電商網站在製作產品頁面時，喜歡將產品的說明文字在製作圖片時一併製作在圖片上，除了在不同大小的裝置上使用時可能因為字體大小而造成閱讀上的問題，提供給搜尋引擎參考的文字量也大大減少，十分可惜。

 

5. 圖片的網站地圖 (image sitemap)
建立圖片網站地圖 (image sitemap) 可以提供 googlebot 網站上圖片的資訊，有助於提升圖片在圖片搜尋中出現的機率。這個檔案的結構類似於網頁的 XML 網站地圖，較詳細的介紹可以參考 Google 文章：<管理您的 Sitemap─圖片 Sitemap>。

 

二、增進網頁體驗

1. 每張圖片都應該有出現的理由
圖片的出現，應該是要述說某個故事、幫助釐清一些觀念或作為補充內容。

圖像可以幫助理解與記憶，比起文字也更容易吸引目光，在一大段文字中出現恰當的圖片更是可以帶來畫龍點睛的效果。

基於上述理由，你可能會很想在文章中插入圖片，但千萬不要勉強放入與主題不太相關的圖片，永遠要記得考慮圖片與文字主題的相關性。

 

2. 圖片品質
這邊講的圖片品質，除了字面上理解到的清楚、不模糊外，同時還關於圖片所帶來的價值。

上一點有提到，每張圖片都應該有出現在網頁上的理由。

提供原創、與眾不同的圖片，能夠為使用者提供更高的價值，同時也在相關搜尋中更加突出。

 

3. 優化圖片檔案大小
一般網站使用的圖片，在不影響適合觀看的前提下，檔案大小應該要越小越好。

圖片越大，網站載入的時間就越久，在網路沒那麼快的情況下，使用者可能沒耐心等到圖片顯示就先行跳出了。

你可以使用像是 TinyPNG 這類線上的圖片壓縮服務，輕鬆的縮小圖片的檔案大小，但記得比較看看壓縮後的圖與原圖比起來是否有過多差異。

 

4. 使用標準圖像格式
在圖片檔案格式的選擇上，使用大部分瀏覽器都有支援的格式如 JPEG、GIF、PNG、BMP 或 WebP。

最普遍使用且支援的三個格式分別是 JPEG、GIF 與 PNG，Google 的圖片最佳化指南給了如下的圖檔格式選擇方針：

若您已經在執行 SEO，卻遲遲找不出成長的突破點？別擔心，歡迎聯繫我們，將會有專業人員與您探討如何應對！

 

還想了解更多各類數位行銷資訊的話，歡迎訂閱電子報、加入奇寶Line好友，第一時間接收最新資訊！

後續我們台北移動學苑還會陸續舉辦各類型的行銷課程，也歡迎有興趣的行銷人可以加入我們臉書粉絲團，在粉絲專頁上與我們討論喔！

 

歡迎轉載KPN奇寶部落格相關文章，在轉載前請先詳閱著作權聲明及轉載原則

 

cover image credit：Designed by Dooder / Freepik

本文作者：Bruce