什麼是圖片 Image ALT、Image Title？透過圖片替代文字 ALT 增加商店流量！

發布日期 2025-05-27 09:00:47 最後更新 2025-05-27 09:00:47

什麼是圖片 Image ALT、Image Title？透過圖片替代文字 ALT 增加商店流量！

目錄 Content

什麼是「圖片 Image ALT」?
什麼是「圖片 Image Title」?
圖片 Image ALT 與 Image Title 有什麼不同 ?
如何寫出，能夠增加商店流量的圖片 ALT 與 Tltle ?
如何在 ShopStore 後台設定圖片 ALT 與 Tltle ?
結論

Tips :（點擊目錄章節，可前往對應位置）建議可使用「電腦」閱讀！

對電商、購物網站來說，圖片的使用比例約占整個網站、整個頁面的 65% ～ 75% 左右，而若是在行銷宣傳頁，例如：首頁、商品內頁、一頁式購物頁來說，比例甚至可以高達 75% 以上，是非常重要的銷售推力。

不過對於 Google 搜尋引擎來說，圖片只是一個檔案，爬蟲並無法非常充分的瞭解每張圖片想表達的真正含意是什麼，對於使用者有什麼樣的幫助。

因此，為了能夠將「重要訊息」傳達予 Google 搜尋引擎，我們就可以透過 SEO 當中的圖片 Image ALT，來撰寫良好的 ALT 內容，提升搜尋引擎對圖片的辨識與理解能力，進一步的提升搜尋名、增加網站流量！

而圖片 Image ALT 與 Image Title 更是常常放在一起的設定欄位，因此小編一併帶大家一起好好認識這兩個優化功能、差別是什麼？如何編寫？如何設定？火力支援商家打造更完整的電商帝國！

一、什麼是「圖片 Image ALT」 ?

當圖片檔案損壞、網路過慢而無法正常顯示，出現「失效圖示」或「死圖」時，Google 仍可透過 Image ALT 了解圖片內容、保留在 Google 圖片搜尋中的流量機會。除此之外，視障使用者也能夠藉由螢幕閱讀器來朗讀 Image ALT 文字。

圖片的 Image ALT（全名為：Image Alternative Text），是作為 SEO 搜尋引擎優化當中非常重要的一環，又稱為「圖片替代文字」、「ALT 描述」、「ALT 屬性」，Google 搜尋引擎可以藉由圖片的 Image ALT，來了解各個圖片所想傳遞的內容與含義，更加結構性的理解整個頁面的內容資訊。

也因此，當圖片檔案損壞、網路過慢而無法正常顯示，出現「圖片失效、死圖時的替代圖片顯示」的失效圖示時，Google 仍可透過 Image ALT 了解圖片內容、保留在 Google 圖片搜尋中的流量機會。

除此之外，視障使用者也能夠藉由螢幕閱讀器來朗讀 Image ALT 文字，不僅改善使用者體驗，也有助於 Google 在評估網站無障礙與友善程度時給予更高的評分。

相信看到這邊的店老闆也清楚了解，其實圖片的 Image ALT，主要就是 Google 作用於提升使用者體驗的一種方式，讓使用者可以更加準確地找到所蒐尋的資訊，因此越完整、關聯度越高的內容，更容易獲得 Google 的青睞，網站的搜尋排名與流量也會更容易順勢增長！

二、什麼是「圖片 Image Title」 ?

圖片的 Image Title 主要作用為，當滑鼠游標停留在圖片上方時，會顯示的一小段「說明文字」，提供使用者在瀏覽時，有更加詳細且有價值的附加描述與內容。

圖片的 Image Title（全名為：Image Title Attribute），主要作用為，當滑鼠游標停留在圖片上方時，會顯示的一小段「說明文字」，提供使用者在瀏覽時，有更加詳細且有價值的附加描述與內容。

雖然對於 SEO 搜尋引擎優化來說，Image Title 並不是非必要（影響程度不高），不過若商家有設定 Image Title 的話，建議 Image Title 和 Image ALT 的內容是相關聯的。

三、圖片 Image ALT 與 Image Title 有什麼不同 ?

以下以表格的方式，幫商家整理圖片 Image ALT 與 Image Title 的差異性、不同之處，還有對於 SEO 的影響，方便商家簡單理解：

	Image ALT	Image Title
說明與作用	讓「Google 搜尋引擎」理解圖片想傳遞的內容與資訊。圖片損壞、無法顯示時的替代文字描述。提升視障使用者的網站使用體驗。	讓「使用者」理解圖片想傳遞的內容與資訊。當滑鼠游標停留在圖片上方時，會顯示的一小段說明文字。
對 SEO 影響	對 SEO 有一定的影響力。有助於 Google 搜尋排名提升。增加網站曝光度、提升流量。網站整體的結構化資料更完整。增加 Google 對網頁品質的評分。	對 SEO 影響力較低，非重點項目。有助於提升使用者體驗。

四、如何寫出，能夠增加商店流量的圖片 ALT 與 Title ?

1. Image ALT 撰寫技巧

詳細描述圖片所代表的意思，例如：情境、動作、傳遞的訊息核心。
合理的加入目標關鍵字，但不過度填塞無意義、重複的關鍵字。
與內容、圖片、網頁所要呈現的整體情境相關，避免冗長或無關的說明。
語句順暢易讀，有助於 Google 了解圖片內容。
字數不超過 60 個中文字，也避免使用特殊符號、Emoji、顏文字等內容。

以下圖為 Image ALT 撰寫示範

一般撰寫方式：

免盯防蚊片

增加 Google 收錄、提升商店流量的撰寫方式：

免盯防蚊片：日本進口、無味無臭、免插電、免點火、長效型、效果持續100天、蠶豆症也可使用｜佳廣專業除蟲商城

2. Image Title 撰寫技巧

以簡短的話或是一段文字，來描述此張圖片想要傳達予使用者觀看的內容。
由於對 SEO 的影響不大，因此不用填塞過多關鍵字。

一樣以下圖為 Image Title 撰寫示範

一般撰寫方式：

免盯防蚊片

更適合的撰寫方式：

點擊前往「免盯防蚊片」購買頁，商品任選 3 件還享 95 折優惠！

五、如何在 ShopStore 後台設定圖片 ALT 與 Title ?

ShopStore 後台提供非常多的圖片 Image ALT、Image Title 設定位置，商家可以依照目前有設定到圖片的地方，展開以下相對應的設定位置，依序流程操作即可完成設定！

1. 首頁圖片區塊

登入「ShopStore 店家管理後台」→於左方選單，點擊前往「商店設計」→「即時預覽」→點擊一下您的圖片區塊。

點擊要設定「圖片 Image ALT」與「圖片 Image Title」的圖片。

即可在「圖片說明」欄位，輸入此圖片的 Image ALT。

※「圖片說明」輸入後，系統會同時將內容套用帶入到 Image ALT、Image Title。

※ 輸入完成後，記得最後一定要點擊「儲存所有內容」綠色按鈕，才代表有儲存成功。

即可在「圖片說明」欄位，輸入此圖片的 Image ALT。

2. 分類橫幅圖片

登入「ShopStore 店家管理後台」→於左方選單點擊前往「商品管理」→「分類列表」→點擊「新增 / 編輯分類」→即可在「SEO-Image-Alt」、「SEO-Image-Title」設定分類橫幅圖片的「圖片 Image ALT」與「圖片 Image Title」。

3. 優惠活動橫幅圖片

登入「ShopStore 店家管理後台」→於左方選單點擊前往「促銷管理」→「優惠活動」→點擊「新增 / 編輯優惠」→點擊展開「優惠活動商品列表設定」→即可在「SEO-Image-Alt」、「SEO-Image-Title」設定優惠橫幅圖片的「圖片 Image ALT」與「圖片 Image Title」。