「ALT 屬性」又稱之為「ALT 標籤」或是「ALT 描述」是圖片的替代文字，用一句話來描述圖片中的內容。用來幫助搜尋引擎瞭解圖片的內容，因為搜尋引擎是看不懂圖片只看得懂文字的，所以會需要有文字向搜尋引擎說明圖片內容，可以幫助提升您商店的 SEO。
SEO 指的是 Search Engine Optimization (搜尋引擎最佳化)，簡單來說就是優化搜尋的結果。SEO 的功能使你的顧客在搜尋商品時，更容易找到你的商品，增加商店曝光的機會、帶來更多銷售。
本篇會和您介紹商店有支援放置圖片 ALT 屬性的位置：
一、設定步驟
步驟一：確認商店計畫方案，開始使用
進入商店後台右上角「你好，OOO」>「我的訂閱紀錄」查看商店的計畫方案和模組。
- 如果您看到的畫面如下圖，頁面內容中有「開店方案」及「功能模組」請先確認您的商店是否有「網路開店」方案。有的話可以前往步驟二進行設定。
- 如果您看到的畫面如下圖，頁面內容中的「計畫」為基本計畫、高階計畫、豪華計畫、O2O、企業旗艦計畫。請您先確認您的商店是否為「高階、豪華、O2O、企業旗艦」計畫。
如果是的話請進入左側目錄選單中的「擴充功能」>「擴充功能商店」來安裝功能。
[放置原擴充商店安裝截圖]
步驟二：進行設定
為不同頁面的圖片設定 ALT 屬性
二、商品圖片
商品頁面總共有 4 處圖片可以加入 ALT 屬性，分別是主要商品圖片、更多商品圖片、商品款式規格圖片、商品描述圖片：
1. 主要商品圖片
「商品 > 編輯 > 主要圖片」頁面中，上傳圖片就會出現「ALT」的按鈕，點選後開始輸入圖片內容的文字描述。
2. 更多商品圖片
「商品 > 編輯 > 商品資訊」頁面中，上傳圖片就會出現「ALT」的按鈕，點選後開始輸入圖片內容的文字描述。
3. 商品款式規格圖片
「商品 > 編輯 > 商品規格」頁面中，點選下方款式規格圖片位置，上傳圖片就會出現「ALT」的按鈕，點選後開始輸入圖片內容的文字描述。關於款式圖片可參考這篇說明：商品款式圖片｜商品
4. 商品描述圖片
「商品 > 編輯 > 商品資訊 > 商品描述」頁面中，開啟「編輯圖片 ALT 屬性」按鈕後，即可為您的商品描述圖片設定 ALT 屬性，輸入文字描述圖片內容。
三、加購品
在加購品編輯頁面 >>「加購品資訊」頁籤，上傳圖片就會出現「ALT」的按鈕，點選後開始輸入圖片內容的文字描述。
四、分類橫幅（Banner）
在分類編輯頁面最下方，上傳圖片就會出現「ALT」的按鈕，點選後開始輸入圖片內容的文字描述。
五、商店分頁
1. 進階分頁（舊版） & 一頁商店
＊此項目有支援基本計畫
您可以在「進階分頁」和「一頁商店」中為圖片設置「ALT 屬性」，當您拖拉一個「圖片元件」至頁面中上傳好了圖片，您就可以按下圖片下的箭頭來編輯圖片的連結及 ALT 屬性，更多進階分頁及圖片元件操作請參考：圖片元件｜進階分頁
2. SHOP Builder 分頁
SHOP Builder 分頁中，若您在元件中有上傳圖片，也可在設定欄位中設定 ALT 屬性。以圖文組合元件為例。新增圖文組合元件，點按「圖片」可上傳圖片，下方欄位則可編輯此圖片 ALT 屬性。更多 SHOP Builder 操作說明請參考相關 FAQ。
評論