瑜珈網站設計實戰：用 Divi 打造身心靈品牌

瑜珈與身心靈品牌網站常需要比一般企業官網更細緻地處理影像、留白、文字語氣與預約動線。以下會依序整理品牌定位、Divi 設定、預約系統串接、手機版排序與上線前檢查；多數步驟可透過視覺介面完成，少數客製需求仍可能需要 CSS 或其他技術調整。

快速重點整理。瑜珈網站的成敗不在「功能多」，而在能不能讓訪客在三秒內感受到你想傳遞的節奏。Divi 適合做這件事，關鍵在於它能讓你在不改碼的情況下，把留白、字距、配色這些「氣味變數」調到剛剛好。把這篇當成一份從零到上線的施工圖，跟著章節順序做，你會得到一個像你教室、而不像樣版站的網站。

先別急著開 Divi：瑜珈網站賣的是呼吸感，不是功能清單

在身心靈與健身類品牌的網站上，最常出現的同一個錯誤是：老師把企業官網的那套邏輯直接搬過來。滿版 hero 放一句「專業瑜珈教學」、下面接三欄「我們的優勢」、再一個大大的「立即報名」按鈕。做完之後覺得哪裡怪，卻說不出哪裡怪。

換句話說，就一件事：企業官網賣的是規格與可信度，瑜珈站賣的是感受與節奏。一個走進你教室的人，第一秒接收到的不是你的師資證照，而是燈光、溫度、空氣裡的味道、老師打招呼的語氣。網站也一樣。訪客在 hero 區停留的那三秒，決定他要不要往下看課表。如果你給他的是冷冰冰的「專業、有效、認證」，他就會帶著「這跟其他家沒什麼兩樣」的印象離開。

瑜珈網站的內容其實不是文字，是氛圍。文字只是氛圍的載體。這也是為什麼很多瑜珈站的部落格流量比首頁還大，因為部落格那種「我慢慢跟你說一件事」的語氣，才是瑜珈品牌的真正主場。你網站的首頁要做的，是把那種語氣濃縮成一個畫面。

企業官網的預設邏輯	瑜珈站真正該有的邏輯
英雄區放「我們是業界領導品牌」	英雄區放一個能呼吸的畫面＋一句你的教學主張
三大優勢欄位（專業／經驗／認證）	一段師資故事，讓人記得一個人，勝過三個冷冰冰的 bullet
強勢 CTA「立即報名」	低壓力的「預約一堂體驗課」，把決定門檻降到最低
規格表式課程介紹	用派別＋節奏描述課（陰瑜珈是慢、流瑜珈是連貫）
轉換靠彈窗與倒數	轉換靠信任累積，月卡頁講清楚為什麼這樣定價

這張表不是叫你完全不要寫專業與認證，而是要你把重心放對。專業放師資頁、放 footer 的小字、放 RYT 證書圖就夠了；英雄區那塊最貴的視覺不動產，要留給「感受」。

為什麼這篇選擇用 Divi 示範身心靈品牌網站

WordPress 自己就是這類小品牌的預設選擇。根據 W3Techs 的統計（2026 年 6 月），WordPress 在所有使用內容管理系統的網站裡佔有率長年超過六成，整個網路上有大約四成多的網站是跑在 WordPress 上。這意味著你遇到任何問題，幾乎都有人遇過、有人寫過解法。對預算有限的教室來說，這種「不會被技術綁架」的安全感比任何酷功能都重要。

在 WordPress 之上選 Divi，理由很具體，不是「它版型很多」這種空話。

第一，Theme Builder 有助於維持品牌一致性。頁首、頁尾與文章範本可以集中管理並依顯示條件套用，減少逐頁修改造成的不一致；內容與各頁的特殊區塊仍要分別維護。

第二，全域變數與預設樣式是品牌控制的關鍵。在 Divi 5 的 Visual Builder 建立顏色、字體與模組 presets，之後調整相同變數或 preset，引用它的元素才會同步更新；一般手動指定的樣式不會自動連動。

第三，Visual Builder 對不寫碼的人友善到一個程度。你看到的畫面就是你改的東西，不用在腦海裡把 CSS 翻譯成畫面。這對一邊教課一邊架站的老師來說，是能不能持續維護網站的決勝點。如果你想了解完整的入門地圖，可以回頭參考 Divi 主題終極指南，還有更偏實作的 Divi 主題架站全攻略。

瑜珈站的常見需求	Divi 對應的能力	不用寫碼能做到嗎
滿版氣氛 hero 圖＋文字	Fullwidth Header 模組＋視差滾動	可以
師資卡片＋人像照	Blurb / Person 模組	可以
課表呈現	Table 模組或 Blog 模組改造	可以
月卡／體驗價比較	Pricing Tables 模組	可以
全站頁首頁尾一致	Theme Builder	可以
手機版重新排序區塊	進階設定裡的響應式控制	可以

其他頁面編輯器也能完成同樣任務。這篇選用 Divi，是因為 Theme Builder 與全域設定集中在同一生態；如果已習慣其他工具，也不必硬換，這篇的設計邏輯仍可沿用。

品牌靈魂五件套：打開 Divi 之前先回答這些問題

最常踩的坑，就是太早打開編輯器。還沒想清楚自己要傳遞什麼，就被版型牽著走，做出一個「看起來很專業但沒有靈魂」的站。所以在你碰 Visual Builder 之前，先拿出一張紙，把下面五個問題回答完。這些答案會直接決定你網站的每一個設計選擇。

問題	你的答案會決定什麼
我主要教的派別是什麼（陰、流、八肢、熱、修復）	視覺強度。陰與修復偏柔、偏留白；流與熱可以多一點動態與對比
我的學員主要長什麼樣（上班族、產後、熟齡、運動員）	字級大小與語氣。熟齡族群字級要放大、語氣要穩；年輕上班族可以俐落
用一句話說完，我的教室跟別人不一樣在哪	英雄區的主文案，這句話會被放在最大的字
我希望學員離開教室時帶走什麼感受	英雄圖的情緒基調（平靜、被接住、輕盈、有力）
網站最核心的轉換目標是什麼（體驗課、月卡、師資培訓）	CTA 文案、收費頁的設計深度、預約流程的長度

這五個問題不要用「都可以」帶過去。「都可以」的網站就會長得「跟別人都一樣」。具體到「我教的是陰瑜珈，學員是三十五到五十歲的上班族女性，她們來是為了在禮拜三晚上把那週的壓力放下，我希望她們離開時覺得肩膀輕了一點」這種程度，你的設計選擇就會自己浮現：留白要多、字體要柔、英雄圖選一個傍晚窗邊的畫面、CTA 寫「預約一個晚上的安靜」，寫成「立即報名」會太衝。

把這段定位寫下來之後，你接下來所有在 Divi 裡的決定，都有了一個可以回頭對照的基準。配色選不出來？回去看定位。課表要不要放首頁？回去看定位。這比任何設計教學都有用。

把清新做成參數：Divi 裡的配色、留白與字體設定

「清新」這個詞是瑜珈品牌的高頻字，但它太抽象，抽象到沒辦法施工。把它拆成三個可以填進 Divi 的參數：配色、留白、字體。把這三組數字定下來，清新就不再是感覺，而是規格。

配色：給自己三個方向就好

不要去開那種「2026 年度色彩」的清單，太多選項只會癱瘓你。建議從下面三個方向挑一個，然後在裡面收斂出五到六個色票（主色、輔色、背景、文字、強調）。

• 大地米白系：米白底、燕麥、淺褐、墨綠點綴。最安全、最耐看，適合陰與修復派別。
• 霧灰綠系：灰白底、鼠尾草綠、霧灰、深森林綠。現代感強一點，適合都會型教室。
• 暖米膚色系：米膚底、陶土、暖灰、磚紅點綴。溫度高一點，適合強調手感與人情味的教室。

定好之後，進 Divi 的 Theme Customizer → General Settings，把你選的這組色設成全域顏色。之後所有模組都從這組色裡挑，不允許自己再臨時用色票選擇器亂點。想更系統化地建立色彩計畫，相關的完整教學在 網頁設計配色實戰指南，裡面有從品牌定位反推色票的四步流程。

留白：把 section padding 撐開

清新感有一半來自留白。Divi 預設的 section 與 row padding 偏緊，這是企業站的習慣，不是瑜珈站的習慣。實務上常用的數值是這樣：手機版 section 上下 padding 設 60 到 80px、桌面版設 100 到 140px；row 內的 gutter 拉到 3 或 4；模組之間的 margin 至少留 30px。整體看起來會「鬆」，而鬆就是身心的語言。

字體：兩套就夠，把行高拉開

字體不要超過兩套。標題用一套有個性的（例如某款 serif 或幾何 sans），內文用一套穩定的系統字。中文建議直接用系統黑體（PingFang、Noto Sans CJK TC），不額外載入中文字型，因為中文字型檔案大，會拖垮速度。英文標題若要載 Google Fonts，挑一款 weight 在 300 到 500 之間的，不要用粗體撐場面。字型相關的細節設定，可以看 Divi 標題設計技巧。

關鍵是行高（line-height）與字距（letter-spacing）。內文行高設 1.7 到 1.9，標題設 1.2 到 1.4，字距適度拉開 0.02em 左右。這組數字調下去，你的中文讀起來會從「擠」變成「順」，而順就是清新。

該做的事	不該做的事
全域色控制在 5 到 6 個以內	每個區塊換一個顏色，做成彩虹
留白比直覺再多一點	把每寸空間都塞滿資訊
中文字用系統黑體不額外載	載整套中文字型讓 LCP 爆掉
圖片統一調一組色溫再上傳	每張圖色溫不同，畫面像拼貼
CTA 顏色只用一個強調色	到處都是按鈕，不知道要點哪個

七個頁面區塊，用 Visual Builder 一塊一塊蓋起來

定位想清楚了、參數定好了，再來就是把頁面一塊一塊蓋出來。一個能運作的瑜珈站，最少要有七個區塊。你不用一次做完，但心裡要有這張地圖，才不會做到一半迷路。

一、英雄區：一個畫面＋一句主張＋一個行動

用 Fullwidth Header 模組，背景放一張能呼吸的圖（不是你的證書、不是團體大合照），上面疊一句你的教學主張，一個低壓力 CTA。這個區塊只做一件事：讓訪客在兩秒內決定要不要往下看。想直接套可用結構，Divi 佈局版型與 高質感版型庫裡都有 Fullwidth Header 的現成骨架可以改。

二、師資介紹：讓人記得一張臉

用 Person 或 Blurb 模組，一張清楚的人像照（不要濾鏡過頭）＋一段精簡自介。重點是你為什麼會出現在這間教室，履歷只是配角。RYT 時數與研習經歷可放在自介末段，並確保資格資訊正確可查。

三、課表：資訊密度最高的一塊

課表是學員最常回來看的頁面。用 Table 模組排出週一到週日的時段，欄位包含時間、派別、難度、授課老師。如果你課程變動頻繁，也可以用 Blog 模組改造成課程列表，每一堂課當作一篇文章，好處是每堂課都能單獨被搜尋到。手機版這一塊要特別處理，下面會講。

四、預約與報名：轉換的心臟

這裡接預約外掛（下一節詳細講）。視覺上不用花俏，一個清楚的按鈕「預約這堂課」跳到表單就好。建議把這個按鈕放在每一堂課的旁邊，不要只放在頁面底部，因為摩擦往往就出在「我想報這堂，卻要往下找按鈕」這幾秒。

五、收費方案：把定價講清楚是尊重

用 Pricing Tables 模組。瑜珈站的收費通常落在單堂、體驗價、月卡、十堂券這幾種。把它們排成兩到三欄的比較，標出最推薦的方案。把定價講清楚不是推銷，是尊重學員的時間。收費表怎麼設計得專業又不冷，可以看 Divi 價目表設計教學。

六、部落格或學員故事：你的 SEO 主戰場

用 Blog 模組拉出最近三到六篇文章的縮圖列表。這一塊在首頁只是個入口，真正的主角是它點進去之後的每一篇文章。內容方向與選題策略，會在這個區塊的後半段專門講。

七、聯絡與地點：完成預約的入口

地圖、地址、營業時間、聯絡表單、社群連結。這塊看起來最沒創意，卻最常出錯。地址要跟 Google 商家檔案裡填的一模一樣（這牽涉 Local SEO），營業時間要寫教室實際有人應門的時間，不是課表時間。頁首與頁尾的設計可以看 Divi 頁首設計，一次定好全站套用。

把重複的區塊變成可重用資產

上面這七個區塊，有幾個會在多個頁面重複出現。例如 CTA 按鈕、師資卡片的樣式、收費方案的版面，可能同時出現在首頁、課程頁與部落格側邊。如果你每個頁面都重拉一次，日後要改一個顏色就得改十幾個地方，這是網站會越來越亂的根源。

建議把這類重複元件存進 Divi 的 Library，把它們標記成全域（global）模組，需要的頁面直接拉出來用。改一個地方，全站同步更新。如果你經營不只一個站、或想在團隊之間共用設計資產，再進一步用 Divi Cloud 把版型放到雲端，跨站同步。這個習慣一開始就要養成，等到頁面一多再回頭整理，會痛到讓你想砍掉重練。

部落格是瑜珈站真正的流量引擎

前面提過部落格賣信任與流量，這裡把它講得更實際一點。一個剛上線的瑜珈站，首頁幾乎沒有搜尋流量，因為「你的教室名字」這類品牌字還沒人搜。真正會帶陌生訪客進來的，是那些回答具體問題的長文：「陰瑜珈跟哈達差在哪」「生理期可以做人魚式嗎」「瑜珈初學者該買什麼墊子」。每一篇這樣的文章，都是一個對應到真實搜尋的入口。

選題不要憑感覺，去 Google 搜尋框打幾個字、看它自動跳出的建議，那些就是真實有人在搜的問題。把這些問題整理成一份清單，每個月穩定產出一到兩篇，半年之後你會有一座小型內容庫，而這座庫會持續在背景幫你帶自然流量，不需要每個月再花廣告費。這就是為什麼常說內容行銷是打造資產，不是租用管道。

課表、預約、繳費：把報名一堂課做到三步以內

預約流程很容易造成流失，但沒有「超過三步就流失一半」的通用門檻。先把非必要欄位移到後續，再用分析資料觀察每一步的放棄率；若帳號是營運必要條件，也要說明原因並降低重複輸入。

理想流程只有三步：選課、選時段、填資料並送出（或付款）。就這樣。不要中間插一個「請先登入」。首次來的訪客對你還沒有信任，要他註冊帳號等於在第一次約會就要對方搬進來，太急了。

實作上，預約功能靠外掛。市面上有幾款成熟的 WordPress 預約外掛，挑選維度整理成這張表，詳細的個別評比可以看 WordPress 預約外掛推薦。

挑選維度	為什麼對瑜珈站重要
是否支援課程（群）預約	瑜珈是一對多團課，不是一對一預約
能否限制每堂人數	教室空間有限，額滿要自動關閉
是否能在 Divi 裡用 shortcode 嵌入	決定你能不能把預約表單放進 Visual Builder
金流支援（信用卡、行動支付或其他方式）	要符合實際客群、幣別、退款與對帳需求
自動提醒通知	降低 no-show，對教室營運是救命
月曆與課表同步	避免老師手動維護兩份課表

如果你打算賣月卡、瑜珈墊、服飾或線上課程，就需要評估電商系統。WooCommerce 是廣泛使用的 WordPress 電商方案（W3Techs 市占統計，2026 年 6 月）。若只收單筆課程費用，預約外掛內建金流可能已足夠；仍要檢查發票、退款、個資與對帳需求。

還有一個常被忘記的點：預約表單送出之後，學員要立刻看到「已收到你的預約」的確認畫面，並在幾分鐘內收到 Email。這個小小的回饋，是學員對你教室「靠不靠譜」的第一印象。測試的時候，請用自己的信箱完整跑一遍，不要只看後台有沒有收到資料。

在地 SEO：讓走得到的人找得到你

實體瑜珈教室有一個天生的優勢，是純線上品牌求都求不來的：你的服務有地理位置。這代表你能吃到「瑜珈教室＋地點」這類帶有強烈成交意圖的搜尋。有人搜「大安區 陰瑜珈」「信義 產後瑜珈」「台中 北區 瑜珈推薦」，這種人不是來看文章的，是來找一間今晚或這週能去的教室，轉換率遠高於一般資訊型搜尋。問題在於，大多數瑜珈站根本沒把這塊接起來。

把在地流量接起來，關鍵在網站跟你的 Google 商家檔案之間的串接。建議每間教室至少做這幾件事。

• 把 Google 商家檔案完整填好。分類選精準（例如「瑜珈教室」而非籠統的「健身中心」）、營業時間、課程類別、服務區域、教室實景照、學員真實評論。商家檔案本身就是一個會出現在搜尋結果的迷你網站。
• 網站與商家檔案的 NAP 保持正確一致。名稱、地址與電話要使用相同的正式資料；標點格式不必機械式完全相同，重點是資訊不矛盾。
• 為有獨立資訊的據點建立專屬頁面。每個據點頁應提供地址、交通、課表與實景等獨特內容。不要只為涵蓋「地點＋需求」字詞，大量建立內容近似的薄頁面。
• 鼓勵學員留下真實評論並妥善回覆。Google 說明評論數量與評分可能影響在地排名；不得購買、交換或篩選只邀請滿意顧客留言。
• 在頁面裡埋 LocalBusiness 結構化資料。把名稱、地址、電話、營業時間、地理座標寫進 schema，讓搜尋引擎能直接讀懂你是誰、在哪、什麼時候開。

商家檔案與據點資料值得完善，但 Local SEO 沒有固定見效時間。能見度會受到地點、競爭、商家檔案完整度、網站內容與評論等因素影響，不能承諾三到六個月內上升。

手機版才是瑜珈站真正的首頁

你可能會直覺地想「我的學員大多在電腦上看網站吧」。數據不是這樣的。Statista 的統計（2026 年 4 月）顯示，全球網頁流量有超過一半來自行動裝置，而且這個比例連續好幾年都在成長。對瑜珈這種「在通勤路上查下一堂課、在等小孩下課時預約」的場景，手機佔比只會更高。

Google 已全面採用行動優先索引，主要使用行動版內容進行索引。這是索引方式，不是行動版身分本身的排名加成；要確保手機版保留同等的重要內容、連結與結構化資料。

在 Divi 裡，手機版要特別處理三件事。

一是區塊排序。桌面版你看起來順的順序，到手機上由上往下疊的時候可能完全錯位。例如桌面版是「課表在左、報名按鈕在右」，到手機變成「課表整坨在上面，報名按鈕被擠到很下面」，學員要滑很久才看得到按鈕。Divi 的每個 row、每個模組都能單獨設定手機版的順序與顯示，務必要把 CTA 往上提。具體怎麼用 CSS 調整行動版面順序，看 Divi 手機版排序教學，兩步驟就會。

二是字級與點擊區。內文可從 16px 左右開始測試，並依字體與受眾調整。觸控目標約 44×44 CSS 像素可作為檢查起點，再依採用的無障礙與平台規範調整；按鈕之間也要保留足夠間距。

三是垂直節奏。手機版沒有左右分欄的視覺引導，全靠上下節奏撐。所以手機版的 section 之間要用更明顯的留白或分隔，讓眼睛知道「這裡換了一段」。響應式設計的大原則可以回頭看 響應式網頁設計 RWD，把觀念跟 Divi 的設定對起來。

測試手機版的時候，不要只縮小瀏覽器視窗看。用真的手機打開網站、用 4G 網路（不是家裡 Wi-Fi）載入一次。你會立刻發現哪些圖太重、哪個按鈕點不到。這個動作花你五分鐘，卻能省下好幾個月「為什麼轉換率這麼低」的猜測。

圖片氛圍與載入速度的取捨：不要讓 LCP 殺掉你的品牌

瑜珈站很吃圖，圖又是最重的資源。這裡有一個殘酷的矛盾：你最想要的那種滿版、低飽和、有空氣感的大圖，通常檔案最大；而它往往就是你的 LCP 元素（Largest Contentful Paint，頁面最大內容繪製），也就是決定「使用者感覺網站多快打開」的那個指標。一張沒壓好的 hero 圖，可以把你整個清新品牌的第一印象拖成「白畫面轉圈圈」。

速度會影響使用者能否順利看到內容，web.dev 的研究也指出較慢的載入可能影響離站與轉換，實際幅度會因網站與受眾而異。Core Web Vitals 是 Google 排名系統使用的訊號之一，但不是單一或決定性的排名因素（見 2020 年 5 月的頁面體驗評估說明）。

圖片處理上建議做這幾件事，你也可以照做。

• 比較合適格式。可比較 WebP 與 JPEG 的實際品質和檔案大小；WordPress 已支援 WebP，但節省幅度會因圖片內容與編碼設定而異。
• 壓在合理的尺寸。hero 圖桌面寬度大概 1920px 就夠，不需要上傳 4000px 的原檔。縮圖工具用 TinyPNG 或 Squoosh 都行。
• 首屏圖不 lazy，其餘按位置延後。LCP 圖片要盡快載入，首屏外圖片可使用 WordPress 的延遲載入；不要把「其餘一律」當成未經測試的規則。
• 依訪客地區評估 CDN 與快取。先用真實資料確認延遲與瓶頸，再參考WordPress 主機選擇比較節點、穩定性、備份與支援。
• 影片背景能免則免。Divi 支援影片背景，但自動播放影片是速度與流量的雙重兇手。除非你確定那是品牌核心，不然用圖＋視差就夠有氛圍。

畫面上的氛圍	對速度的代價	取捨建議
滿版高解析 hero 圖	LCP 容易爆	壓到 WebP、寬度限 1920、不 lazy
視差滾動	行動裝置耗能、可能頓	桌面開、手機關
自動播放背景影片	流量與 CPU 雙重負擔	不用，改用高質感圖
大量語法動畫進場	JS 過多影響 INP	只用在英雄區，其他地方靜態
多張未壓縮人像照	師資頁載入慢	統一尺寸與色溫再上傳

把這幾件事做完，你的網站可以同時「看起來很有空氣感」又「打開得很快」。這兩件事不是二選一，是要靠紀律同時拿到的。

補一個很多人看漏的細節：圖片的色溫一致性。師資照、教室空間、上課側拍與課程示意圖若使用不同濾鏡，擺在一起容易像拼貼。上線前可建立一致的調色基準，但不要為了風格犧牲膚色、動作細節與真實場地資訊。

上線前的九項檢查清單

網站做到一個段落，興奮地想按下發布之前，請留十分鐘跑完這份清單。很多看起來很美的站，都栽在這些細節上。

1. SSL 憑證。網址要是 https 開頭，瀏覽器不能出現「不安全」。HTTPS 影響安全與使用者信任，也是輕量搜尋訊號。設定可看 SSL 憑證完整解析。
2. 導覽選單。從手機版點一次主選單，確認每一個項目都點得到、不會重疊。選單設定看 WordPress 選單設定教學。
3. 預約流程全程測一次。用真實信箱跑一遍「選課→送出→收信」，不要只看後台有資料。
4. 手機實機測試。用 4G 開一次，看首屏多久出現。
5. NAP 一致。站上的名稱、地址、電話，要跟 Google 商家檔案一模一樣，一個字都不能差。這是 Local SEO 的基本功。
6. 結構化資料。依實際業務選擇最貼切的 Schema.org 類型，內容要與頁面一致；結構化資料不保證排名或複合式搜尋結果。
7. 404 與導向。確認沒有殘留的測試頁、首頁能正確導到正式網址。
8. GA4 與 Google Search Console。裝上去，沒有資料你不知道哪一頁有效、哪一頁沒人看。
9. 速度量測。用 PageSpeed Insights 跑一次手機版，LCP 盡量壓在 2.5 秒內。

這九項涵蓋安全、可用性、資料一致性與搜尋理解，值得在上線前檢查，但沒有任何單項能保證 Google 排名。

上線之後的三個月：看什麼數據、改什麼

很多老師把網站上線當成終點，其實那才是起點。一個會成長的瑜珈站，是上線之後靠數據慢慢養出來的。給自己三個月的觀察期，每個月挑一個晚上看一次後台，做一件小小的調整，比一次大改更有用。

重點盯三個地方。

第一個是 Google Search Console 的查詢報表。看真實使用者是用哪些字詞找到你的。你會發現一些自己沒想過的長尾詞，例如「下班 瑜珈 推薦」「膝蓋不好 適合什麼瑜珈」。這些詞就是你下一篇文章的題目。把搜尋報表當成源源不絕的選題庫，比你憑感覺想題目準得多。

第二個是 GA4 的到達網頁與轉換。看哪幾個頁面帶最多人進來、哪幾個頁面帶最多預約。你常會發現一個反直覺的事：流量最大的頁面不一定帶最多預約，反而是某一篇不起眼的教學文帶來高品質的學員。這個落差告訴你該把哪個頁面再投資、加深。

第三個是預約外掛的後台。看哪些時段最滿、哪些課一直開不成班。這跟網站設計沒有直接關係，卻跟網站該長成什麼樣子有關。一堂永遠額滿的課，值得在首頁給它更大的曝光；一堂一直招不到人的課，也許需要一篇解釋它適合誰的文章。

月份	看什麼	做一件什麼事
第一個月	Search Console 有沒有開始收錄、哪些查詢出現	補一篇被搜尋到卻還沒寫的長尾主題
第二個月	GA4 哪個頁面帶最多預約	把那個頁面加長、加案例、強化 CTA
第三個月	商家檔案評論數與預約熱時段	針對最滿的課做首頁曝光、針對最空的課寫一篇導流文

這個循環的好處是它永續。你不需要每一篇文章都爆紅，你只需要每個月讓網站比上個月更懂你的學員一點。三個月之後回頭看，你會發現網站已經從一個漂亮的樣版，慢慢長成一個真正會帶學員進來的資產。

六步上線行動方案

看到這裡，你大概已經有點資訊超載了。沒關係，把整件事收斂成六個你可以照著做的步驟。不要想一次做完，給自己兩到三週，每週做兩步，你會穩穩地把站推上去。

1. 第一週，寫品牌靈魂五件套。不碰電腦，拿紙筆把前面那五個問題回答完。這份文件之後每一個設計決定都會回來對照它。
2. 第一週，把底層架好。主機、WordPress、Divi 主題裝起來，SSL 開好。如果你還沒裝 WordPress，跟著 WordPress 安裝教學走一遍；想用現成骨架加速，可以看 Divi 子主題推薦挑一個底子乾淨的來改。
3. 第二週，定全域 token。把配色、字體、留白的數值寫進 Theme Customizer 與 Theme Builder 的全域設定。這一步定下去，後面所有頁面都吃這組值。
4. 第二週，蓋首頁七區塊。照英雄、師資、課表、預約、收費、部落格、聯絡的順序，一塊一塊用 Visual Builder 拉出來。需要素材就去 Divi Marketplace 資源找現成模組，不要從零硬刻。
5. 第三週，接預約與測手機。預約外掛裝好、表單嵌入、金流測通，然後用真手機與 4G 完整跑一遍報名流程。
6. 第三週，跑上線九項檢查。SSL、導覽、NAP、schema、GA、GSC、速度。確認沒有阻斷性問題再發布，不必為排名追求所有工具全綠。

瑜珈網站是一個很特別的工程案：它的技術不難，難在你願不願意慢下來，把「感受」這件沒辦法量化的事，翻譯成配色、留白、字體這些可以填進 Divi 的數字。當你把這件事做好，你的網站會跟你的教室一樣，有一種別人模仿不來的氣味。

如果你在這個過程裡，發現自己卡在「定位想不清楚」而不是「技術不會做」，那其實是更值得停下來處理的事。技術可以學，定位只有你能回答。Whoops SEO 偶爾會接這類品牌網站與內容方向的顧問，需要的時候再來找我們就好，Whoops 很樂意陪你把品牌網站一起看。先把品牌靈魂五件套寫完，那是所有事情的起點。