美妝部落格架站教學:用 Divi+Extra 主題實作
用 WordPress 自架美妝部落格的完整教學:搭配 Divi 視覺編輯器與 Extra 雜誌型主題,零程式基礎也能排出分類牆與文章卡。涵蓋主機選擇、雜誌版面配置、SEO 優化與 AdSense 廣告變現,把美妝內容當資產長期經營。
作者:褚崇名(Sliven)
本頁目錄
- 為什麼美妝部落格特別需要「對的」主題,而不只是「漂亮」的主題
- Divi 跟 Extra 到底差在哪?先搞懂再買,別買錯
- 那 Elementor 呢?兩條路線的取捨
- 動手之前先決定三件事:網域、主機、內容架構
- 第一件:網域要像一個「品牌」,不要像一個帳號
- 第二件:主機選「夠快」的,不要選「最便宜」的
- 第三件:內容架構,這才是美妝部落格真正的勝負手
- 分類與標籤別搞混:一個是骨架,一個是索引
- 從零架起來:WordPress 安裝到 Divi+Extra 啟用
- 把設計存起來:子主題與 Divi Cloud
- 高顏值的關鍵:配色、字體、圖片這三件事
- 配色:一個主色撐場,其餘讓位
- 字體:中文配一個有個性的英文字體就夠
- 圖片:統一比例、統一調性,勝過單張好看
- 用 Extra 的分類模組,把版面排得像一本雜誌
- 圖片效能:美妝部落格的隱形殺手是載入速度
- 手機版排序:讀者都在滑手機,你的版面順序對嗎?
- 變現與成長:先把 SEO 打底,再談賺錢
- SEO 基礎:Rank Math 加長尾關鍵字
- 把單篇文章串成主題叢集
- 變現路線:廣告、聯盟、電子報、社群
- Divi 加 Extra 內容站的幾個常見通病
- 六步行動方案:今天就開始你的美妝部落格
WordPress 官方目錄加上 ThemeForest 有大量佈景主題,要從中挑一套來做美妝部落格,包含保養心得、彩妝試色與季節購物清單,確實容易不知道從哪裡下手;如果你還在主題階段,可以先看WordPress 佈景主題完整比較。
短結論先講:美妝部落格能不能建立讀者信任,「內容分類架構、圖片載入效能、手機瀏覽體驗」都比主題本身漂不漂亮更關鍵。Elegant Themes 出的 Extra 主題,是為文章量大、分類多、圖片多的雜誌型網站設計;再搭配內建的 Divi Builder 做頁面級視覺設計,能兼顧內容整理與版面呈現。底下會把整個流程、配色排版邏輯與效能地雷拆開說明。
核心重點:用 Extra 當主題(它自帶文章列表、分類網格、Tab 分頁模組,是為內容站生的),用 Divi Builder 設計首頁與靜態頁,先把分類想清楚再動手,圖片一律壓縮+延遲載入,手機版排序重新調過,最後用 Rank Math 把 SEO 基礎打底。漂亮只是入場券,會被搜尋到、手機滑得順、讀者願意留下來,才是真正的戰場。
為什麼美妝部落格特別需要「對的」主題,而不只是「漂亮」的主題
先問你一個問題:你心目中「漂亮的美妝網站」長什麼樣子?大概是大圖、留白、字體優雅、配色柔和,像一本電子雜誌。這個直覺沒有錯,可是它只解決了「第一眼」的問題。
美妝這個題材有幾個很硬的特性,會直接把一般主題打回原形:
- 圖片密度極高。一篇口紅試色文可以塞十幾張照片,一篇開箱文更多。如果主題沒有做好圖片管控,首頁載入就會像投影片一樣一張一張掉下來。
- 分類天生就多。保養、彩妝、髮型、瘦身、醫美、生活、開箱,每個分類底下又有子分類。如果主題只給你「最新文章十篇」的列表,讀者根本逛不進去。
- 讀者幾乎都在手機上。美妝內容的閱讀場景是通勤、午休、睡前滑手機,不是坐在桌機前。手機版面順序錯了,跳出率會很難看。
- 需要雜誌感、需要權威感。美妝讀者要的是「這個人懂、這篇可信」,過度花俏的版面反而扣分。
說穿了,你需要的不只是一個「漂亮的殼」,而是一個「懂內容分類、懂圖片、懂手機」的內容引擎。這也是實務上常推薦從內容站導向的主題切入的原因。WordPress 目前驅動全世界超過四成的網站(W3Techs 的統計,2026 年 6 月),你選它當底層是對的,問題只在於上面那一層主題怎麼挑。而對美妝這種「文章就是產品」的站,Elegant Themes 的 Extra 幾乎是為這個情境量身訂做的。
Divi 跟 Extra 到底差在哪?先搞懂再買,別買錯
很多人在這裡就卡住了,因為這兩個名字常常一起出現,看起來像競品,其實不是。換個最白話的方式來說。
Divi 是一個「通用型主題」,加上一套叫 Divi Builder 的視覺化頁面編輯器。它什麼都能做:形象官網、 landing page、電商頁面,但它本質上是「頁面」導向,你要自己用模組把每個版面拼出來。
Extra 則是同一間公司推出的「雜誌/內容型主題」。它最大的差別是內建了一整套「文章層級」的模組:分類網格、文章輪播、Tab 分頁文章列表等等。這些模組會自動去撈你後台的文章與分類,你不用手動一篇一篇貼連結。而且,Extra 也吃 Divi Builder,所以你在頁面層級一樣可以用拖拉做設計。
換句話說,當人家說「Divi 加 Extra」,真正的組合是:用 Extra 當主題,享受它內建的文章分類模組;同時用 Divi Builder 當設計工具,去雕首頁、關於我、聯絡頁這類靜態版面。兩者是互補,不是二選一。
| 比較維度 | Divi 主題(通用型) | Extra 主題(雜誌/內容型) |
|---|---|---|
| 設計導向 | 頁面導向,適合形象官網、landing page | 文章導向,適合部落格、雜誌、內容站 |
| 內建文章模組 | 基本,要自己用模組拼 | 分類網格、文章輪播、Tab 分頁、文章列表全內建 |
| 分類列表頁 | 沿用 WordPress 預設 | 有專屬的雜誌式分類模板 |
| 視覺編輯器 | Divi Builder | 同樣使用 Divi Builder |
| 適合誰 | 頁數少、以靜態頁為主的品牌站 | 文章量大、分類多的內容創作者 |
| 美妝部落格的契合度 | 普通,文章一多會很累 | 高,分類邏輯直接幫你蓋好 |
如果你的主力是寫文章,而且會寫很多,Extra 幾乎是無腦選。如果你想深入了解 Divi 本身的功能細節,可以再看這篇 Divi 主題終極指南,本篇會把焦點鎖在「內容站」這個情境。
那 Elementor 呢?兩條路線的取捨
講到 WordPress 架站,一定有人會問:那為什麼不用 Elementor?這是個好問題,答案要看你的站屬於哪一種。
Elementor 是一套頁面編輯器外掛,可以搭配任何主題,最常見是配 Astra。它的強項在「頁面級」的像素控制,任何一個區塊你都能拖到精準位置,做形象官網、活動頁、產品登陸頁非常靈活。想完整了解它,可以看這篇 Elementor 完整教學。
美妝部落格的核心是「大量文章加分類導覽」,首頁七八成是「按分類排列的最新文章」。這時候 Extra 的價值就浮現了:它的文章模組是現成的、會自動抓後台資料,你只要設定要撈哪個分類、顯示幾篇,版面就長好了。換成 Elementor,你得自己用 Posts 模組加 Theme Builder 把這套內容結構拼出來,彈性更大,工程量也更大。
給你一個判斷標準:如果你的站以文章為主,要的是持續發文、分類自動排好,選 Extra 會輕鬆很多;如果你的站以頁面為主,例如你同時要做美容服務預約、課程銷售、品牌形象,需要大量客製化版面,那 Elementor 搭配 Astra 會給你更大的自由度。兩條路都通,差別在你願意把力氣花在哪裡。
動手之前先決定三件事:網域、主機、內容架構
很多人一拿到主題就想開始配色,結果蓋到一半才發現分類亂掉、主機慢、網域不像樣。這三件事是地基,順序錯了後面要重來。建議照這個順序定下來。
第一件:網域要像一個「品牌」,不要像一個帳號
美妝部落格本質上是在做個人品牌,網域就是你的招牌。amybeautyblog123.com 這種網域一看就是新手,沒有人會記得,也不會信任。盡量用你的筆名或品牌名,簡短、好念、好拼。網域怎麼挑、怎麼註冊、DNS 怎麼設,這篇 網域申請購買全攻略 寫得很完整,照著走就好。
第二件:主機選「夠快」的,不要選「最便宜」的
美妝網站圖片多,主機太慢等於自殺。你不必買最貴的,重點是買「在你預算內最快、離你的讀者最近的」。入門可以從有 SSD、有 LiteSpeed 快取的主機開始,預算夠再升級。如果你想看實測,這篇 A2 Hosting WordPress 主機評價 有速度與穩定性的分析,可以當成一個比較基準。哪家其實不是重點,真正的關鍵是「你有沒有把速度放進選主機的條件裡」。
第三件:內容架構,這才是美妝部落格真正的勝負手
這一點最值得強調,因為它最容易被忽略。絕大多數美妝部落格會死,不是因為不漂亮,而是因為分類亂。讀者進來找不到想看的東西,Google 也搞不懂你這個站到底在講什麼主題,結果就是流量進不來、留不下。
建議的做法是:動手蓋網站之前,先把分類樹畫出來。一個典型的美妝部落格,主分類大約抓三到六個就夠,例如:
- 保養(可以再分:臉部保養、身體保養、防曬)
- 彩妝(可以再分:底妝、唇彩、眼妝、教學)
- 髮型與造型
- 開箱與購物清單
- 生活與保養 routine
注意一個原則:分類不要超過七個,子分類不要超過兩層。分類一旦太多,你自己都會懶得維護,讀者更會迷路。這套分類邏輯會一路影響到選單、首頁的模組排法、甚至 SEO 的主題叢集佈局,所以它一定要最早定下來。
分類與標籤別搞混:一個是骨架,一個是索引
新手最常犯的錯,是把分類和標籤(tag)當成同一件事,結果兩邊都開一堆,內容重複又混亂。把它們想成兩種角色就清楚了:分類是「這篇文章屬於哪一個大主題」,一篇文章通常只歸一個主分類,像檔案櫃的主要抽屜;標籤是「這篇文章還涉及哪些小關鍵字」,一篇文章可以有好幾個,像抽屜裡的便利貼。
舉個例:一篇〈冬天油肌脫皮的保養對策〉,分類歸在「保養」,標籤可以下「油性肌膚」「冬季保養」「脫皮」「敏感肌」。分類維持少而穩定,標籤可以多而有彈性。這樣一來,讀者能從分類找到大方向,從標籤鑽進更細的需求,兩套導覽互相補位,不會打架。
還有一個觀念要先建立:文章(post)和頁面(page)是不一樣的東西,你的保養文是文章,「關於我」是頁面,這兩個搞混會讓整個架構崩掉。想知道差異,看這篇 WordPress 文章和頁面到底差在哪,三分鐘就能搞懂。
從零架起來:WordPress 安裝到 Divi+Extra 啟用
地基設定完成後,就能開始架設 WordPress 自架站。以下流程聚焦必要步驟,較細的操作則以相關教學連結補充,避免主線被介面說明打斷。想要一份更完整的開站對照,可以搭配WordPress 部落格的開站全流程,把每個環節的細節補齊。
- 安裝 WordPress。現在很多主機後台都有一鍵安裝,幾分鐘就跑完。完整的四種方法可以看這篇 WordPress 安裝完整教學。
- 安裝並啟用 Extra 主題。因為你訂的是 Elegant Themes 會員,下載 Extra 的 zip 上傳安裝即可。主題安裝的三種方法,這篇 WordPress 佈景主題安裝教學 都有講。
- 開啟 Extra 內建的 Divi Builder。Extra 已整合 Divi Builder,不需要再另外安裝同名外掛;啟用主題後即可進入視覺編輯流程。
- 匯入對應的 layout pack 或 demo。Elegant Themes 針對 Extra 提供不少現成的版型,先匯入一個跟美妝調性接近的,再改成你的內容,會比從空白頁開始快十倍。
- 設定固定連結。後台「設定 → 固定連結」選「文章名稱」,讓你的網址長得像
/skincare/winter-routine,而非/?p=123,這對 SEO 很基本但很重要。 - 建立分類與選單。把你前面畫好的分類樹,一個一個建進 WordPress,然後把它們排進主選單。
到這一步,你已經有一個「能動、有架構」的站了。接下來才是把它變好看、變好用。
把設計存起來:子主題與 Divi Cloud
站蓋好之後,有兩個工具能幫你省下大量重複工作。第一個是子主題(child theme)。直接改 Extra 主題的原始檔,下次主題更新會被覆蓋掉,你改的東西全部消失;裝一個子主題,把自訂的 CSS 跟 functions 都放進去,更新時才不會歸零。不想自己刻,也可以直接用現成的,這篇 Divi 子主題推薦 精選了幾款,有的還附美妝、電商風格的模板,一鍵套用。
第二個是 Divi Cloud。當你設計好一個漂亮的文章封面區塊、一組文章卡片、一個訂閱表單,你可以把它存到雲端,之後任何一篇文章、任何一個站都能直接呼叫出來用。對會持續產出、版面重複性高的美妝內容站來說,這等於把你做過的設計變成可重複使用的資產。完整用法看這篇 Divi Cloud 完整指南。
高顏值的關鍵:配色、字體、圖片這三件事
「高顏值」聽起來很玄,其實可以先拆成三個可控變數:配色、字體、圖片。三者會影響讀者第一眼的觀感與閱讀意願。把規則定好並維持一致,就能建立較完整的雜誌感,不必每個頁面都重新設計。
配色:一個主色撐場,其餘讓位
美妝網站的配色,最忌諱五顏六色。你去看任何一個有質感的美妝品牌官網,幾乎都是「大量留白+一個主色+一個中性色」。建議的做法是:選一個跟你的個人風格一致的主色(柔粉、裸膚、莫蘭迪綠、霧灰都常見),然後全身就靠它點綴,剩下交給黑、白、灰。
別小看留白這件事。很多美妝站看起來廉價,毛病出在塞太滿,每一寸都想塞點東西進去。有質感的雜誌排版,留白往往佔掉畫面的一半以上。你把行距拉開、段落之間留呼吸空間、圖片四周留白,整個站立刻升一個檔次。這件事不用寫程式,Divi 的每個區段都能單獨調 padding 跟 margin,花十分鐘把數值放大,效果會嚇到你。
不知道怎麼配色,就先用工具找靈感。這篇 網頁配色神器推薦 整理了二十幾個配色工具,隨便挑一個都能讓你少走很多冤枉路。如果你的 Logo 和品牌色還沒定,先看這篇 網站 Logo 設計與配色實戰,把品牌視覺先立起來,主題配色才有依據。
字體:中文配一個有個性的英文字體就夠
中文字體選擇不多,所以重點通常放在英文字體。標題用一個有設計感的襯線或無襯線字體,內文用乾淨好讀的系統字,這樣就很有編輯感。Divi 支援自訂字體上傳,你可以把買的字體或 Google Fonts 匯進來,套在標題與按鈕上。字體一次不要超過兩種,多了就亂。
中文閱讀還有一個容易被放過的關鍵:行距。中文方塊字比英文密,行距設太窄,整版擠在一起會讓人讀得很累。把行高設在 1.6 到 1.8 之間,段距再拉開一點,閱讀舒適度會立刻提升,讀者停留時間也跟著變長。這個小調整花不了五分鐘,卻會默默幫你留住很多人。
圖片:統一比例、統一調性,勝過單張好看
這是美妝部落格視覺最容易翻車的地方。一張照片拍得再美,如果旁邊那張比例不一樣、色調一冷一暖,整個版面就會看起來廉價。請你定下兩個規矩:第一,所有文章封面圖用同一個比例(例如 16:9 或 4:3);第二,所有圖片套同一個輕微的色調濾鏡,讓整個站的視覺語言一致。
圖片除了好看,還要能被搜尋引擎看懂。檔名、alt 文字、壓縮這些基本功不能省,這篇 圖片 SEO 優化終極指南 從命名到結構化標記都講到了,照著設一遍。
封面圖上的文字也要節制。很多人喜歡在封面圖壓一整段標題,字小又擠,到手機上根本看不清。比較保險的做法是封面圖維持乾淨,把標題交給網站的標題區塊去顯示,這樣不管換什麼裝置都清楚。如果一定要在圖上放字,字數控制在八個字以內,留足夠對比,別讓文字淹沒在花俏的背景裡。
用 Extra 的分類模組,把版面排得像一本雜誌
這一整段可說是這篇文章最值得你帶走的東西,因為它是「你用 Extra 才拿得到、換成一般主題做不出來」的差異化價值。
Extra 最強的地方,是它把「文章列表」這件事模組化了。你不用再手動貼連結、不用每次發新文就去首頁改,它的模組會自動去撈後台。對一個會持續產出文章的美妝部落格來說,這省下來的維護時間非常可觀。
以下用一個典型的美妝首頁佈局來示範你可以怎麼排:
- 頂端:一個全幅的精選文章輪播或大圖。放你最近最滿意的一篇開箱或教學,當作門面。
- 第二段:分類網格。用 Extra 的 Post Carousel 或 Post Slider,把「彩妝」「保養」「髮型」各抓三四篇最新文章,做成卡片排列。讀者一眼就能點進自己有興趣的分類。
- 第三段:Tab 分頁模組。這是 Extra 的招牌。一個區塊裡放四個 tab,分別是「保養/彩妝/髮型/開箱」,點哪個 tab 就跑哪個分類的最新文章。等於一個區塊就裝了四個分類入口,超級省空間。
- 側邊欄:關於我、熱門文章、電子報訂閱。這些放側欄,讓它跟著每篇文章出現。
這樣排下來,你的首頁會像一本翻得動的美妝雜誌,勝過一條落落長的「最新文章」列表。而且因為模組是自動抓資料,你只要持續寫文章、設好分類,首頁就會自己更新,完全不用手動維護。這就是 Extra 之於內容站的價值。
如果你想看更多現成的版型可以直接套,這篇 精選 Divi 佈局版型 和這篇 Divi 高質感版型庫 都有大量可參考的版面,挑一個接近的再改,比從零刻快太多。
圖片效能:美妝部落格的隱形殺手是載入速度
前面說圖片是美妝站的命脈,現在要講它的代價。圖片越多,網站越慢;網站越慢,讀者跑得越快。這不是感覺問題,是硬數字。
Google 自己的開發者文件講得很直白:頁面載入時間從一秒變三秒,跳出率就會明顯上升,轉換也會跟著掉(見 web.dev 的說明,2026 年)。對一個還在衝流量的新站來說,慢等於沒機會。
美妝站的圖片效能,通常要從三個地方下手:
- 壓縮。上傳前或上傳後都行,重點是每一張都要壓。WordPress 裝一個圖片壓縮外掛就能自動處理,這篇 WordPress 圖片壓縮終極指南 以 Smush 為例,把安裝、設定、延遲載入一次講清楚。
- 快取。讓重複造訪的讀者直接拿到快取頁面,不用每次都重新組裝。快取外掛怎麼挑,這篇 WordPress 快取外掛推薦 做了七款實測比較,挑一個評價好的裝上去就好。
- 延遲載入與現代格式。視窗外的圖片不要一開始就載,改用 WebP 這類新格式,檔案可以再小一截。這兩個很多壓縮外掛都會順便幫你開。
給你一組可以直接抄的規格:文章封面圖統一壓到 1200×675 左右(16:9)、檔案大小控制在 200KB 以內、格式用 WebP;文章內插入的試色照,寬度 800 到 1000 像素就夠,別直接丟原圖。這組數字不算鐵律,但它能在「夠清楚」和「載入快」之間取得一個穩當的平衡,新站照著做不會出大錯。
這三件事做完,你的圖片再多也不會把網站拖垮。老實說,很多看起來很美的美妝站會做不起來,第一個兇手就是圖片沒壓、主機又普通,開個首頁要五六秒,讀者早就按返回了。
手機版排序:讀者都在滑手機,你的版面順序對嗎?
這是美妝部落格另一個大魔王。你的讀者不是坐在桌機前優雅地瀏覽,她是在捷運上用單手滑手機。這件事的影響遠比你想的大。
兩個事實可以看出手機版的重要性:全世界網頁流量已有很高比例來自行動裝置(Statista 的統計,2026 年 4 月);Google 也已全面採用手機優先索引,主要使用手機版內容進行檢索與索引。這是索引方式,不代表手機版會自動獲得排名加分,但手機版若缺少重要內容,Google 能取得的頁面資訊也會不完整(見 Google Search Central Blog 的說明,2023 年 10 月)。
問題在於,桌機看起來很順的版面,到手機上順序往往會亂掉。例如你在桌機把「關於我」放左邊側欄,到了手機它可能變成跑到文章中間,打斷閱讀。
解法是用 Divi 的行動版排序功能,把手機上的模組順序重新調過。原則是:手機版把「文章內容、分類入口、訂閱」往前放,把「關於我、廣告、次要資訊」往後放。完整的調整做法看這篇 Divi 行動版排序指南,兩個步驟就能搞定,但效果會差非常多。
手機版還有兩個小細節值得檢查:字體大小跟按鈕點擊範圍。內文字建議至少 16 像素,再小讀者會捏著螢幕瞇眼看;按鈕和連結的點擊範圍至少要有 44×44 像素,否則讀者得用指尖精準戳才點得到,體驗很差。這些都能在 Divi 的行動版樣式裡單獨設定,不用額外裝外掛。把這兩個細節顧好,讀者才會願意在你的文章上多停幾分鐘。
變現與成長:先把 SEO 打底,再談賺錢
網站漂亮、會跑、手機順,這些都是基礎。基礎顧好之後,你要面對的是最現實的問題:流量從哪裡來?收入從哪裡來?搜尋引擎是其中一個重要來源,但仍要靠選題、內容品質與持續推廣累積曝光,不會因為裝好 SEO 外掛就自動有流量。
Ahrefs 的研究(2023 年 12 月)指出,超過九成的網頁沒有從 Google 取得可估算的自然搜尋流量。這份第三方資料不能預測單篇文章的命運,但提醒了一件事:選題、索引狀態與內容品質都需要主動檢查。
SEO 基礎:Rank Math 加長尾關鍵字
SEO 不是玄學,它有一套可以照做的流程。第一步是裝一個 SEO 外掛,把標題、描述、結構化資料、社群標籤這些技術細節顧好。推薦 Rank Math,免費版就很夠用,這篇 Rank Math SEO 外掛完整教學 從安裝到設定全講了,照著設一遍。
第二步,也是更重要的一步:你要寫有人搜尋的關鍵字,而不是自己想寫的題目。「冬季保養 routine」這種太寬的詞,新站根本排不上去;但「油肌冬天脫皮怎麼辦」「敏感肌防曬推薦開架」這種長尾關鍵字,競爭小、意圖明確,反而有機會。長尾關鍵字怎麼找、怎麼佈局,看這篇 長尾關鍵字攻略,這是新站能不能拿到第一筆流量的關鍵。
長尾關鍵字的價值,在於搜尋需求通常更具體,較容易判斷讀者真正想解決的問題(Backlinko 的研究,2025 年 4 月)。它不保證競爭一定較低,但能幫你把內容範圍收斂,比甚麼都講一點的大雜燴更容易滿足明確意圖。
把單篇文章串成主題叢集
各自獨立的文章容易讓讀者找不到延伸資訊。更好的做法是圍繞一個主題,寫一篇完整的「支柱文」當核心,再延伸出幾篇更細的長尾文,彼此用內部連結串起來。例如以〈油性肌膚保養全指南〉當支柱,延伸出〈油肌夏天出油對策〉〈油肌冬天脫皮保養〉〈油肌防曬怎麼選〉。這群文章能讓讀者與搜尋引擎更清楚理解內容之間的關係,但仍要靠每篇文章本身的品質與需求匹配,不會因為做成叢集就保證整個分類排名上升。
變現路線:廣告、聯盟、電子報、社群
有流量之後,變現才有意義。美妝部落格常見的變現路線有幾條,你可以挑適合自己的組合:
- 廣告。入門是 Google AdSense,過了門檻再升級。怎麼申請、怎麼放廣告,看這篇 Google AdSense 賺錢攻略。想把廣告精準插在文章特定段落,用 Ad Inserter 這類外掛最省事,這篇 Ad Inserter 外掛教學 三分鐘就會。
- 聯盟行銷。美妝非常適合,因為你本來就會推薦產品。把開箱文裡的產品連結換成聯盟連結,讀者買了你就抽分潤,這是被動收入最自然的入口。記得誠實標示聯盟連結,這年頭讀者很精明,透明反而會累積信任,長期下來轉換率更高。
- 電子報。這是最推薦早點開始做的一條,因為它是「你自己擁有的流量」,不怕演算法改變。Elegant Themes 的 Bloom 外掛就是專門做訂閱表單的,跟 Divi/Extra 無縫整合,這篇 Bloom 電子報外掛教學 教你做高轉換的訂閱表單。
- 社群分享。每篇文章都要能被一鍵分享到 IG、FB、LINE。Elegant Themes 的 Monarch 社群按鈕外掛就是做這個的,這篇 Monarch 社群按鈕教學 把分享與關注功能一次設定好。
順序上可以先顧內容、SEO 與讀者體驗,再依流量規模評估廣告;聯盟行銷可以較早開始,但要清楚揭露利益關係;電子報愈早建立愈能累積經讀者同意的名單。變現是「流量加信任」的結果,不會因為版面與工具到位就自然發生。
有一條成長路線值得美妝創作者認真考慮,那就是跟 KOL 或品牌合作。當你的內容累積出權威,品牌會主動來談合作、寄產品、甚至業配。KOL 行銷怎麼運作、怎麼把自己當成一個 KOL 來經營,看這篇 KOL 行銷全方位解析,你會對「內容變現」有更完整的藍圖。
搜尋結果中的平均點擊率會隨排名位置而有明顯差異,但查詢類型、品牌、版面功能與裝置也都會影響結果(見 Backlinko 的 Google CTR 統計,2025 年 4 月)。標題與摘要應清楚對應頁面內容,實際點擊表現則以 Search Console 的查詢與頁面資料判斷。第三方統計(如 Ahrefs 的 107 SEO Statistics for 2026)可用來理解趨勢,不宜當成單篇文章的保證值。
網站上線後也要接上流量分析,才能了解讀者從哪來、看了哪些內容。這篇 WordPress 安裝 Google Analytics 完整教學 用三種方法帶你接上數據;後續可把站內搜尋、熱門頁面與搜尋查詢一起用來規劃內容,而不是只靠單一指標決定下一篇文章。
Divi 加 Extra 內容站的幾個常見通病
這一段不是某一個客戶的成績單,也不會給你任何神奇數字。用 Divi 加 Extra 架的內容站,不管題材是美妝、生活還是評測,通病都很像。底下把這些常見的死法整理出來,你對照一下自己的站,能閃掉就閃掉。
| 通病 | 長什麼樣子 | 怎麼解 |
|---|---|---|
| 分類失心瘋 | 開了十幾個分類,每個分類只有兩三篇,讀者跟 Google 都看不懂站的主軸 | 砍到三到六個主分類,子分類最多兩層 |
| 圖片沒壓 | 首頁十幾張全尺寸原圖,開起來像投影片 | 統一壓縮加延遲載入,封面圖固定比例 |
| 外掛裝太多 | 為了一個小功能裝一個外掛,效能被拖垮還互相衝突 | 只留必要的,功能能併進現有外掛就併 |
| 手機版沒重排 | 桌機很順,手機上側欄跑到文章中間打斷閱讀 | 用 Divi 行動版排序重新調整模組順序 |
| 只寫自己想寫的 | 題目全憑感覺,沒有人在搜尋,流量永遠起不來 | 用長尾關鍵字找題,寫有人在找的內容 |
| 沒有蒐集名單 | 流量來了又走,完全沒有留下任何可再觸及的讀者 | 盡早安裝 Bloom,文章結尾放訂閱入口 |
你看,這些沒有一個是「主題不夠漂亮」的問題。它們全部都是基礎功沒做扎實。正因如此,實務上才一直強調:漂亮的版面只是入場券,分類、效能、手機、SEO 這些不性感的基本功,才是決定你能不能活下來的東西。
還有一件基本到容易被忘掉的事:備份。你花幾個月寫的文章、調好的版面,主機一出狀況或更新一出錯就可能全部消失。裝一個自動備份外掛,定期把整站備份到雲端,這是內容站的保險。怎麼挑、怎麼設,看這篇 WordPress 備份外掛推薦,這筆保費千萬別省。
內容面還有一個通病:沒有可維持的發文節奏。穩定排程有助於編輯管理,也讓固定讀者知道何時有新內容,但 Google 沒有因為固定週更就直接加分。與其短期大量發文後停擺,不如依資源訂出能長期維持的頻率,優先確保每篇內容完整、需要更新時能跟上。
六步行動方案:今天就開始你的美妝部落格
講了這麼多,這裡給你一個可以照著做的行動清單。不用一次做完,但請依序推進,別跳過地基。
- 定品牌與網域。想好你的筆名或品牌名,註冊一個簡短好記的網域,這是你的招牌。
- 畫分類樹。在紙上把三到六個主分類列出來,連子分類一起想好,這會決定你整個站的骨架。
- 架 WordPress 裝 Extra。裝好 WordPress、啟用 Extra 主題並開啟內建的 Divi Builder,再匯入一個接近的版型當起點。
- 把視覺語言定下來。決定主色、字體、圖片比例與色調,讓整個站看起來像同一個人做的。
- 處理圖片效能與手機排序。裝壓縮與快取外掛、開延遲載入、重排手機版模組順序。
- 上 SEO 與蒐集名單。裝 Rank Math、用長尾關鍵字找題寫文、接上 Analytics、放 Bloom 訂閱表單。然後,持續寫。
美妝部落格是一場內容的長期賽,它不會在第一個月爆紅,但只要你把分類、效能、手機、SEO 這幾塊基本功顧好,每一篇文章都會變成資產,慢慢堆疊出屬於你的流量與信任,這份累積兩三年後會明顯拉開你和別人的差距。現在,先去把你的分類樹畫出來吧,那是這一切的地基。
常見問題
什麼情況不該用 Divi 加 Extra?
Divi 加 Extra 跟 Elementor 怎麼取捨?
美妝站的 LCP 一直降不下來,問題出在哪?
美妝站首批要裝哪些外掛才夠用?
操作步驟
- 申請 WordPress 主機、綁定網域並一鍵安裝 WordPress,到後台開啟 SSL 強制 HTTPS
- 購買 Elegant Themes 會員,下載 Divi 與 Extra 主題壓縮檔並取得 API 金鑰
- 先啟用 Extra 主題當網站骨幹(Divi Builder 已內建,不必另外安裝),並在後台輸入 API 金鑰啟用更新與版型庫
- 建立 3 到 6 個主分類(如保養、彩妝、髮型、開箱),並設定 Extra 的文章類型與區塊顯示
- 用 Category Builder 把首頁堆成雜誌版面:第一屏滿版精選大圖,下方接分類文章卡 2 到 3 欄網格
- 用 Divi Builder 設計全站頁首頁尾與側邊欄,並排好關於我、聯絡我等靜態頁面
- 嵌入 AdSense 廣告(如 Ad Inserter)、架設作品集專區,並安裝 SEO、快取與圖片壓縮外掛
- 接上 GA4 與 Search Console,依 SEO 排程持續量測 LCP、更新舊文與優化中繼標題