WordPress 頁面建立與編輯教學：區塊操作、圖片上傳到 SEO 設定的實務指南
WordPress 新增頁面的路徑是「後台 → 頁面 → 新增頁面」，預設使用 Gutenberg 古騰堡區塊編輯器，用段落、圖片、標題等區塊組合內容 [來源：〈WordPress…
WordPress 新增頁面的路徑是「後台 → 頁面 → 新增頁面」，預設使用 Gutenberg 古騰堡區塊編輯器，用段落、圖片、標題等區塊組合內容 [來源：〈WordPress.org Documentation — WordPress Editor〉〈https://wordpress.org/documentation/article/wordpress-editor/〉〈2026-06-29〉]。但真正決定你能不能把「關於我們、聯絡我們」穩定上架的，不是會不會按新增，而是搞懂三件事：頁面跟文章的用途邊界、區塊編輯流程，以及發佈後必須把頁面掛上選單才會出現在前台。這篇把這條流程一次串完。WordPress 目前是全球使用最廣的內容管理系統，在已知 CMS 的網站中佔比接近六成，因此你學的這套流程在絕大多數 WordPress 站台都通用 [來源：〈W3Techs — Usage Statistics and Market Share of WordPress〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026-06-29〉]。
重點先看：WordPress 頁面屬於靜態骨架、文章屬於時間性內容流；頁面發佈不等於上架，沒掛選單前台就看不到 [來源：〈WordPress.org Documentation — Appearance Menus Screen〉〈https://wordpress.org/documentation/article/appearance-menus-screen/〉〈2026-06-29〉]。用途選對、區塊編好、選單掛上，Google 才收錄。
頁面與文章的用途邊界：選錯類型事後清理成本最高
WordPress 頁面（Page）用於不常變動、有特定功能的靜態內容，像首頁、關於我們、服務項目、聯絡我們；文章（Post）則用於會持續發佈、需要分類排序的時間性內容，像部落格、最新消息。兩者在後台是不同入口，混用會導致排序與分類整個錯亂。想把差異再看得更細，可以參考這篇 頁面跟文章的差異。
判斷原則只有一句：會新增第二篇、第三篇的，用文章；只存在一頁的，用頁面。一個網站只會有一個關於我們、一個聯絡我們，這些就是頁面；但你會寫十篇、二十篇開箱文，那就是文章。想理解文章那套分類機制，可以看 文章分類排序設定，跟你接下來要做的頁面是兩套邏輯。
| 比較項目 | 頁面（Page） | 文章（Post） |
|---|---|---|
| 時效性 | 靜態，不帶發佈時間軸 | 時間性，依發佈日排序 |
| 分類標籤 | 無分類標籤，靠選單與上層頁面組織 | 有分類與標籤，進入文章列表與 RSS |
| 留言 | 通常關閉 | 通常開放 |
| 典型用途 | 關於我們、服務項目、聯絡我們、隱私權政策 | 部落格、開箱、消息、教學連載 |
| 前台出現位置 | 需手動加入導覽選單才會顯示 | 自動進入文章列表與 RSS |
| 排序方式 | 可指定頁面順序數字（order 欄位） | 依發佈日期，新文在前 |
| 父子層級 | 支援上層頁面，可組巢狀結構 | 無父子，靠分類與標籤歸屬 |
選錯的代價不只是亂，而是清理成本。裝外掛確實可以把頁面轉成文章或反向操作，但事後要處理的網址、內部連結、選單、SEO 設定全部得重來，一開始就選對最省事。如果你正在規劃整站內容架構，SEO 友善網站架構 的觀念可以幫你把頁面與文章的位置先想清楚。
在選類型之前，先用一張評分表給自己打分。把你要建立的內容套進下面三個問題，命中兩題以上就明確屬於頁面：未來兩年內不會再產生第二篇同性質內容；內容需要固定在導覽列讓訪客隨時找到；沒有發佈日期的意義，過期也不影響價值。反過來，只要其中一題是「會再寫第二篇」「需要被排進列表」「有明確時效」，就歸文章。這個簡單判準可以擋掉絕大多數的事後清理。
新增頁面的完整流程：從後台進入到內容編輯
從零新增一個頁面，路徑是「後台 → 頁面 → 新增頁面」。注意是頁面，不是「文章 → 新增文章」，這兩個入口長得很像，但點錯就回到上一節的悲劇。進入後預設是 Gutenberg 古騰堡區塊編輯器，內容由一個個獨立區塊組成，每個區塊都能單獨調整樣式 [來源：〈WordPress.org Documentation — WordPress Editor〉〈https://wordpress.org/documentation/article/wordpress-editor/〉〈2026-06-29〉]。對剛接觸 WordPress 後台操作教學 的人來說，這是第一個要熟悉的工具。
古騰堡的核心邏輯是「積木」。你想加一段文字，就加一個段落區塊；想加標題，就加標題區塊；想並排兩欄，就加欄位區塊。每個區塊獨立存在，點選它時，右側會出現對應的設定面板。要新增區塊有兩個最快的方法：點左上角的「+」鈕，或直接在編輯區輸入「/」叫出快速選單，輸入關鍵字就能找到段落、標題、圖片、清單、欄位等常用區塊。想擴充更多區塊功能，Gutenberg 區塊編輯器擴充外掛 有完整介紹。
很多新手一開始會搞混兩個側邊欄分頁。一個是「區塊」分頁，管的是你現在點選的那一個區塊，控制字體大小、顏色、對齊，也負責拖曳排序與刪除；另一個是「內容」分頁，管的是整個頁面，包括網址、可見度、排程發佈、密碼與精選圖片。改字體大小去區塊分頁，改網址、排程、密碼去內容分頁，兩者不要混；有人改了半天發現設定不見，多半是開錯分頁。
Gutenberg 對純內容頁已經很夠用，但它的版面控制有限。如果你想做 頁面加入目錄區塊 或 頁面插入表格區塊，內建功能大致能應付；但要做多欄、Hero 區、動畫特效，那就不是它的強項了，這點後面會專門比較。
編輯過程中，有三個常被忽略的細節會直接影響成果。第一是段落區塊按 Enter 換段、按 Shift+Enter 換行，兩者輸出的 HTML 不同，前者是獨立區塊，後者是同一區塊內換行，語意與間距都不一樣，混用會讓排版出現不規則空白。第二是標題區塊不要拿來放大字體，標題是給搜尋引擎讀的結構標記，把段落用標題放大會打亂文件的標題層級，影響語意。第三是複製外部內容貼上時，建議用「貼上為純文字」或先貼進記事本再轉貼，避免帶入來源網站的隱藏樣式與標籤，造成後續排版難以控制。
草稿、預覽、修訂版本與自動儲存
頁面不一定要一次寫完才發佈。按一下發佈旁邊的「儲存草稿」，頁面就會以草稿狀態保留在後台，前台完全看不到，這對需要分次累積內容的長頁面很實用。預覽功能讓你在正式發佈前看到前台實際呈現，建議同時用桌面與行動裝置兩種模式預覽，因為很多排版問題只會在窄螢幕才浮現。WordPress 也會在你編輯時自動儲存，萬一瀏覽器當掉或斷線，重新開啟編輯器時通常能取回最近的版本。
更重要的安全網是修訂版本。每次你按儲存或自動儲存觸發時，系統會留存一個歷史快照，你可以從右側「內容」分頁的修訂項目進去，逐版比對差異、甚至回滾到任一舊版。改壞、誤刪一段文字、被協作者改掉內容，都能靠這個功能救回來。習慣上會建議大改之前先存一個版本，這樣不管改得多亂都能回到出發點。
圖片與影片的處理：圖片填替代文字、影片用嵌入不要上傳
圖片用「圖片區塊」處理，來源有三種：從本機上傳、從媒體庫挑選、或貼網址從遠端插入，也支援直接把檔案拖放進區塊完成上傳。上傳後務必填寫替代文字（alt），這欄同時是圖片 SEO 與無障礙閱讀的關鍵，也是新手最常略過的欄位。圖片的對齊、連結、尺寸都能在區塊側邊欄調整，想再進一步壓縮檔案，可以看 WordPress 圖片優化步驟。
影片這邊有個很多人踩過的坑：直接把影片檔上傳到主機。影片檔案通常很大，上傳後會佔用主機空間，訪客播放時也吃你伺服器的流量，遇到多人同時看還可能拖垮整站 [來源：〈WordPress.org Documentation — Embeds〉〈https://wordpress.org/documentation/article/embeds/〉〈2026-06-29〉]。實務上的做法是把影片放在 YouTube 或 Vimeo，再把網址貼進編輯器，系統會自動嵌入播放器，主機完全不碰影片檔。想嵌入其他平台也類似，例如 頁面嵌入 Google 地圖 或 頁面嵌入 Facebook 粉專 都是貼網址即可。
上傳前先用工具壓縮圖片是最省事的做法，一張 3MB 的照片壓到 300KB 視覺上往往沒有明顯差異，但對載入速度的幫助很實在。如果不想手動壓，也能裝 Smush 圖片壓縮外掛 自動處理。圖片的 SEO 細節則可以對照 圖片 SEO 優化指南 與 圖片壓縮工具推薦，把替代文字、檔名、尺寸一次顧好。
圖片檔名在上傳前也值得花十秒整理。很多攝影器材或手機匯出的檔名是 IMG_1234、DSC04567 這類編號，直接上傳後，這串編號會變成媒體網址與預設替代文字。把檔名改成有描述性的英文小寫，例如 contact-form-taipei、team-photo-2026，等於在還沒寫替代文字前就先給搜尋引擎一個語意線索，也讓媒體庫往後更好搜尋。
頁面設定：網址、可見度、精選圖片與留言
頁面層級的資訊都在右側「內容」分頁設定，包含可見度、發佈時間、永久連結、精選圖片與討論。永久連結就是這個頁面的網址，建議用英文小寫加連字號命名，例如 about-us、contact-us，對 SEO 與分享都友善；中文網址雖然能用，但分享到通訊軟體後常變成一串編碼，點閱率會打折。若你發現永久連結欄位沒出現，先按一下「儲存草稿」就會顯示。
| 設定項目 | 作用 | 實務建議 |
|---|---|---|
| 可見度 | 公開、私密（僅管理員可見）、受密碼保護 | 正式內容設公開；測試頁設私密 |
| 發佈時間 | 可立即發佈或排程未來時間 | 活動頁可排程上線 |
| 永久連結（網址） | 頁面網址，建議英文小寫加連字號 | 避免中文，影響分享與 SEO |
| 精選圖片 | 頁面封面圖 | 是否顯示取決於佈景主題 |
| 討論 | 開放或關閉留言 | 頁面通常關閉，留言多留在文章 |
| 頁面屬性 | 設定上層頁面與排序順序 | 用於組織子頁面與多頁排序 |
可見度三種模式各有用途。公開是預設值，任何人都能看；私密只有登入的管理員看得到，適合放測試中的頁面或內部資料；受密碼保護則是給特定對象看，例如把報價單頁面設密碼再寄給客戶。如果你的網站有會員機制，還能進一步搭配 WordPress 使用者權限管理 控制誰能看到什麼。想把會員相關頁面做得更隱密，登入頁面美化設定 與 隱藏後台登入網址 也值得一起規劃。
精選圖片要注意一點：它會不會在前台顯示，完全取決於你的佈景主題。有些主題會在頁面頂端放大秀出精選圖片，有些則完全不顯示，純粹當作後台辨識用。所以裝了圖卻沒看到，先別以為是壞了，多半是主題設計如此。至於討論設定，頁面通常關閉留言，因為靜態內容不需要互動流；想留互動，留給文章就好。
網址命名是新手最容易輕忽、卻影響最久的設定。英文網址的好處在於它在分享時可讀、在搜尋結果顯示完整、在內部連結引用時也乾淨。網址中是否含關鍵字，對點閱率有可衡量的影響：一項分析數百萬筆搜尋結果的研究發現，網址包含與關鍵字相近字詞的頁面，點閱率比不含關鍵字的網址高出約 45% [來源：〈Backlinko (Brian Dean) — Google CTR Stats: We Analyzed 4 Million Google Search Results〉〈https://backlinko.com/google-ctr-stats〉〈2025-04-16〉]。詳細的命名原則可以對照 SEO 網址命名原則，整站的永久連結架構則看 WordPress 永久連結設定，把基礎打對，後面改的機率才低。
上層頁面與排序：組織多層頁面結構
當你的站有十幾個頁面以上，就需要層級來組織它們，這時用到的是「頁面屬性」裡的「上層頁面」與「排序」。指定上層頁面後，這個頁面就成為子頁面，後台全部頁面列表會以縮排顯示父子關係，例如把「設計服務」「顧問服務」的上層都設成「服務項目」，列表就一目瞭然。排序欄位填一個數字，數字小的排前面，可以自訂頁面在自訂查詢或某些主題輸出時的順序。
但要注意，上層頁面與排序欄位只會在「資料層」建立關係，不等於前台自動出現下拉選單。前台導覽列的父子層級，主要還是靠選單設定去拉，頁面屬性只是後台管理的便利與少數主題的讀取來源。實務上多數站長會同時設定兩邊：頁面屬性管後台分類清楚，選單管前台呈現正確。兩者混用沒問題，重點是不要只設一邊就以為前台會自動出現結構。
頁面 SEO：裝外掛把標題、描述與圖片顧好
WordPress 本身沒有把 SEO 設定做進編輯器，所以要做頁面 SEO，第一步是裝一個 SEO 外掛。主流選擇是 Rank Math 與 Yoast 兩大套 [來源：〈WordPress.org Plugin Directory〉〈https://wordpress.org/plugins/〉〈2026-06-29〉]，兩者都能在頁面層級設定焦點關鍵字、SEO 標題、網頁描述與社群標籤。裝好之後，頁面編輯器下方會多出一個 SEO 面板，讓外掛逐項檢查你的標題、描述、內容、網址是否含關鍵字，並用燈號提示改善方向。
焦點關鍵字是 SEO 外掛的運作核心。你設定一個關鍵字後，外掛會檢查它有沒有出現在標題、網頁描述、第一段、網址、圖片替代文字，並給出紅黃綠燈號。目標是讓燈號盡量轉綠，但別為了湊綠燈硬塞關鍵字，那只會讓內容讀起來很彆扭。SEO 標題與網頁描述直接影響搜尋結果的點閱率，要含關鍵字、也要夠吸引人點。挑外掛可以參考 WordPress SEO 外掛推薦，兩大主流的細節比較則看 Yoast 與 Rank Math 比較。SEO 外掛也帶有社群標籤欄位，如果你想進一步控制頁面分享到 LINE 或 Facebook 時要顯示的標題和縮圖，可以從 Open Graph 社群分享標籤 了解完整的設定邏輯。
選 Rank Math 還是 Yoast？兩者免費版功能已經夠新手用。Rank Math 介面較新、免費版功能較多；Yoast 歷史最久、生態與教學資源最完整。實際挑哪個，看你之後會不會用到進階功能，Rank Math SEO 外掛教學 與 Rank Math Pro 進階功能 可以先看過再決定。圖片替代文字這欄很多人會漏，但它的重要性等同圖片的 SEO 描述，尤其當你的頁面圖片比例高時，補齊替代文字對整體 SEO 是有感幫助的。
SEO 標題長度的實證：40 到 60 字最甜
SEO 標題該寫多長？大規模點閱率研究給了一個明確答案：標題長度落在 40 到 60 字元之間的頁面，點閱率比落在這區間之外的頁面高出約 33.3% [來源：〈Backlinko (Brian Dean) — Google CTR Stats: We Analyzed 4 Million Google Search Results〉〈https://backlinko.com/google-ctr-stats〉〈2025-04-16〉]。換句話說，把 SEO 標題控制在這個長度，等於在搜尋結果那一行得到一個免費的點閱率加成。實作上，先把關鍵字放最前面，再用一句有吸引力、能說出價值或差異的短語補完，最後視需要加上品牌名，整串控制在 60 字元內，多數情況就不會被截斷。
另一個值得知道的現象是：Google 並不會百分之百照你寫的標題顯示。同一項標題標籤研究發現，Google 大約有 33.4% 的機率會改寫標題，只在大約 66.6% 的情況下原樣使用你設定的內容 [來源：〈Ahrefs — Title Tag Study: 7.4% of Top-Ranking Pages Don't Have a Title Tag〉〈https://ahrefs.com/blog/title-tags-study/〉〈2021-10-21〉]。當 Google 決定改寫時，它常從頁面的 H1 抓文字來替代，所以 SEO 標題與頁面內的 H1 要寫得一致、都值得被當成搜尋結果標題；過度塞關鍵字或寫成超長標題，反而提高被系統改寫、改掉精心設計文案的風險。外掛幫你把技術欄位顧好，但能不能被搜尋到、被點擊，最後回到內容品質與網址、標題的搭配，整套站內優化可以照 站內 SEO 優化攻略 串起來，整站全貌則以 WordPress 架站 SEO 全攻略 為主軸。
發佈不等於上架：頁面必須掛上選單才會出現在前台
這是新手最容易卡住、也最容易誤判為「頁面壞了」的一關。你按下發佈、頁面確實存在、網址也連得到，但回前台一看，導覽列上就是沒有它。原因只有一個：頁面發佈只是讓它存在於網站，但沒有被加進任何導覽選單，所以前台不會顯示連結 [來源：〈WordPress.org Documentation — Appearance Menus Screen〉〈https://wordpress.org/documentation/article/appearance-menus-screen/〉〈2026-06-29〉]。發佈不等於上架，這是 WordPress 跟很多架站平台最不一樣的地方。
把頁面掛上選單的路徑是「外觀 → 選單」。先新增一個選單名稱，把顯示位置指派到 Primary Menu（主選單），再勾選你要加入的頁面、按新增至選單，最後儲存。關鍵在於一定要指派顯示位置：你把頁面加進選單了，卻沒有把這個選單指派到 Primary Menu，前台一樣看不到。完整的操作流程可以照 WordPress 選單設定教學 一步步做。
- 到「外觀 → 選單」，新增一個選單名稱並建立。
- 把這個選單指派到 Primary Menu（主選單）等顯示位置。
- 在左側勾選剛發佈的頁面，按「新增至選單」。
- 用拖曳調整選單項目順序，也能拉出父子層級做下拉選單。
- 按儲存選單，回前台重新整理確認頁面出現且可點擊。
選單項目是可以拖曳排序的，也能拉出父子層級做出下拉選單，例如把「服務項目」當母項，底下掛「設計服務」「顧問服務」兩個子頁面，導覽列就會出現下拉效果。這比頁面編輯器裡的「頁面屬性」上層頁面設定直覺得多，實務上也幾乎都用選單來管。如果你的站有會員機制，會員導覽選單切換 還能讓登入前後顯示不同選單。
這個設計其實合理：頁面是網站骨架，骨架該不該出現在導覽列、要放在哪個位置，本來就該由站長決定，而不該讓系統自動塞滿導覽列，所以發佈後看不到是設計如此、不是故障。把選單掛好之後，別忘了回前台實際點一下，確認連結指向正確的頁面內容，這一步驗證省不得。頁首頁尾如果用 Elementor 頁首頁尾設計 自訂，選單掛載的位置也要對應檢查。
Gutenberg 與頁面編輯器外掛的取捨：內容頁用前者、設計頁用後者
做內容為主的頁面，像部落格說明、關於我們、聯絡頁，Gutenberg 已經足夠；但要客製化版面，像多欄排版、Hero 大圖區、進場動畫、整頁模板套用，或要做品牌官網首頁、Landing Page、購物頁面，就需要 Elementor、Divi、Bricks 這類頁面編輯器外掛 [來源：〈WordPress.org Plugin Directory〉〈https://wordpress.org/plugins/〉〈2026-06-29〉]。如果你的佈景主題已經內建視覺編輯器，就不必重複添購，避免功能重疊。完整比較可以看 WordPress 頁面編輯器比較。
| 比較項目 | Gutenberg 區塊編輯器 | 頁面編輯器外掛 |
|---|---|---|
| 適合頁面 | 內容為主：關於、聯絡、文章頁 | 設計為主：首頁、Landing Page、品牌官網 |
| 版面控制 | 基本欄位與區塊排列 | 多欄、絕對定位、動畫、特效 |
| 模板樣板 | 內建區塊版型有限 | 大量現成樣板，一鍵套用 |
| 效能 | 輸出較乾淨，載入較快 | 視設定而定，過度裝飾會拖慢 |
| 學習成本 | 低，貼近原生編輯習慣 | 中高，需熟悉其介面邏輯 |
三大主流的定位略有不同。Elementor 市佔最高、教學資源最多，Elementor 完整教學 與 Elementor Pro 功能指南 是入門與進階的兩篇主軸；Divi 版型選擇多、Divi 主題架站教學 與 Divi 主題完整指南 適合喜歡視覺模組的人；Bricks 走效能取向、輸出較乾淨，Bricks Builder 教學 是它的主要參考。想擴充 Elementor 的功能，還能搭配 Elementor 外掛推薦 補強。
預算考量也要算進去。很多佈景主題本身就內建頁面編輯器，像 Astra 主題教學 提到的 Starter Templates，或是其他 WordPress 佈景主題推薦 裡內建編輯器的款式，這時候再買一套 Elementor 或 Divi 就重複了。所以順序是：先看你現在的主題有沒有內建，沒有再評估要不要額外買。如果你的站是要做購物，WooCommerce 購物網站架設 的流程會牽動你對編輯器的選擇；要做 Landing Page 則對照 Landing Page 設計教學。
新手第一個頁面用 Gutenberg 就好。它的價值在讓你先理解「區塊」這個概念，因為不管你之後用哪套頁面編輯器，區塊化思考都是基礎。等你的頁面需求長到 Gutenberg 撐不住，再換頁面編輯器也不遲，這時候你已經知道自己要什麼，不會被一堆樣板選項淹沒。
用版面需求與效能成本兩個軸度判斷
與其被幾十款外掛選項綁住，不如用兩個軸度來定：一是版面需求，二是效能與維護成本。先看版面需求：若這個頁面主要是一欄的文字、圖片、表格與清單組成的內容，就是 Gutenberg 的範圍，到此為止；若需要多欄排版、Hero 大圖、動畫或一鍵套用整頁模板，才跨進頁面編輯器的地盤。跨進去之前再看第二個軸度，你現在的佈景主題有沒有內建視覺編輯器，有就先用內建的，避免重複添購；沒有再依預算與偏好挑 Elementor、Divi 或 Bricks。把判斷拆成這兩個可驗證的條件，工具選擇就不再是品牌偏好問題，而是版面需求與效能負擔的交換。
把這套判斷放進實際情境會更具體。以一個月流量約幾千到一兩萬的中小型內容站或品牌官網為例，關於我們、聯絡、服務項目這類頁面通常用 Gutenberg 就能完成，後續維護與交接也最單純。常見的狀況是，站長一開始聽到 Elementor 功能強，就把所有頁面都搬進頁面編輯器做，結果連「修改一個按鈕連結」都得進外掛介面調整，非技術人員反而難接手。依這類站的典型表現幅度，頁面編輯器外掛產出的頁面，載入的 CSS 與 JavaScript 體積往往比純 Gutenberg 頁面多出約 200KB 到 700KB，在沒做快取與資源優化的情況下，LCP 可能落在約 2.8 秒到 4.5 秒之間，行動版感受尤其明顯。而需要多欄、Hero、動畫的關鍵頁（首頁、產品頁、活動 Landing Page），這時才值得動用頁面編輯器，把效能成本花在真正會影響轉換的版面上。要誠實點出的一個限制是，這些效能數字會隨佈景主題、外掛設定、快取機制與主機規格大幅浮動，沒有絕對值；過度裝飾的頁面編輯器設定，也曾是站點上線後速度反而變慢、排名與轉換雙雙下滑的常見原因。所以判斷的角度不是「哪套工具最好」，而是「這一頁的版面需求值不值得負擔額外的效能與維護成本」：能純內容呈現的交給 Gutenberg，需要視覺控制的關鍵頁才動用頁面編輯器，兩者分工混搭，會比全站押注單一工具更平衡。
頁面變多以後的管理與維護
頁面變多之後，管理入口是「頁面 → 全部頁面」。這裡會列出整站所有頁面，顯示標題、狀態（已發佈或草稿）、發佈日期、作者，並支援批次編輯、快速編輯、檢視與排序。快速編輯讓你不用進編輯器就能改標題、網址、狀態、留言設定與日期，處理大量小修改時效率很高。篩選功能可依狀態與日期縮小範圍，檢視則直接開前台看實際呈現，確認排版無誤。
長期維護一個站，備份是不能省的動作。全部頁面雖然能批次管理，但一旦誤刪或改壞，沒有備份就只能重做。建議固定排程備份，工具選擇可以看 WordPress 備份外掛推薦 與 UpdraftPlus 備份教學，完整的備份還原觀念則對照 WordPress 備份還原指南。如果你是委外維護，網站維護費用解析 可以幫你抓預算。
回顧一下整條流程：選對頁面類型、用區塊編好內容、設好網址與可見度、發佈後掛上選單、裝 SEO 外掛收尾、最後用全部頁面長期管理。這六步走完，你產出的就是一個會被 Google 收錄、前台找得到、長期可維護的靜態頁面。剛開始裝好 WordPress 的人，可以把 30 分鐘架好 WordPress 與 WordPress 架站新手教學 當作前置作業，把基礎環境先弄好。預算拆解則參考 WordPress 自架站費用拆解。
幾個延伸應用也順手記下：聯絡頁面要表單，看 聯絡表單外掛推薦 或 Elementor 表單製作教學；頁面要做好響應式，對照 響應式網頁設計觀念；外掛與主題怎麼裝，看 WordPress 外掛安裝方法 與 WordPress 佈景主題安裝。想把頁面做完之後再回頭學部落格與小工具，WordPress 部落格架站教學 與 WordPress 側邊欄與小工具 是下一階段的主題。最後，確認頁面有沒有被收錄，照 Google 收錄查詢教學 走一次；若是在本機做好要搬上線，WordPress 本地搬到線上 會派上用場。
行動版檢查：頁面不能只看桌面
頁面做好之後，只看桌面螢幕就放行，是另一個常見疏漏。Google 現在以行動版本作為主要的檢索與索引依據，等於你的行動版才是 Google 真正評分的版本。從流量分布來看，行動裝置已經佔全球網站流量超過半數，多數訪客第一次看到你頁面的裝置是手機 [來源：〈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〉]。在這種環境下，頁面的行動體驗直接影響排名與轉換，不是可有可無的妝點。
- 預覽切換：編輯器右上角可切換桌面與行動預覽，先看排版有沒有破。
- 圖片尺寸：大圖在手機會撐破欄位，要設最大寬度或用響應式圖片區塊。
- 按鈕大小：點擊目標建議至少 44px，避免手指點不準。
- 文字大小：內文不要太小，手機閱讀建議 16px 以上。
- 表單欄位：欄位要夠大、標籤清楚，避免手機輸入困難。
做完上面檢查後，建議再把手機實機打開頁面走一次，模擬訪客從點進來、捲動、點按鈕到送出表單的完整流程。模擬器看得到排版，但手感到的順暢度、鍵盤彈出時的版面位移、表單送出後的回饋，只有實機才測得出來。這一步多做一次，能擋掉大量「上線後才發現手機很難用」的事故。
不該用頁面的情境：會被排時間、分類、推播的內容改用文章
頁面好用，但不是所有內容都該建成頁面。以下幾種情境，建成頁面反而會成為長期負擔，遇到就改用文章或其他形式。這張檢查表的功能是幫你在動手前先踩一腳剎車，確認手上這份內容真的屬於頁面。
- 會持續累積、需要排序的內容：像是每週更新的活動紀錄，建成文章才能用日期與分類管理。
- 需要被標籤與分類歸屬的內容：頁面沒有分類標籤，硬用頁面會失去內容導覽的彈性。
- 會進 RSS 推送給訂閱者的消息：只有文章會進 RSS，頁面發佈不會通知訂閱者。
- 大量同性質、彼此獨立的條目：例如商品介紹或案例集，每則各自獨立又需要統一列表，用文章加分類更省事。
- 需要留言互動的單元：頁面通常關留言，把互動留在文章才符合預設行為。
簡單說，凡是要被排時間、被分類、被推播、被列表的內容，都該走文章。頁面留給那些位置固定、只有一份、不參與時間軸的骨架型內容。把這條線畫清楚，網站的內容架構才會長期清爽。
常見問題
WordPress 頁面和文章有什麼不同？
頁面負責固定不動的單頁內容，沒有分類、不依日期排序；文章則會隨發佈時間排進列表和 RSS，適合要一直累積的內容。最快分辨的方法：未來還會再寫第二篇、第三篇，就開文章；只會有一頁，就開頁面。
為什麼 WordPress 頁面發佈後前台看不到？
問題出在頁面沒被掛進導覽選單。發佈動作只把頁面建好，不會自己跑到導覽列；你要去「外觀 → 選單」把頁面勾進來，再把該選單指派到主選單位置存檔，前台才看得到連結。
WordPress 頁面的網址要怎麼設？
建議用英文小寫加連字號，例如 about-us。中文網址雖可用，但分享到通訊軟體後常變成一串編碼，對可讀性與點閱率都不友善。若永久連結欄位沒出現，先按儲存草稿即會顯示。
WordPress 頁面可以設密碼或設為私密嗎？
可以。在右側「內容」分頁的可見度可選公開、私密（僅管理員可見）或受密碼保護三種。私密適合放測試中頁面，密碼保護則適合把特定頁面只開放給拿到密碼的對象。
頁面的 SEO 標題寫多長最合適？
建議控制在 40 到 60 字元之間，並把關鍵字放在最前面。研究顯示這個長度區間的頁面，點閱率比區間外的頁面高出約三成三，是多數情況下不會被截斷又最有吸引力的長度。