WooCommerce 商品描述頁籤客製化教學:新增自訂欄位讓商品資訊更完整
要在 WooCommerce 商品頁新增頁籤,最快的方法是裝 免費外掛 Custom Product Tabs for WooCommerce,啟用後到商品編輯頁的 Custom…
要在 WooCommerce 商品頁新增頁籤,最快的方法是裝 免費外掛 Custom Product Tabs for WooCommerce,啟用後到商品編輯頁的 Custom Tabs 區塊點 Add a Tab 就能加入規格、穿搭、退換貨等自訂欄位,並用全域版型讓同性質商品一鍵套用,省下逐件複製貼上的時間。根據 WordPress.org 外掛頁的官方說明,核心功能(單品頁籤、全域版型套用、排序、單品覆寫)全部在免費版即可使用,多數小店站長不需要升級付費版就能完成資訊分類。
重點先看:WooCommerce 預設只有 1 個商品描述欄位,把規格、穿搭、物流全塞進去只會變成文字牆;用免費外掛拆成頁籤,再搭配 1 組全域版型,是商品數破 50 件時還能維持效率的關鍵。
預設欄位的限制與頁籤的價值
WooCommerce 預設的商品頁只有「商品描述」「評論」「其他資訊」這幾個頁籤,真正能放長篇內容的描述欄位只有一個,沒辦法再做分類。這代表當你把尺寸表、穿搭照、運送說明、退換貨規則全部丟進同一個欄位,前台就會變成一面又長又密的文章牆,顧客在 手機版 上更難看完,看沒兩眼就跳出。
頁籤真正的價值在於把資訊拆成可點選的小區塊,等於在商品頁裡做一層小型資訊架構。規格、穿搭、常見問題、退換貨各佔一格,顧客想找什麼就直接點開對應區塊,省去在長串文字裡捲動尋找的負擔。這對 商品頁 SEO 也有幫助,因為每個頁籤都能各自佈局長尾關鍵字,像是「OO 商品 穿搭」「OO 規格 對照表」這類搜尋量分散但轉換意圖明確的字。
這是使用者體驗與轉換率的問題,不是單純美觀問題。當一個顧客想確認「這件衣服能不能機洗」,如果答案藏在第三段文字裡,他可能就直接關掉頁面;如果有一個寫著「洗滌保養」的頁籤,他點一下就找到,留下來的機率會高很多。
很多站長以為把所有資訊塞進描述欄就是「資訊完整」,但完整不等於好讀。如果你還在用 基礎開店流程 上架第一波商品,建議從一開始就先想好資訊要怎麼分類,等到商品一多才回頭整理會更吃力。一個好的分類邏輯,比一個塞滿字的描述欄更能留住顧客。
頁籤 vs 其他資訊呈現方式的決策矩陣
商品頁的資訊呈現並非只有頁籤一條路。常見做法還有折疊區塊(accordion)、獨立長描述頁、規格表格、以及把次要資訊移到側邊欄或頁尾。每種做法各有適合的資訊類型與商品複雜度,硬把所有內容都塞進頁籤反而會讓結構變得零碎。這張矩陣用兩個維度來判斷:資訊被查閱的頻率,以及顧客對該資訊的查詢深度。
| 資訊類型 | 查閱頻率 | 查詢深度 | 建議呈現方式 |
|---|---|---|---|
| 核心賣點、主圖說明 | 極高 | 淺 | 放主描述前段,不放頁籤 |
| 尺寸表、規格表 | 高 | 深 | 獨立頁籤,並用表格呈現 |
| 穿搭範例、使用情境 | 中 | 中 | 獨立頁籤,圖片為主 |
| 成分、過敏原、材質 | 中高 | 深 | 獨立頁籤,文字結構化 |
| 退換貨、運送說明 | 中 | 淺 | 頁籤或全站通用頁 |
| 常見問題 FAQ | 中 | 深 | 獨立頁籤,搭配 FAQ 結構化資料 |
| 保固、售後服務 | 低 | 淺 | 頁籤或頁尾連結 |
| 評價摘要 | 高 | 淺 | 沿用 WooCommerce 預設評論頁籤 |
矩陣的判讀原則是:查閱頻率極高且深度淺的資訊,放進頁籤反而會被忽略,因為多數顧客不會主動點開第一個以外的頁籤;這類資訊應該直接出現在主描述前段或商品圖旁。查詢深度高、但平時不一定會看的資訊(例如完整規格表、FAQ),才適合收進頁籤,讓有需要的顧客可以深入查閱,同時不擠壓首屏空間。矩陣的最大用處,是幫你在動手加頁籤之前先排序,很多站長一裝好外掛就急著把能想到的內容全做成頁籤,結果商品頁跑出七、八個頁籤,顧客反而無從點起。先決定哪些資訊該進頁籤、哪些該留主描述、哪些該另開獨立頁,再開始建立版型,效率會高很多,結構也會更乾淨。
Custom Product Tabs for WooCommerce 是什麼:工具定位與免費版能力
Custom Product Tabs for WooCommerce 是一款專門用來變更 WooCommerce 預設商品描述欄位的頁籤外掛,它的自訂欄位會顯示在原有商品描述欄位的右側,不會覆蓋你已經寫好的主描述,這點在 WordPress.org 外掛頁的功能說明也有註明。免費版就能做兩件事:在單一商品頁新增多個自訂頁籤,以及建立一組可重複套用的全域版型。對大多數小店站長來說,這兩件事已經涵蓋九成需求。
它跟其他 商品頁客製化工具 的差別在於,它只專注做頁籤這一件事,介面非常輕量。你不用學一堆設定參數,啟用後到商品編輯頁就會看到 Custom Tabs 區塊。這對不熟悉 頁面編輯器 或不想寫程式碼的站長來說,是阻力最低的選擇。頁籤內容也支援 WordPress 預設編輯器,所以你可以放文字、圖片、影片,甚至嵌入 YouTube 連結。
這類頁籤客製化需求會出現,背景是 WooCommerce 在電商市場的普及度。根據 W3Techs 的調查,WooCommerce 被使用於所有網站當中 8.2%,佔已知 CMS 的網站 11.7%,更涵蓋所有電商系統當中的 48.6%,是目前市佔最高的開源電商解決方案 [來源:W3Techs〈Usage Statistics and Market Share of WooCommerce〉 https://w3techs.com/technologies/details/cm-woocommerce 2026-06-29]。正因為使用基數這麼大,圍繞商品頁資訊呈現的客製化工具才會成為剛需,頁籤外掛就是其中最常見的一類。
免費版跟付費版的主要差異在條件式顯示、批次管理與進階樣式。條件式顯示讓你能依商品分類或標籤自動決定要不要顯示某個頁籤;批次管理讓你一次處理上百個商品的頁籤設定。如果你的商品數還在個位數或十幾件,這些功能你根本用不到。頁籤排序用右方的上下箭頭就能拖曳,完全不需要額外設定。
| 功能 | 免費版 | 付費版 |
|---|---|---|
| 單品新增頁籤(Add a Tab) | 支援 | 支援 |
| 全域版型套用(Add a Saved Tab) | 支援 | 支援 |
| 頁籤排序(上下箭頭) | 支援 | 支援 |
| 單品覆寫(Override Saved Tab) | 支援 | 支援 |
| 依分類/標籤條件式顯示 | 不支援 | 支援 |
| 批次管理上百商品 | 不支援 | 支援 |
| 進階頁籤樣式與優先支援 | 不支援 | 支援 |
從這張表可以看出,單純要新增頁籤、套用全域版型、調排序,免費版完全夠用。付費版的價值是在商品量大、需要分類自動化時才會浮現。所以如果你現在還在評估 WooCommerce 架站流程 的哪個階段,建議先裝免費版跑一輪,等真的卡到批次需求再考慮升級,不要一開始就為了還用不到的功能付錢。
安裝 Custom Product Tabs 的完整流程
安裝這個外掛就跟裝任何 WordPress 外掛一樣簡單,進到 WordPress 控制台的外掛選單搜尋名稱就能完成,一經啟用立即套用,不需要額外設定參數。具體路徑是:WordPress 控制台 → 外掛 → 安裝外掛 → 在搜尋框輸入「Custom Product Tabs for WooCommerce」→ 點安裝 → 啟用,整段流程與其他 WordPress.org 外掛一致。
啟用後它不會跳出設定精靈,也不會要求你填任何表單。直接到商品 → 編輯任一商品,把頁面往下捲到商品資訊區塊,就會看到一個叫做 Custom Tabs 的新區塊出現在那裡。這就是待會要新增頁籤的地方。如果你之前裝過 其他 WooCommerce 外掛,這套操作流程對你來說應該很熟悉。
- 路徑:WordPress 控制台 → 外掛 → 安裝外掛 → 搜尋外掛名稱
- 一經啟用便立即套用,不需額外設定參數
- 啟用後到商品 → 編輯任一商品,下滑到商品資訊區塊即可看到 Custom Tabs
- 若搜尋不到,確認外掛名稱拼寫,或改從 WordPress.org 下載 zip 上傳安裝
- 安裝後建議先備份網站或在測試站試做,避免與主題或其他外掛衝突
這裡要提醒一個常見的坑:有些 WooCommerce 主題 會自帶商品頁模板的覆寫檔,外掛裝好之後前台可能沒有反應。遇到這種情況,先檢查主題設定裡有沒有商品頁的頁籤選項被關掉。為了避免 debug 到崩潰,強烈建議在正式站裝之前,先在 本機測試環境 或 備份還原 過的測試站跑一次完整流程。
另一個小細節是外掛名稱容易打錯,因為 WordPress.org 上有好幾個名字很像的外掛,例如 YIKES 出的版本跟其他同名變體。確認你裝的是作者欄顯示 Custom Product Tabs for WooCommerce、下載頁敘述明確提到「可變更預設商品描述欄」的那一個,才不會裝到功能不同的東西。如果你正在用 RY WooCommerce Tools 之類的綠界整合外掛,通常不會跟它衝突,但裝完還是看一眼前台確認一下比較保險。
新增單一商品頁籤:逐步操作與排序
在商品編輯頁找到 Custom Tabs 區塊後,點 Add a Tab 輸入頁籤標題與內容,按 Save Tabs 儲存頁籤,再按「更新」儲存整個商品,前台就會出現新頁籤;多個頁籤的順序用右方上下箭頭調整即可。這是單品層級的操作,只影響你正在編輯的那一個商品。整段流程是:商品 → 編輯商品 → 下滑到 Custom Tabs 區塊 → 點 Add a Tab 填標題與內容(可放文字、圖、影片)→ Save Tabs 存頁籤 → 想加第二、第三個就再點 Add a Tab,例如「穿搭範例」「規格」「退換貨」→ 用上下箭頭排順序 → 最後按「更新」讓頁籤寫入前台。
這裡有個新手最容易忽略的動作:Save Tabs 只存頁籤本身的內容,不等於存商品。很多人存完頁籤就以為做完了,結果前台什麼都沒出現,原因是忘了按商品編輯頁右上角的「更新」。這跟你在 WordPress 文章 裡存草稿是一樣的道理,頁籤是附掛在商品底下的資料,商品本身沒更新就不會發佈出去。
頁籤標題的寫法會直接影響點擊率,建議用具體名詞而不是模糊詞。「尺寸表」「成分與過敏原」「洗滌保養」「退換貨說明」這類標題,比「更多資訊」「詳細內容」更讓人想點。如果你的商品是服飾,可以參考 商品輪播 的視覺邏輯,把穿搭照放進「穿搭範例」頁籤,讓顧客看到實穿效果。第二個頁籤通常放「穿搭範例」或「使用情境」,對服飾、配件類商品轉換幫助最大;第三個可放規格表或常見問題,降低顧客在 結帳前 的疑慮。內容雖然支援編輯器、可放圖片影片表格,但要避免貼入帶樣式的 HTML,否則容易破版。
排序的時候要思考顧客的閱讀路徑。最常被點的頁籤放最左邊,因為那是預設展開的第一格。例如對 3C 商品來說,多數人第一個想看的是規格,那「規格表」就排第一;對服飾來說,可能是「尺寸表」最優先。這個排序邏輯跟你規劃 網站選單 一樣,都是把最熱門的入口放最顯眼的位置。
全域頁籤版型怎麼省下重複工
當商品一多,逐件新增頁籤會變成無止盡的複製貼上,這時全域版型才是決定效率的關鍵。做法是在 WordPress 控制台左側找到 Custom Product Tabs 進入設定區,點 Add Tab 建立一組通用版型,之後到任一商品的 Custom Tabs 區塊選 Add a Saved Tab 就能一鍵套用,概念類似 Elementor 的全域版型。
全域版型的核心價值在於「建立一次,重複使用」。假設你賣三十款 T 恤,每件都需要「洗滌保養」「尺寸表」「穿搭範例」三個頁籤,內容只有尺碼對照不一樣。如果用單品新增法,你要重複做三十遍;如果先建一組全域版型,再逐件套用並只改尺碼那段,時間可以省下七成以上。
- 建立流程:控制台 → Custom Product Tabs → Add Tab
- 輸入欄位標題(前台顯示用)、版型標題(後台識別用)、內容
- 按 Save Tab 儲存全域版型
- 套用流程:商品編輯頁 → Custom Tabs → Add a Saved Tab → 選擇要套用的版型
- 想針對單品修改就勾 Override Saved Tab,只影響該商品,不回寫全域
這裡有一個很多人會混淆的設計:前台顯示用「欄位標題」,後台識別用「版型標題」。為什麼要分兩個?因為當你建了十幾組版型,後台清單會很難分辨誰是誰,版型標題就是給你自己看的備註欄,例如「夏季服飾共用」「3C 規格表 v2」,這些字不會出現在顧客眼前。這個小細節在你版型一多之後會非常重要。
套用全域版型之後,如果想在某一個商品做微調,例如換一張商品照、改一句退換貨描述,就勾 Override Saved Tab。這個動作會把該商品的頁籤內容切換成可編輯狀態,你改的東西只存在這一個商品裡,不會污染原本的全域版型。所以你可以放心在單品裡加 壓縮過的圖片 或調文字,不用擔心影響其他商品。
全域版型適用的場景有共同特徵:內容結構穩定,只有少數欄位因商品而異。服飾的「穿搭範例」可以一組版型套到整個春夏系列,3C 的「規格表」讓同系列產品共用欄位結構,食品的「成分與過敏原」則確保每件商品都不漏掉這一頁;至於全站共用的「退換貨說明」,可以搭配 優惠券 活動統一文案,服務型商品的「常見問題」則能降低 詢價 前的溝通成本。
全域版型才是這個外掛用久之後會依賴的功能。單品新增誰都會做,但當站上有兩百個商品,沒有全域版型的話,改一次退換貨政策就要進兩百個商品頁逐件更新,那會是惡夢。有全域版型只要改一處,全部連動更新。這也是為什麼在 開店初期 就把常用版型建好比較省事,不要等到商品爆量才回頭補。
頁籤命名與內容撰寫:從標題到內文的完整指南
頁籤做再多,標題與內容寫不好等於白搭。頁籤標題是顧客決定要不要點開的唯一線索,必須在三到六個字內讓人秒懂這格放了什麼。好的標題具備三個特徵:名詞化、具體、帶搜尋意圖。名詞化指的是用「尺寸表」「成分」「保固」這類實體名詞,避免用「了解更多」「詳細資訊」這類動詞片語;具體指的是說出資訊本身的類型,例如「洗滌保養」就比「保養說明」更清楚;帶搜尋意圖則是讓標題貼近顧客會打的搜尋字,因為頁籤標題會成為頁面的錨點文字,等於在告訴搜尋引擎這個區塊的主題。
| 模糊標題(避免) | 具體標題(推薦) | 差異說明 |
|---|---|---|
| 更多資訊 | 尺寸表 | 具體名詞,帶搜尋意圖 |
| 詳細內容 | 成分與過敏原 | 點出實際資訊類型 |
| 其他說明 | 洗滌保養 | 顧客能預期內容 |
| 注意事項 | 退換貨說明 | 降低購買疑慮的關鍵字 |
| 相關資訊 | 常見問題 | 對應 FAQ 搜尋意圖 |
頁籤內文的撰寫原則是「可掃視、可查詢、可信賴」。可掃視指的是用小標、條列、表格把長段文字拆開,讓顧客用眼睛掃就能找到重點,因為多數人不會逐字閱讀商品頁的次要資訊。可查詢指的是把關鍵規格、數字、條件寫成顧客會搜尋的形式,例如把「支援快充」改成「支援 PD 20W 快充,約 30 分鐘充至 50%」,後者直接命中顧客的搜尋句。可信賴則是避免空泛的形容詞,用具體條件與數字取代「高品質」「超耐用」這類無法驗證的詞。實作上規格類頁籤優先用表格而非整段文字,保養洗滌類用編號步驟比條列更易照做,FAQ 每題答案控制在三到五句、過長就拆成新題。
自我重複是頁籤內容最容易被忽略的問題。當主描述已經寫了「這款外套採用防潑水材質」,洗滌保養頁籤又寫「本產品為防潑水材質,請勿使用柔軟精」,對搜尋引擎來說就是同一件事被講了兩次,稀釋了主題相關性的集中度。正確做法是主描述講商品特色,頁籤講該特色帶來的使用與保養 implications,兩者各司其職、不重複表達同一個事實。
圖片與影片在頁籤裡的使用也要克制。穿搭範例、使用情境這類視覺導向的頁籤適合放圖,但每張圖都要壓縮並加上 alt 文字,否則會拖累商品頁的載入速度,速度對電商轉換的影響是有公開案例可循的。Rakuten 24 投資 Core Web Vitals 後,每位訪客營收提升 53.37%,轉換率提升 33.13% [來源:web.dev〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026];Vodafone 把 LCP 改善 31%,帶來 8% 的銷售提升 [來源:web.dev〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。頁籤裡的圖片若沒做延遲載入與壓縮,等於在侵蝕這些潛在轉換。
排序、覆寫與卡關排除
多個頁籤的順序用上下箭頭拖曳即可即時調整;套用全域版型後若只想改某一個商品,勾 Override Saved Tab 就能單獨覆寫,原版型不受影響;最常見的卡關是存檔後前台沒更新,通常是快取或主題覆寫模板所致。這三件事處理好,頁籤的管理就沒什麼大問題了。
排序這件事看似小事,其實直接影響轉換。把顧客最常問的資訊放最前面,能減少他們離開頁面去搜尋的機率。覆寫功能則讓你在保留全域版型彈性的同時,還能針對單品做差異化,例如某一件特價商品要加一句「本款不適用折扣碼」,就勾 Override 加上去,不用為了一句話重新建一組版型。
| 卡關情境 | 可能原因 | 處理方式 |
|---|---|---|
| 前台沒顯示新頁籤 | 快取未清或主題覆寫模板 | 清除網站快取、確認主題商品頁模板未被封裝覆寫 |
| 套用全域版型後全部商品連動 | 誤把單品修改存回全域 | 正確做法是勾 Override Saved Tab 再修改,只影響該商品 |
| 頁籤內容破版 | 編輯器貼入帶樣式的 HTML | 改用純文字重貼,或透過 編輯器 重新排版 |
| 頁籤順序不對 | 沒按上下箭頭調整 | 在 Custom Tabs 區塊用箭頭拖曳後記得按更新 |
快取是新手最常踩的坑。很多站長裝了 快取外掛 或主機層的快取,改完頁籤看不到變化就以為外掛壞了,其實只是前台還在吃舊快取。養成習慣,改完商品就到快取外掛按一次清除,或在 SiteGround、FastComet 這類主機後台手動 purge 一次。
行動版頁籤的顯示也要實機檢查。多數主題會把頁籤轉成摺疊式(accordion)或橫向滑動,依主題而異,不一定是桌機上的橫向 tab 樣式。建議用手機打開商品頁,確認頁籤能正常點開、內容不會被截斷。如果你的主題是 Astra Pro 或 Flatsome,它們對商品頁頁籤的支援通常比較完整,行動版體驗會比免費主題好。
會把行動版看得這麼重,是因為手機已經是網站流量的主力來源。根據 Statista 的統計,2026 年第一季行動裝置(不含平板)佔全球網站流量的 52.27%,過半的訪客是用手機瀏覽 [來源:Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28]。對商品頁來說,這代表頁籤在手機上能不能順利點開、內容有沒有被截斷,直接影響超過一半訪客的購物體驗,所以實機檢查不是多餘動作。
商品頁籤與 SEO、轉換的關係
頁籤本身不會拖累 SEO,重點在於把會促成購買的資訊放進對的頁籤並給清楚標題;搭配結構化資料與商品頁 SEO 佈局,反而能讓長尾關鍵字更容易被搜尋到、降低顧客因資訊不足而放棄購買。很多站長擔心頁籤內容被藏起來會影響排名,其實 Google 是讀得到頁籤內的文字的,只要內容是真的寫給人看的,不會因為它放在 tab 裡就被降權。
頁籤標題的用詞直接影響 SEO 與點擊。建議用具搜尋價值的名詞,例如「尺寸表」「成分」「保固說明」「洗滌方式」,而不是「更多資訊」「其他」這種沒有搜尋意圖的詞。因為這些標題會出現在頁面的錨點文字裡,等於幫搜尋引擎理解這個區塊在講什麼。如果你用過 Rank Math 這類 SEO 外掛,應該能體會標題用詞對主題相關性的影響。
- 頁籤標題用具搜尋價值的名詞,如「尺寸表」「成分」「保固說明」
- 重要規格建議同時在主描述簡述一次,避免只藏在頁籤裡影響首次瀏覽
- 頁籤內容可佈局長尾關鍵字,例如「OO 商品 穿搭」「OO 規格 對照表」
- 搭配商品頁結構化資料(Schema)讓搜尋引擎更理解各區塊內容
- 退換貨、運送資訊放頁籤可降低購買疑慮,直接拉轉換率
- 頁籤數量建議控制在 4 到 6 個以內,過多反而讓使用者找不到重點
這裡要強調一個數字:頁籤數量建議控制在 4 到 6 個左右。少於這個數字資訊會擠在一起,等於沒分類;超過則使用者反而找不到重點,兩種極端都會吃掉轉換率。這個範圍屬於依使用者掃視習慣歸納出來的經驗法則,並非外掛官方的硬性規定。如果你的商品真的很複雜,例如工業設備,可以考慮用 結構化資料 把規格做成表格而不是堆頁籤。
以一個月自然流量約 1.5 萬到 3 萬、商品數約 80 到 150 件的中小型服飾與配件站為例,這類站常見的狀況是商品描述欄把洗滌、尺寸、成分、退換貨全塞在一起,頁面長度拉到約 4,000 到 6,000 字,顧客要找一個洗滌資訊得捲動好幾屏。把資訊拆成 4 到 6 個頁籤(規格表、穿搭範例、洗滌保養、退換貨、常見問題)之後,依這類站的典型表現幅度,商品頁的平均停留時間會落在提升約 15% 到 35% 的區間,跳出率約下降 8% 到 20%,主要因為顧客能在第一個頁籤就找到最在意的資訊,不必在文字牆裡翻找。實務上常見的狀況是,退換貨與洗滌這類資訊一旦獨立成清楚標題的頁籤,結帳前的客服詢問量也會明顯減少,因為購買疑慮在頁面上就被化解了。
這類站的成效提升幅度有很大的品類差異,不是每個站都能看到這個區間。服飾、配件這類需要尺碼比對、穿搭參考的品類,因為資訊拆分的效益最直接,改善幅度通常落在上述範圍的中後段;相對地,單價低、資訊量本來就少的快消品或數位商品,即使做了頁籤,停留時間與跳出率的變化可能只有個位數百分比,甚至看不出明顯差異。要誠實提醒的一個限制是:頁籤本身不會憑空創造轉換,如果你的商品力、定價、評價與庫存這些根本條件不到位,再好的資訊架構也救不回來;頁籤能做的是把已經有興趣的顧客留下來、讓他更快做決定。決策角度上,建議先挑站上商品數最多、客服詢問最頻繁的一個分類試做,用 GA4 或 Search Console 觀察一至兩個月的停留時間、跳出率與結帳轉換,有實際數字佐證再決定要不要全站套用,避免一次大改卻無法判斷到底是哪個動作帶來的效果。
退換貨與運送資訊放進頁籤,對轉換率的幫助往往被低估。顧客在結帳前最常反覆確認的就是「不喜歡能不能退」「運費怎麼算」,把這些答案放在一個清楚標題的頁籤裡,能大幅降低 結帳欄位 前的猶豫期。搭配 金流物流設定 與 運費規則 的說明,顧客對你的信任度會明顯提升。
圖片 SEO 也別忽略。頁籤裡放的穿搭照或規格圖,記得加上 alt 文字,搭配 圖片優化 的基本動作,能幫商品頁在圖片搜尋拿到額外曝光。如果你在頁籤裡放了社群分享按鈕或 LINE 詢問連結,也可以參考 LINE 登入整合 的做法,讓顧客更方便聯絡。
免費版、付費版與寫程式碼的取捨
如果你只是要新增並重複套用頁籤,免費版完全夠用;當你需要依商品分類自動顯示不同頁籤、批次管理上百個商品、或客製頁籤樣式時,才需要考慮付費版。至於寫程式碼新增頁籤,是給不想依賴外掛、有維護能力的開發者用的進階方案,多數站長不需要走到這一步。
| 方案 | 適合誰 | 能做什麼 | 門檻 |
|---|---|---|---|
| 免費版外掛 | 商品數 50 件以下的站長 | 單品頁籤、全域版型、排序、覆寫 | 低 |
| 付費版外掛 | 商品破百、需分類自動化 | 條件式顯示、批次管理、進階樣式 | 中(需付費) |
| 程式碼(woocommerce_product_tabs filter) | 有工程資源、不想依賴外掛 | 完全客製頁籤邏輯與內容 | 高(需寫程式) |
選擇建議很直接:商品數在 50 件以下,用免費版;超過或需要分類自動化,再評估付費版。這個 50 件的門檻不是官方規定,是依維護效率歸納出來的經驗值,當商品多到光手動套用全域版型就要花一個下午,付費版的批次管理才會值得。寫程式碼的方案則是另一回事,根據 WooCommerce 官方開發者文件,它用 woocommerce_product_tabs filter 可以在不裝外掛的情況下新增頁籤,適合有工程資源或委外維護的站。
無論你選哪一種,新增頁籤後都要實機檢查行動版與桌機的顯示一致性。很多人只在桌機看一眼就上線,結果手機上頁籤擠成一排或文字被截斷都不知道。建議把商品頁丟到 Google Search Console 的行動裝置可用性報表跑一次,確認沒有可用性錯誤。如果你的站還在用 WooCommerce 入門指南 的預設設定,這個檢查尤其重要。
商品頁籤的決策可以拆成兩個問題:單品要加哪些頁籤,以及同性質商品要不要共用一組全域版型。前者是內容問題,後者是效率問題。混在一起想容易卡住,因為你會同時擔心「逐件新增很累」和「全域版型怕一改動到全部」。Override 機制就是拆開這兩層的工具:版型管共通結構,單品覆寫管差異,互不干擾。
整個流程的順序是這樣:先用 Custom Product Tabs for WooCommerce 在單品頁跑通新增頁籤,確認前台能正常顯示;接著把常用頁籤整理成全域版型,讓同性質商品直接套用;等商品量大到批次管理變成負擔,再評估升級付費版。這樣走下來,從一個商品擴充到整個 購物網站 都不用換工具。基礎商品上架還沒跑順的話,先把它弄好再回頭弄頁籤分類,免得中途卡在半成品。
如果你同時在弄 Astra Pro 主題 或 Elementor Cloud Templates 的跨站設計,全域頁籤版型的操作習慣可以直接搬過去。同樣一組版型、套用到多處、需要時單點改掉的邏輯,放在 動態定價、願望清單、會員積分 這類功能上也成立。習慣這種管法之後,商品頁要塞多少資訊都不會失控。
最後補一個常被問到的延伸應用:頁籤本身是商品頁的展示區塊,不會直接跟訂單流程連動,但你可以在頁籤裡放說明文字,引導顧客去匯出訂單、聯絡客服,或參考 LINE 訂單推播 的串接做更進一步的自動化。如果你的站有社群登入或稅金設定的需求,這類資訊也可以整理成專屬頁籤,讓顧客結帳前一目了然。
常見問題 FAQ
套用全域版型後,單一商品還能修改內容嗎?
可以。勾選 Override Saved Tab 就能針對該商品編輯標題、加圖片、改內容,修改只存在這一個商品裡,不會回寫到原本的全域版型,其他套用同一版型的商品不受影響。這對 3C 購物網站 與其他差異較大的品項特別實用。
WooCommerce 預設的商品描述、評論頁籤可以改嗎?
預設頁籤本身可透過主題設定或 woocommerce_product_tabs filter 調整(兩者都是 WooCommerce 官方開發者文件所列的客製化途徑),但 Custom Product Tabs 主要是新增自訂頁籤,不會覆蓋預設的商品描述與評論欄位。
商品頁籤太多會不會影響 SEO?
頁籤數量本身不會拖累排名,搜尋引擎讀得到頁籤內的文字。重點是控制在 4 到 6 個左右,並用具搜尋價值的名詞當標題,例如「尺寸表」「成分」「保固說明」,讓每個頁籤各自佈局長尾關鍵字。搭配 WordPress SEO 指南 與 分類篩選 的設定效果更好。
不用外掛,能用程式碼新增商品頁籤嗎?
可以。根據 WooCommerce 官方開發者文件,它提供 woocommerce_product_tabs filter,開發者能在不裝外掛的情況下用程式碼新增頁籤,適合有工程資源或不想依賴外掛的站,但需要具備維護能力,搭配 電商平台比較 來評估是否值得投入。
WooCommerce 商品頁籤可以放影片或圖片嗎?
可以。頁籤內容使用 WordPress 預設編輯器,支援文字、圖片、影片與嵌入連結。建議圖片先做 延遲載入 與壓縮再上傳,避免拖慢商品頁載入速度。
新增頁籤後前台沒顯示怎麼辦?
先確認按了商品編輯頁右上角的更新,接著清除網站與主機的快取,再檢查主題的商品頁模板是否被覆寫。多數情況是快取未清或主題封裝了商品頁模板所致,必要時對照 網站變慢排查 與 綠界串接 的相容性。