Whoops

美妝部落格架站教學:用 Divi+Extra 主題實作

用 WordPress 自架美妝部落格的完整教學:搭配 Divi 視覺編輯器與 Extra 雜誌型主題,零程式基礎也能排出分類牆與文章卡。涵蓋主機選擇、雜誌版面配置、SEO 優化與 AdSense 廣告變現,把美妝內容當資產長期經營。

作者:褚崇名(Sliven)

本頁目錄

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 也搞不懂你這個站到底在講什麼主題,結果就是流量進不來、留不下。

建議的做法是:動手蓋網站之前,先把分類樹畫出來。一個典型的美妝部落格,主分類大約抓三到六個就夠,例如:

  1. 保養(可以再分:臉部保養、身體保養、防曬)
  2. 彩妝(可以再分:底妝、唇彩、眼妝、教學)
  3. 髮型與造型
  4. 開箱與購物清單
  5. 生活與保養 routine

注意一個原則:分類不要超過七個,子分類不要超過兩層。分類一旦太多,你自己都會懶得維護,讀者更會迷路。這套分類邏輯會一路影響到選單、首頁的模組排法、甚至 SEO 的主題叢集佈局,所以它一定要最早定下來。

分類與標籤別搞混:一個是骨架,一個是索引

新手最常犯的錯,是把分類和標籤(tag)當成同一件事,結果兩邊都開一堆,內容重複又混亂。把它們想成兩種角色就清楚了:分類是「這篇文章屬於哪一個大主題」,一篇文章通常只歸一個主分類,像檔案櫃的主要抽屜;標籤是「這篇文章還涉及哪些小關鍵字」,一篇文章可以有好幾個,像抽屜裡的便利貼。

舉個例:一篇〈冬天油肌脫皮的保養對策〉,分類歸在「保養」,標籤可以下「油性肌膚」「冬季保養」「脫皮」「敏感肌」。分類維持少而穩定,標籤可以多而有彈性。這樣一來,讀者能從分類找到大方向,從標籤鑽進更細的需求,兩套導覽互相補位,不會打架。

還有一個觀念要先建立:文章(post)和頁面(page)是不一樣的東西,你的保養文是文章,「關於我」是頁面,這兩個搞混會讓整個架構崩掉。想知道差異,看這篇 WordPress 文章和頁面到底差在哪,三分鐘就能搞懂。

從零架起來:WordPress 安裝到 Divi+Extra 啟用

地基設定完成後,就能開始架設 WordPress 自架站。以下流程聚焦必要步驟,較細的操作則以相關教學連結補充,避免主線被介面說明打斷。想要一份更完整的開站對照,可以搭配WordPress 部落格的開站全流程,把每個環節的細節補齊。

  1. 安裝 WordPress。現在很多主機後台都有一鍵安裝,幾分鐘就跑完。完整的四種方法可以看這篇 WordPress 安裝完整教學
  2. 安裝並啟用 Extra 主題。因為你訂的是 Elegant Themes 會員,下載 Extra 的 zip 上傳安裝即可。主題安裝的三種方法,這篇 WordPress 佈景主題安裝教學 都有講。
  3. 開啟 Extra 內建的 Divi Builder。Extra 已整合 Divi Builder,不需要再另外安裝同名外掛;啟用主題後即可進入視覺編輯流程。
  4. 匯入對應的 layout pack 或 demo。Elegant Themes 針對 Extra 提供不少現成的版型,先匯入一個跟美妝調性接近的,再改成你的內容,會比從空白頁開始快十倍。
  5. 設定固定連結。後台「設定 → 固定連結」選「文章名稱」,讓你的網址長得像 /skincare/winter-routine,而非 /?p=123,這對 SEO 很基本但很重要。
  6. 建立分類與選單。把你前面畫好的分類樹,一個一個建進 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 沒有因為固定週更就直接加分。與其短期大量發文後停擺,不如依資源訂出能長期維持的頻率,優先確保每篇內容完整、需要更新時能跟上。

六步行動方案:今天就開始你的美妝部落格

講了這麼多,這裡給你一個可以照著做的行動清單。不用一次做完,但請依序推進,別跳過地基。

  1. 定品牌與網域。想好你的筆名或品牌名,註冊一個簡短好記的網域,這是你的招牌。
  2. 畫分類樹。在紙上把三到六個主分類列出來,連子分類一起想好,這會決定你整個站的骨架。
  3. 架 WordPress 裝 Extra。裝好 WordPress、啟用 Extra 主題並開啟內建的 Divi Builder,再匯入一個接近的版型當起點。
  4. 把視覺語言定下來。決定主色、字體、圖片比例與色調,讓整個站看起來像同一個人做的。
  5. 處理圖片效能與手機排序。裝壓縮與快取外掛、開延遲載入、重排手機版模組順序。
  6. 上 SEO 與蒐集名單。裝 Rank Math、用長尾關鍵字找題寫文、接上 Analytics、放 Bloom 訂閱表單。然後,持續寫。

美妝部落格是一場內容的長期賽,它不會在第一個月爆紅,但只要你把分類、效能、手機、SEO 這幾塊基本功顧好,每一篇文章都會變成資產,慢慢堆疊出屬於你的流量與信任,這份累積兩三年後會明顯拉開你和別人的差距。現在,先去把你的分類樹畫出來吧,那是這一切的地基。

常見問題

什麼情況不該用 Divi 加 Extra?
三種情況建議另尋工具:要做大型電商或會員網站、功能需求超出雜誌型版型;只接受完全免費方案;或已重度依賴 Elementor 第三方模組、硬換會丟失既有版型。
Divi 加 Extra 跟 Elementor 怎麼取捨?
Elementor 第三方外掛生態更大、自由度更高,但雜誌版型要自己用動態文章組、設定曲線陡;Extra 的文章卡牆開箱即用、設定時間短。追求最多功能選 Elementor,追求最快做出雜誌感首頁選 Divi 加 Extra。
美妝站的 LCP 一直降不下來,問題出在哪?
通常問題出在圖片而非主機。先用快取外掛加圖片壓縮外掛雙管齊下,再回頭看主機;把封面圖壓到 200KB 以內、改用 WebP 並開延遲載入,載入速度會明顯改善。
美妝站首批要裝哪些外掛才夠用?
新手先裝齊五類:SEO(如 Rank Math)、快取、圖片壓縮(如 Smush)、備份、廣告嵌入(如 Ad Inserter)。這五類構成營運基礎,之後再按變現需求擴充。

操作步驟

  1. 申請 WordPress 主機、綁定網域並一鍵安裝 WordPress,到後台開啟 SSL 強制 HTTPS
  2. 購買 Elegant Themes 會員,下載 Divi 與 Extra 主題壓縮檔並取得 API 金鑰
  3. 先啟用 Extra 主題當網站骨幹(Divi Builder 已內建,不必另外安裝),並在後台輸入 API 金鑰啟用更新與版型庫
  4. 建立 3 到 6 個主分類(如保養、彩妝、髮型、開箱),並設定 Extra 的文章類型與區塊顯示
  5. 用 Category Builder 把首頁堆成雜誌版面:第一屏滿版精選大圖,下方接分類文章卡 2 到 3 欄網格
  6. 用 Divi Builder 設計全站頁首頁尾與側邊欄,並排好關於我、聯絡我等靜態頁面
  7. 嵌入 AdSense 廣告(如 Ad Inserter)、架設作品集專區,並安裝 SEO、快取與圖片壓縮外掛
  8. 接上 GA4 與 Search Console,依 SEO 排程持續量測 LCP、更新舊文與優化中繼標題

主題聚落|WordPress 佈景主題 看「WordPress 與網站架設」中樞 →

相關文章

褚崇名(Sliven) 創辦人・巫普斯科技有限公司

長期投入技術 SEO、GEO/AEO 與 AI 搜尋實務。本站文章以可驗證資料、公開來源與實作觀察整理而成。

完整作者介紹LinkedInGitHubX

想把這篇的方法用在自己的站上?

SEO 健檢、GEO/AEO 引用優化、網頁設計諮詢——把文章裡的方法落地到你的網站。