WoodMart 電商主題教學:從設計到上架完整流程
WoodMart 主題實戰教學,帶你從主機、網域、WordPress 到 WooCommerce 金物流、商品上架與效能優化,完整走完 WooCommerce 購物網站架站流程,把匯入 demo 之後真正吃工時的調校一次講清楚。
作者:褚崇名(Sliven)
本頁目錄
- 買了 WoodMart、匯入 demo,然後卡住:九成新手的第一個關卡
- WoodMart 是什麼,為什麼電商專案會把它放進候選名單
- 哪種店適合 WoodMart,哪種不必勉強
- 先把帳算清楚:用 WoodMart 開店的真實成本結構
- 為什麼「調校工時」才是真正的大頭
- 從 ThemeForest 取得 WoodMart:採購與授權的正確流程
- 主機與 WordPress 底層:讓 WoodMart 跑得動的地基
- 主機規格的底線與建議
- WordPress 與 WooCommerce 的安裝順序
- 安裝主題與匯入 demo:選對起點,省下七成設計工
- 安裝 WoodMart 與其配套外掛
- 挑 demo 不是挑「好看的」,是挑「結構對的」
- 子主題與安全更新:別讓改動在更新後歸零
- 視覺系統調校:色彩、字體、Header 與產品頁版型的連動
- 主色與配色:先有品牌,才有版面
- 中文字體:被忽略卻最傷質感的一環
- Header 與產品頁版型
- 商品分類、篩選器與變體商品:WoodMart 真正的差異化所在
- 分類階層要設計,不是沿用
- AJAX 篩選器:讓使用者用屬性找商品
- 變體商品:同一件商品的多種規格
- 結帳流程與台灣金物流:把購物車接到綠界與超商
- 把結帳欄位改成台灣習慣
- 金流與物流:綠界是一條成熟的路
- 會員登入與社群登入
- 行動版與速度:行動優先索引下不能妥協的兩件事
- 行動版不只是縮小的桌面版
- 速度為什麼是轉換與排名的共同關鍵
- 上架前的 SEO 與健檢:讓商品被找到的最後一哩
- 固定鏈結與分類的網址結構
- 商品頁的標題、描述與結構化資料
- 上架前的最後健檢清單
- 把流程收攏:從選主題到開店營運的下一步
買了 WoodMart、匯入 demo,然後卡住:九成新手的第一個關卡
刷信用卡買下 WoodMart,看著 ThemeForest 上數十組精美 demo,心想「我的電商網站終於要起飛了」。匯入一組看起來最順眼的版型,接著你盯著畫面發呆:商品分類是英文 demo 殘留的 Furniture、Fashion、Tools,篩選器拉出來的全是跟你無關的尺寸,結帳頁還停在美元與國際運費。
這不是你笨。多數 WoodMart 教學只示範「點下匯入按鈕」那一刻的爽快,卻沒告訴你真正吃工時的是之後的調校。以服飾類 WooCommerce 專案為例,用 WoodMart 架站時,即使匯入一組接近服飾類的 demo 當起點,通常仍要陸續重建商品分類、篩選器、變體商品、快取與行動版結帳。匯入這個動作半小時就跑完,後面那一長串事才是大頭。這篇要把它一次講清楚。
整個流程可拆成你實際會撞到的決策點:為什麼選它、成本要抓多少、怎麼買授權、主機底層、demo 匯入、視覺系統、商品與分類結構、台灣金物流、行動版與速度、上架前健檢。每一關都會指出坑長什麼樣、以及怎麼繞過去。
如果你還在選主題的階段,可以先讀一篇WordPress 佈景主題完整比較,確認 WoodMart 是不是真的適合你的店;想先把 WooCommerce 的全貌弄懂,就搭配WooCommerce 購物網站架設全攻略。下面直接進實戰。
WoodMart 是什麼,為什麼電商專案會把它放進候選名單
WoodMart 是一款專為 WooCommerce 打造的 WordPress 佈景主題,在 ThemeForest 上長期維持高銷量與高評價,定位很明確:給「中大型商品數量、需要複雜篩選與變體」的購物網站用。
換句話說,它跟一般用途的 WordPress 主題差別就在一個字:取向。Astra、Divi 這類主題什麼網站都能做,部落格、形象站、電商通吃,代價是電商細節要你自己用外掛補。WoodMart 反過來,從 Header 的購物車、商品頁的變體切換、分類頁的 AJAX 篩選、到結帳的欄位佈局,全都為「賣東西」這件事預先調好。你要做的事不是從零蓋,而是改。
那它跟同樣走 WooCommerce 專用路線的 Flatsome 差在哪?實際比較下來:Flatsome 的 UX Builder 自成一套,版型彈性大、學習曲線也陡;WoodMart 同時支援 WPBakery 與 Elementor,對已經習慣 Elementor 的人友善很多。如果你正在比較這條路線,可以一併參考Flatsome 主題的完整教學與Astra Pro 搭配 WooCommerce 的做法,三種取向放在一起看會清楚很多。
一個更要先講的事實:根據 W3Techs 的統計(2026 年 6 月),WooCommerce 目前是全球市佔最高的電商系統之一,這也是 WoodMart 這類主題能存活並持續更新的底層原因。換句話說,你選 WoodMart 不是賭一個小眾生態,而是站在一個有大量文件、外掛、開發者支撐的平台上。這對長期維運很重要。
哪種店適合 WoodMart,哪種不必勉強
它適合推薦給:商品數量超過兩三百、需要多層分類與屬性篩選(顏色、尺寸、材質、容量同時存在)、有大量變體商品(同一件商品多種規格)、而且視覺想要「精品感」的零售店。廚具、家具、燈具、服飾、3C 周邊、運動器材,這類品類用 WoodMart 會很順。
反過來,如果你只賣十幾樣數位商品、或是一頁式募資,WoodMart 是殺雞用牛刀。那種情境寧可用輕量主題加一個結帳外掛就好。想知道自己到底落在哪一種,先看電商平台的整體比較會比直接挑主題更有效率。
先把帳算清楚:用 WoodMart 開店的真實成本結構
很多人以為買了主題就等於網站做完了。這是成本誤算的開始。以下用一個表格把「能上線營運」的真實花費拆開,你抓預算時才不會漏項目。
| 項目 | 一次性或經常 | 大概區間(新台幣) | 備註 |
|---|---|---|---|
| WoodMart 主題授權 | 一次性(標準授權) | 約 2,000 出頭 | 含六個月技術支援,之後可選擇續購 |
| 網域 | 每年 | 300 到 1,200 | 視網域後綴與是否為熱門字 |
| 主機 | 每年 | 3,000 到 12,000+ | 商品量與流量決定等級 |
| SSL 憑證 | 每年或免費 | 0 到數千 | 多數主機附 Let's Encrypt 免費版 |
| 必要外掛(備份、快取、SEO、安全) | 經常(免費為主) | 0 到數千 | 進階版按需求 |
| 金流手續費 | 每筆抽成 | 2% 到 3% 左右 | 與主題無關,但會進成本 |
| 設計與調校工時 | 一次性 | 差異極大 | 這才是大頭,下面會講 |
主題授權本身很便宜,授權規則走的是 Envato 標準授權,一個授權對應一個上線網站,你要開第二個店就再買一份。這筆帳很好算,難算的是最後一列。
為什麼「調校工時」才是真正的大頭
這是最值得誠實講的一段。匯入 demo 的快感會讓你誤以為網站快完成了,實際上 demo 只是起點。你要把英文 demo 換成中文、把假商品換成真商品、把不存在的分類刪掉、把屬性篩選重建、把結帳欄位改成台灣習慣、把字體換成適合中文顯示的字、把圖片壓到不拖慢速度。每一項單獨看都不難,加起來就是好幾個工作天。
所以你估預算時,與其糾結主題多兩百塊少兩百塊,不如把腦力花在「有多少時間調校、哪些要自己做、哪些要委外」。如果想看完整費用拆解,網站架設費用的詳細分析幫你把這些隱藏成本攤開來。
從 ThemeForest 取得 WoodMart:採購與授權的正確流程
買 WoodMart 不難,但第一次在 ThemeForest 購物的人常在三個地方卡住:授權買哪種、下載哪個檔案、要不要裝那顆下載工具。流程可拆成可照做的步驟。採購前的挑選邏輯與整體市集操作,ThemeForest 購買教學有更完整的說明,這裡聚焦在 WoodMart 本身。
- 註冊 Envato 帳號。ThemeForest 全站共用一個帳號,日後所有主題外掛都在這裡下載與續約,務必用你長期會用的 email。
- 進入 WoodMart 商品頁,點購買。標準授權就涵蓋絕大多數自營電商需求;除非你要把這個主題包進一個賣給別人的產品裡,否則不必升級到延伸授權。
- 下載「All files & documentation」整包,不要只抓 Installable WordPress File。整包裡有 demo 資料、子主題、文件,後面匯入 demo 會用到。
- 記下授權碼(Purchase Code)。主題啟用、求支援、日後更新都要它,存在安全的地方。
有一個新手常犯的錯值得先講:直接拿親友的帳號共用一份授權,想在兩個店各裝一次。授權條款是一站一份,這樣做會在日後求支援或更新時出問題,也被 Envato 抓得到。省那一兩千塊不值得。如果你打算買的不只 WoodMart,ThemeForest 熱門主題的橫向比較可以幫你一次看清楚。
主機與 WordPress 底層:讓 WoodMart 跑得動的地基
WoodMart 不是輕量主題。它功能多、載入的資源也多,你把它丟到一台記憶體只有 512MB、PHP 版號停在 7 的便宜共享主機上,後台會慢到讓你想砸鍵盤,匯入 demo 還會直接 timeout。地基選錯,上面蓋什麼都白搭。
主機規格的底線與建議
跑 WoodMart 的底線建議設在:PHP 8 以上、MySQL 5.7 以上、記憶體上限至少 512MB(建議 1GB)、支援 HTTP 與 HTTPS。這些在稍微像樣的主機都給得到,問題是你在選方案時會不會被「每月幾十塊」的入口價騙到。
主機類型怎麼挑,牽動的是你未來一年的穩定度,四種虛擬主機類型的比較把共享、VPS、雲端、專屬的差異講得很清楚。商品數破百、又預期會跑廣告導流的人,實務上傾向直接從雲端主機起步,例如參考Cloudways 的設定流程;預算真的有限、又願意自己顧,SiteGround 或A2 Hosting 的架站指南是常見的入門選擇。把規格弄對,WordPress 安裝那一步才會順。
WordPress 與 WooCommerce 的安裝順序
順序不能錯:先把 WordPress 裝起來、確認前後台能進,再裝 WooCommerce,最後才裝 WoodMart。WoodMart 的匯入工具會偵測 WooCommerce 是否存在,少了它,很多 demo 會匯不完整。WooCommerce 裝完先別急著把所有設定一次調好,基本的城市、貨幣、要不要開啟稅金設好就行,細項留到後面接金物流時再回頭處理。WooCommerce 官方文件是你最可靠的依據。
安裝主題與匯入 demo:選對起點,省下七成設計工
這一步是整個流程性價比最高的環節。選對 demo,你等於免費拿到一套設計師配好的視覺系統;選錯 demo,你後面每一頁都在跟不對的結構打架。完整的主題安裝操作,WordPress 佈景主題安裝教學有三種方法的示範,這裡把 WoodMart 特有的「選 demo」邏輯講透。
安裝 WoodMart 與其配套外掛
在「外觀 > 主題」上傳 WoodMart 的 zip 啟用。啟用後 WoodMart 會跳出 Setup Wizard,引導你裝它依賴的幾顆外掛,通常包含 WoodMart Core(核心功能)、你選的頁面編輯器(WPBakery 或 Elementor)、以及聯絡表單等。這裡的重點是:頁面編輯器二選一就好,別兩個都裝,會互相打架、也會拖慢後台。
頁面編輯器怎麼選,背後是一整個生態的考量,主流頁面編輯器的比較幫你從更上位的角度看。實務上偏好 Elementor,因為它中文資源多、社群大,日後找人接手也容易。
挑 demo 不是挑「好看的」,是挑「結構對的」
這是實務累積下來的心法。新手看 demo 清單,眼睛會被首頁的視覺騙走,挑一個時尚感爆棚的版型,結果它的商品頁結構是為服飾設計的(顏色色塊、尺碼下拉、Lookbook),根本不適合你的廚具或家具。結構對了,首頁的視覺可以改;結構錯了,你改首頁也救不了商品頁。
以下整理一張「品類對應 demo 結構」的選擇表,你挑的時候照著這個方向找,命中率會高很多:
| 你的品類 | 該優先找的 demo 結構特徵 | 要避開的結構 |
|---|---|---|
| 家具、廚具、燈具 | 商品頁有大圖輪播、規格表 tab、變體用下拉或色塊 | 只有色塊色卡的服飾型商品頁 |
| 服飾、鞋包 | 色塊切換、尺碼選擇、Lookbook 區塊 | 重型規格表與技術參數 |
| 3C、周邊 | 規格比較表、影片嵌入區、相容性說明 | 純情境照、缺技術資訊區 |
| 食品、保健 | 成分標示區、份量選擇、定期購選項 | 複雜變體色塊 |
| 運動、戶外 | 尺寸與材質雙維度篩選、影片展示 | 只有單一屬性的簡化頁 |
挑好 demo 之後,到 WoodMart 的 demo 匯入介面,選那一組,點匯入。耐心等它跑完,期間不要切走或重新整理。匯入完成你會看到一個跟預覽一模一樣的首頁,但這只是假象,真正的工作才要開始。
子主題與安全更新:別讓改動在更新後歸零
這是一個很多人吃過虧才知道的事:如果你直接改 WoodMart 主題本體的檔案,下次主題一更新,你的改動會被全部覆蓋掉。解法是使用子主題,把你的自訂 CSS、範本覆寫、functions.php 修改都放進子主題裡,主題本體更新時不會動到它們。WoodMart 整包下載裡就附了子主題檔案,安裝主題時一起裝上去就好。
更新這件事建議養成一個紀律:更新前先備份、更新先在離峰時段做、更新後立刻走一遍關鍵流程(首頁、商品頁、結帳)。主題與外掛的大版本更新有時會帶來結構性變動,例如選單位置跑掉、商品頁區塊順序改變。先備份讓你有退路,離峰更新則把萬一出問題的影響降到最低。備份工具的選擇看備份外掛的比較,挑一顆能排程、能整站備份、還原流程測過的。
順帶一提,外掛不要無腦全開自動更新。核心外掛(WooCommerce、快取、SEO)的大版本更新建議手動處理、更新前看 changelog;只有安全性修補才開自動。這個習慣能幫你避開「某天早上網站突然壞掉、卻不知道是哪顆外掛闖禍」的常見悲劇。
視覺系統調校:色彩、字體、Header 與產品頁版型的連動
視覺不是單獨存在的裝飾,它跟品牌、跟轉換、跟中文顯示都綁在一起。WoodMart 把這些拆成幾個地方讓你調,可把它們串成一條調校動線。
主色與配色:先有品牌,才有版面
WoodMart 在自訂器裡有一組主色設定,改一個值,全站的按鈕、連結、價格、強調元素會連動變色。所以你第一件事不是調按鈕圓角,而是決定品牌主色。如果你還沒有配色想法,配色工具的整理裡提到的 Color Hunt 是實務上常用的起點,依情境挑一組、再微調飽和度。
一個常見錯誤是什麼顏色都想放,結果網站看起來像夜市攤位。實務上可訂一條紀律:一個主色、一個輔助色、一個中性背景色,最多三色。其他的靠深淺變化撐。這條紀律在大多數精品電商都通用。
中文字體:被忽略卻最傷質感的一環
中文跟拉丁字的設計邏輯完全不同。直接套 demo 的英文字體,中文會用系統預設字體 fallback,看起來就是「很漏氣」。建議把全站字體換成適合中文顯示的字體家族,這件小事對質感提升的幅度,比改任何一個顏色都大。字體怎麼挑、怎麼配,中文字體設計指南與排版與字體的實用技巧有完整的討論。
同時也要顧及行高、字距、段落寬度,這些在 WoodMart 自訂器裡都有開放調整。排版的基本功,例如一行不要超過多少字、標題與正文的對比,版面配置的設計指南講得很實用。
Header 與產品頁版型
WoodMart 的 Header Builder 是它最值得稱讚的功能之一。你可以把 Logo、搜尋框、帳號、購物車、選單用拖放組合成各種 Header 樣式,還能針對不同頁面套不同 Header(首頁用一個、商品頁用另一個)。這對電商很實用,例如結帳頁把選單拿掉、降低干擾,就是常見的轉換優化手法。
產品頁版型則決定了使用者怎麼「看」你的商品。圖片要放左還是放上、變體選擇器用下拉還是色塊、加購物車按鈕要多大、相關商品放幾個,這些都有 A/B 的空間。想深入產品頁的 SEO 與結構,先看商品頁 SEO 的完整做法,會讓你調版型時不只顧漂亮,也顧能不能被搜尋到。
商品分類、篩選器與變體商品:WoodMart 真正的差異化所在
前面那些事,換成別的主題大致也能做。WoodMart 真正拉開差距的,是它對「商品結構」的處理。一個賣兩百樣商品的廚具店,如果分類亂、篩選不能用、變體切換卡頓,使用者會在三秒內離開。WoodMart 在這三件事上給的工具,是它脫穎而出的主因。
分類階層要設計,不是沿用
匯入 demo 之後,分類是 demo 的殘留物。你要做的是根據自己商品的真實樣貌重新設計分類階層,通常兩到三層最舒服:大類(廚房用品)> 中類(鍋具)> 小類(平底鍋)。階層太深使用者找不到,太淺則單頁塞太多商品。分類的排序也要顧,把熱門的往上放,分類排序的做法有具體操作。
選單要呼應分類結構。WoodMart 支援 Mega Menu,把大類展開成一整面的選單,對商品多的店很有效。選單怎麼組織,WordPress 選單設定教學是基本功;側邊欄與小工具則影響分類頁的輔助資訊呈現,看區塊小工具的設定會有頭緒。
AJAX 篩選器:讓使用者用屬性找商品
WoodMart 內建的 AJAX 篩選器是它的招牌。使用者勾選「不鏽鋼」「32 公分」「感應爐適用」,商品清單即時更新、不用換頁。這對變因多的品類(家具、3C、運動器材)殺傷力很大,是轉換率的關鍵。
但篩選器要能用,前提是你商品的「屬性」有設好。屬性不是分類,分類是商品屬於哪一櫃,屬性是商品本身的特徵(材質、尺寸、顏色、容量)。你要先在 WooCommerce 的「屬性」裡把這些維度建好,再回頭到篩選器設定把它們掛上。漏掉這一步,篩選器會是空的。
屬性設計本身是一門學問。建議在還沒建任何商品前,就先把屬性維度規劃成一張表:這個品類客人會用什麼條件篩選?材質、尺寸、顏色、容量、適用人數、電壓,把可量化的維度都列出來,並統一命名(不要有的叫「不鏽鋼」、有的叫「SUS304」、有的叫「stainless steel」,要擇一一致)。屬性值命名不一致,是日後篩選器與變體顯示混亂的最大元兇,而且一旦商品建多了,回頭統一改名會非常痛。前期花一小時把屬性表定清楚,後面省下幾十小時。
屬性建好之後,把它套到對應的商品上,再到 WoodMart 的篩選器設定裡,選擇要在哪些分類頁顯示哪些屬性篩選。不是所有屬性都要露出來,只放客人真的會用的篩選條件,太多反而造成決策癱瘓。實務上的習慣是每個分類頁放三到五個屬性篩選就夠了,多了就用「進階篩選」收合。
變體商品:同一件商品的多種規格
變體商品是 WoodMart 另一個強項。一件鍋子有三種尺寸、兩種顏色,就是六個變體,使用者切換時圖片、價格、庫存要跟著變。WoodMart 把這個互動做得比 WooCommerce 預設順暢很多,色塊切換、圖片同步、庫存提示都在水準之上。
要留意的是變體數量會影響效能。一件商品若開到幾十個變體組合,商品頁的查詢會變重,這時快取與資料庫最佳化就要跟上(後面會講)。商品類型的完整觀念,包含簡單商品、可變商品、虛擬商品、組合商品的差異,在 WooCommerce 架設全攻略裡有系統性的整理。
結帳流程與台灣金物流:把購物車接到綠界與超商
結帳是整個購物流程的最後一哩,也是掉單最嚴重的一哩。WoodMart 的結帳預設是國際版邏輯,要把它改造成台灣人熟悉的樣子,得動幾個地方。
把結帳欄位改成台灣習慣
台灣結帳要的是:縣市下拉、鄉鎮市區自動連動、超商門市選擇、發票選項。這些欄位 WoodMart 不會自動幫你生,要用外掛補。縣市下拉可用縣市下拉選單的設定教學那顆工具,把預設的自由輸入改成下拉,降低打錯地址的機率。結帳欄位的整體調整邏輯,結帳表單客製化與 Checkout Field Editor 的做法是兩條主要路線。
一個值得堅持的原則:結帳頁愈短愈好。非必要的欄位拿掉、能用下拉就不要自由輸入、能預帶就預帶。每多一個欄位,就多一次放棄的機會。
金流與物流:綠界是一條成熟的路
台灣金物流的選擇裡,綠界是市佔高、文件全、整合好的那一條路。信用卡、ATM、超商代碼付款、超商取貨,幾乎一顆外掛搞定。設定的完整流程,RY WooCommerce Tools 的綠界設定教學寫得很清楚,照著走就能把金流物流串起來。
串完之後有兩件事不能省。一是真的下一筆測試單走完整流程,從加入購物車到付款成功到收到通知,不要只用沙箱模式跑過就上架。二是把訂單通知接好,新訂單進來要能即時知道,訂單推播到 LINE是很多店家的選擇,比信件快、也不會漏。訂單匯出與出貨單,看訂單匯出與列印把格式調成你要的樣子。
會員登入與社群登入
要不要強制結帳前登入是個取捨。強制登入能累積會員資料,但會嚇跑只想快速結帳的客人;不強制則降低門檻,但拿不到會員資產。折衷做法是開放訪客結帳、同時提供社群快速登入給願意登入的人,社群登入的設定是這條路的實作方式。這個決策沒有標準答案,跟你的品類與再行銷策略綁在一起。
行動版與速度:行動優先索引下不能妥協的兩件事
這兩件事放在一起講,因為它們其實是同一件事的兩面:你的客人用手機買東西,Google 也用手機版的內容來決定你的排名。兩者都不能妥協。
行動版不只是縮小的桌面版
根據 Statista 的資料(2026 年 4 月),全球網路流量裡,行動裝置已經長期佔過半,這不是趨勢預測,是現在進行式。Google 更早在多年前就把索引邏輯切換成行動優先,也就是它用你手機版的頁面內容來理解與排名你的網站,桌面版反而變成次要(見 2023 年 10 月的 Google 官方說明)。
這代表什麼?代表你調 WoodMart 時,手機版要當主要版本來調,不是把桌面版調好再「順便看看手機」。Header 在手機上要不要黏住、篩選器要不要收合、產品圖在手機上夠不夠大、加購物車按鈕好不好用拇指點,這些都要拿實機看過。RWD 的基本觀念,響應式網頁設計幫你打底。
WoodMart 給了幾個專門為手機設計的開關,值得逐一檢視。手機選單的呈現方式(側邊抽屜或全屏覆蓋)、底部導覽列要不要開(模仿 App 的那種底部固定列,對商品多的店挺有效)、加入購物車按鈕在手機商品頁要不要吸底(讓客人滑到哪都能直接加車)、篩選器在手機上用彈窗還是收合區塊。這些設定沒有絕對對錯,但每一個都會影響手機版的轉換,建議每一個都實機點過、用自己拇指實際操作一次,而不是只看後台預覽縮圖。
還有一個容易被低估的點:字體大小在手機上要重新校準。桌面版看起來舒服的字級,到手機上常會偏小,導致客人要放大才能看清楚規格。商品價格、規格表、加購物車按鈕的文字,這些關鍵資訊在手機上的可讀性,直接影響客人願不願意往下走。
速度為什麼是轉換與排名的共同關鍵
速度慢的網站,客人會走、Google 也不愛。這不是空話,web.dev 把「為什麼速度重要」講得很直白:頁面載入時間每多一秒,訪客離開的機率就顯著上升。對電商來說,這直接換算成訂單。
WoodMart 因為功能多,不調校的話載入會偏重。實務上的調校動線是這樣的:
- 先把圖片壓下來。商品圖通常是頻寬大戶,上傳前先壓縮、上傳後用外掛做延遲載入與自動壓縮。圖片壓縮與 Smush 的設定是常見做法。
- 裝快取外掛。頁面快取、物件快取、瀏覽器快取三層一起開。快取外掛的比較幫你挑;流量起來後再加上CDN,把靜態資源推到離客人最近的節點。
- 關掉用不到的功能。WoodMart 很多模組可開關,用不到的 emoji、embed、字體變體都關掉,能省下不少請求。
- 量測、量測、再量測。調完每跑一次速度測試看數字變化,別憑感覺。整體的系統性做法,看速度優化的完整做法。
這條動線的好處是每一步都有數字可以驗證,不是改好玩的。速度這件事,永遠有下一個百分點可以擠,重點是建立「量測、改善、再量測」的循環。
如果你要給自己一個更明確的目標,可以盯著 Core Web Vitals 的三個指標:最大內容繪製(LCP)代表主視覺載入完成的時間、累計版面位移(CLS)代表頁面有沒有跳動、互動至下次繪製(INP)代表互動回應的靈敏度。這三個指標 Google 自己也用在排名訊號裡,對電商尤其敏感,因為商品圖往往就是那個最大的內容元素。把 LCP 壓在 2.5 秒內、CLS 壓在 0.1 內、INP 壓在 200 毫秒內,是普遍認為健康的門檻。WoodMart 因為商品圖多、輪播多,CLS 與 LCP 是兩個最容易踩雷的地方,調校時優先顧這兩個。
上架前的 SEO 與健檢:讓商品被找到的最後一哩
網站再漂亮,客人進不來就沒有意義。上架前把 SEO 的基本功做好,是性價比最高的投入之一,因為它是會持續帶流量的長期資產,不像廣告一停就沒。
固定鏈結與分類的網址結構
固定鏈結要在網站剛上線、還沒什麼內容時就設好,千萬別等商品都建完才改,會產生一堆死連結。商品頁的網址實務上偏好用 /product/商品名/ 這種簡潔結構,固定鏈結的 SEO 設定把各種選項的影響講得很細。整站的 SEO 從關鍵字到技術面,WordPress SEO 完整指南是你要回頭反覆讀的那一篇。
商品頁的標題、描述與結構化資料
每一個商品頁都是一個獨立的 SEO 著陸頁。標題要含商品名加關鍵特徵(例如「不鏽鋼平底鍋 28cm」比只寫品名好太多)、描述要寫給真人看但顧及搜尋意圖、圖片要有 alt 文字、價格與庫存要用 WooCommerce 預設的結構化資料輸出,讓 Google 在搜尋結果直接顯示。這些都是商品頁 SEO會講到的細節,照著 checklist 走一遍,每個商品頁都能多拿一點長尾流量。
商品描述還有一個常被低估的價值:它是你差異化最強的武器。多數電商直接把供應商提供的規格表貼上去,結果全網的商品頁長得幾乎一樣,Google 看到的都是重複內容。建議在規格之外,補上一段「真人觀點」的描述,例如這件商品適合什麼樣的人、用在哪種情境、跟同類商品比起來的取捨。這種內容 AI 寫不出味道、供應商也不會給,正是最難被複製的差異化來源,也正好呼應搜尋引擎對第一手經驗的偏好。
分類頁本身也是能排名的頁面,別只把它當導覽用。每個分類頁補一段介紹文字(這個分類賣什麼、適合誰、怎麼挑),配上內部連結指向該分類的熱門商品與相關分類,分類頁就能成為另一個流量入口。這個做法與主題無關,是 WooCommerce 層的觀念,但 WoodMart 的分類頁版型支援這段描述的顯示位置,記得要填。
上架前的最後健檢清單
以下把會讓你在上架後才發現「啊忘了設」的項目,整理成一張上架前健檢表。照著走一遍,能把八成的烏龍攔在前面:
| 檢查項目 | 要做什麼 | 沒做的後果 |
|---|---|---|
| 備份機制 | 裝好備份外掛、設自動排程、測過還原 | 出事救不回來,心血歸零 |
| SSL 與 HTTPS | 整站強制 HTTPS、混合內容清掉 | 瀏覽器跳不安全警告、SEO 扣分 |
| 固定鏈結 | 上線前定好、之後不要亂改 | 改了產生死連結、排名倒退 |
| 金物流實測 | 用真實流程下一筆單跑完 | 客人付不了款你還不知道 |
| 訂單通知 | 新訂單推播、信件通知都測過 | 漏單、客訴、退單 |
| 手機版走查 | 用實機從首頁逛到結帳 | 手機版破版、按鈕點不到 |
| 速度量測 | 跑一次速度測試、記下基準值 | 沒基準,日後不知道有沒有退步 |
| SEO 基本項 | 標題、描述、alt、結構化資料 | 商品頁排不上、流量起不來 |
| 隱私權與條款頁 | 建立並在結帳頁連結 | 法規風險、信任度低 |
備份這一項特別值得強調。備份外掛不是裝了就好,要測過還原真的能跑。備份外掛的比較裡任選一顆、設好自動排程、然後真的還原一次,這個動作會讓你晚上睡得著。SSL 的設定則看SSL 憑證指南,把 HTTPS 弄對、把混合內容清掉。
把流程收攏:從選主題到開店營運的下一步
我們把整條路走過一遍了。回頭看,WoodMart 真正難的從來都不在於匯入按鈕本身,真正的考驗在於你願不願意把分類、篩選、變體、金物流、行動版、速度、SEO 這些細節一個個磨到位。匯入 demo 給你的是一個看起來像樣的殼,磨細節給你的是一家真的能營運、能被找到、能轉換的店。
如果要給一個優先順序,可以這樣排:先把主機與 WordPress 底層弄穩,再選對 demo 並完成匯入,接著把中文與品牌視覺調到位,然後投入最多力氣在商品結構(分類、屬性、變體),金物流串好並實測,行動版與速度反覆量測改善,最後用健檢清單把烏龍攔下。這個順序的好處是每一步都為下一步打底,不會做到一半發現前面漏了什麼而回頭。
給你三個可以立刻動手的下一步:
- 盤點你的品類與商品結構。還沒買主題前,先把你預計賣的商品、預計的分類階層、預計的屬性維度寫下來,這份資料會直接決定你選哪一組 demo、以及後面調校的工時。
- 把成本攤開。照著上面的成本表,把主機、網域、外掛、金流手續費、調校工時都估進去,心裡有數才不會做到一半斷炊。
- 先讀完 WooCommerce 全貌再動手。WoodMart 是殼,WooCommerce 才是引擎,把WooCommerce 架設全攻略讀通,你會發現很多主題層的設定其實是 WooCommerce 層的觀念延伸。先把引擎摸熟,再回頭調殼,你會少走很多冤枉路。
架一家購物網站,技術門檻其實沒你想的那麼高,真正的考驗在於你願不願意把那些不性感卻關鍵的細節做好。把這些細節做好的人,最後會留下來。這是一場比耐心的賽跑,不是比誰先匯入 demo 的短跑。願你把這家店,穩穩地開起來。
常見問題
WoodMart 主題多少錢?值得買嗎?
憑證沒啟用會怎樣?
WoodMart 商品變多之後會變慢嗎?怎麼撐住?
WoodMart 跟 Flatsome、Astra 相比該怎麼選?
操作步驟
- 先回答三個問題:要賣什麼、怎麼收錢、怎麼出貨,這三個答案決定後面所有選擇
- 備好地基:選一台能跑 WooCommerce 的主機,買網域、指向主機、一鍵裝 WordPress、裝好 SSL
- 買 WoodMart 並啟用憑證:下載完整包、上傳啟用,立刻把授權碼貼進主題註冊欄位,否則 demo 匯不進來
- 匯入 demo 當底:挑一組最接近行業的版型,先求結構正確,再改配色、字體、頁首、選單
- 把 WooCommerce 設定走完:商店位置、貨幣、金流、物流、運費、稅金、Email 通知,一項都不省
- 規劃分類再上架:先想好分類層級與屬性,再把商品上架,順序反了事後會很痛
- 自己跑一輪結帳:用真實的付款與出貨流程下單一次,確認錢進得來、貨發得出去
- 做一輪速度優化:圖片壓縮、快取、CDN、關掉用不到的功能,把首頁與分類頁 LCP 壓到 2.5 秒內
- 裝好備份與監測:備份外掛加上每月一次的速度測試,確保一次意外不會把站毀掉
- 補上商品頁 SEO:標題、描述、網址、圖片檔名一次補齊,這是搜尋流量進來的入口