WordPress 頁面編輯教學：區塊、圖片到 SEO 設定

很多人應該都遇過這個畫面：登入 WordPress 後台，想幫公司首頁改一段文字、換一張圖，結果游標點進去，畫面上跳出一個個獨立的「區塊」，你想刪一段話卻刪不掉、想調整圖片位置圖片卻整個跑版，最後只能硬著頭皮把整頁重做一次。

你遇到的不是 bug，是區塊編輯器（Gutenberg）一套跟傳統 Word 完全不同的操作邏輯。依 W3Techs 的統計（2026 年 6 月），WordPress 如今驅動了全球超過四成的網站，而「頁面」是絕大多數企業網站的門面：首頁、關於我們、服務項目、聯絡資訊，全部都落在這裡。接下來把這套頁面建立與編輯的實務流程，從區塊操作、圖片上傳一路到 SEO 設定，完整走一遍給你看，對應 WordPress 架站全攻略 的頁面章節。網站還在從零搭建階段的讀者，可以先走一遍WordPress 從零架站的完整流程，再回頭專攻頁面編輯這一層。

快速總覽：WordPress 頁面編輯的核心是「區塊」，每一段文字、每一張圖、每一個按鈕都是獨立區塊。先學會「加、移動、複製、群組」這四個動作，再處理圖片優化與標題、描述、網址這層 SEO 設定。把頁面當成「為真人寫、為搜尋系統整理」的成品來做，就不會走偏。

先把觀念弄對：WordPress 的「頁面」跟「文章」差在哪

很多人一進後台就把這兩個搞混，結果把公司簡介寫成「文章」、把最新消息開成「頁面」，整個網站架構亂掉。這兩者在本質上是不同類型的內容，搞清楚之後你才會知道什麼時候該用哪一個。

簡單講：頁面（Page）是靜態的、長期存在的內容，例如首頁、關於我們、服務頁、聯絡頁；文章（Post）是有時間性的、會持續新增的內容，例如部落格、最新消息、活動紀錄。頁面通常不會出現在 RSS 訂閱裡，也不跟日期強綁定；文章則會依發佈時間排列、歸類到分類與標籤裡。

若要先釐清兩者差異與用錯的後果，可參考WordPress 文章和頁面到底差在哪。頁面通常用於較固定的內容；文章則涉及分類、標籤與發佈前的 SEO 決策，完整順序可參考發佈文章的七個決策。

比較項目	頁面 Page	文章 Post
典型用途	首頁、關於、服務、聯絡	部落格、消息、活動
時間屬性	長期不變	依發佈日排列
分類與標籤	通常無	有
RSS 訂閱	不進入	進入
階層關係	可設父頁（母頁）	無父子結構

記住一個原則：會「常駐」在導覽列上的內容，幾乎都是頁面；會「滾動更新」的內容，才用文章。這個判斷會直接影響你後續的網址結構與選單規劃。

打開編輯器之前，先確認你正在用的是哪一套

這是很多教學略過不講、卻最常讓新手撞牆的細節。WordPress 在 2018 年底把傳統的所見即所得編輯器（TinyMCE，俗稱 Classic Editor）換成區塊編輯器 Gutenberg，後來又推出了涵蓋整個網站外觀的 Site Editor（全站編輯）。三套介面長得很像、操作邏輯卻不同，先搞清楚你眼前是哪一套，才不會照著教學做卻找不到按鈕。

判斷方式很直接：

• 區塊編輯器（Gutenberg，內容編輯器）：你在「頁面 → 新增」或「文章 → 新增」打開的，就是這一套。它編輯的是單一頁面或單篇文章的主體內容，這也是我們這篇的主要範圍，官方完整說明則在 WordPress.org Documentation 的 WordPress Editor 頁。
• 傳統編輯器 Classic Editor：如果你或前一任站長裝了 Classic Editor 外掛，畫面會回到那個類似 Word 的單一文字框。操作直覺，但沒有區塊的彈性。少數老主題或舊內容會停留在這套。
• 全站編輯 Site Editor：只有裝了「區塊佈景主題」（Block Theme，例如 Twenty Twenty-Five）才會出現，在外觀選單裡。它可以改頁首、頁尾、範本，權限比內容編輯器大很多，動錯了會影響整個網站。如果你只是要改某一頁的內容，不要進 Site Editor。

一個簡單的判斷：你想改的是「這一頁」還是「整個網站的樣子」？前者用內容編輯器，後者才碰 Site Editor。如果你對後台整體導覽還不熟，建議先讀後台操作全指南建立方向感。

這裡再補一個常見疑問：如果你覺得區塊編輯器還是不夠用，想要更直覺的拖拉式視覺設計，市面上有一整類「頁面建立器」外掛，跟區塊編輯器是不同路線。你也可以參考站內的七款頁面編輯器深度評測，了解 Elementor、Divi、Bricks 這類工具跟原生區塊編輯器的取捨。如果把方向定在 Divi，可以進一步參考Divi 架公司官網的專案節奏，看看一個官網專案從起步到收尾怎麼安排。

從零建立一個頁面：標題、網址與第一個區塊

觀念清楚了，來動手。從後台左側選「頁面 → 新增頁面」，你會進入一個近乎空白的編輯畫面。最上方那個佔位文字寫著「新增標題」的欄位，就是這個頁面的標題；多數佈景主題會把它輸出成前台的 H1（主標題）。內容區塊通常從 H2 開始即可，避免與頁面標題重複，也讓層級更清楚。

標題打完按 Tab，游標會跳到下方空白處，這就是內容區塊的起點。你只要開始打字，WordPress 會自動幫你產生一個「段落」區塊。第一個區塊就這樣誕生了。

網址（永久連結）要在這時候就設好

標題打完之後、開始寫內容之前，先做一件很多人會漏掉的事：設定這一頁的網址。在標題下方你會看到一行網址預覽，點「編輯」按鈕就能自訂這一頁的 slug（網址路徑）。

為什麼要現在設、而不是寫完整篇才設？因為 WordPress 預設會直接拿標題的中文去拼網址，產出像 /關於我們 這種中文網址。中文網址在部分分享介面會被編碼成一長串 %E9%97%9C%E6%96%BC，不容易閱讀與維護；這不是 SEO 禁忌，但實務上偏好用小寫英文加連字號的 slug，例如 /about-us、/service-design，並且跟頁面主題直接相關。完整的網址命名原則與 SEO 影響，可以參考永久連結設定教學與SEO 網址優化指南。

還有一個關鍵：網址一旦被搜尋引擎收錄、又被對外分享出去，就盡量不要再改。改了等於換地址，舊連結會全部失效，除非你補上 301 轉址。所以網址這一步，要在頁面上線前一次想清楚。

區塊操作的核心：加、移動、複製、群組、刪除

這一節是整篇的骨幹。區塊編輯器的所有操作，幾乎都可以拆解成接下來這幾個基本動作的組合。把這幾招練熟，你就不會再覺得它難用。

新增區塊

在任意空白處按 Enter 會開出新段落；按 /（斜線）則會叫出區塊選單，你可以直接打關鍵字搜尋，例如打「image」就跳出圖片區塊、打「heading」就跳出標題區塊。這個斜線快捷鍵是你最好的朋友，記起來能省下大量點選單的時間。

移動區塊

每個區塊被選取時，左側會出現一個浮動工具列，上面有上下箭頭可以逐格移動；如果想大距離搬移，直接抓住工具列最左邊的六點拖曳圖示，把整個區塊拖到你要的位置。段落順序不對，不用剪下貼上，用拖的最快。

複製區塊

同一個區塊想重複使用（例如一段排版好的圖文組合要再出現一次），不用重做。選起區塊後，右側設定面板或浮動工具列的「更多選項」（三個點）裡有「複製」，也可以用快捷鍵：Windows 是 Ctrl+Shift+D、Mac 是 ⌘+Shift+D，會在原區塊下方直接生出一個一模一樣的副本。

把多個區塊群組起來

這是很多人不知道的進階招。你可以把好幾個區塊一起選起來（拖曳框選，或按住 Shift 連點），然後在工具列點「群組」，它們就會被包進一個「群組區塊」裡，變成一個整體。之後你可以對整個群組套用背景色、邊距、統一的版面寬度，甚至把整個群組存成可重複使用的版型。做 landing page 的時候這招特別好用。

這張表把日常最常用的區塊操作整理在一起，需要的時候直接回來查。

動作	怎麼做	常用快捷鍵
新增區塊	空白處按 / 搜尋	輸入 /
複製區塊	工具列選單 → 複製	Ctrl/⌘+Shift+D
移動區塊	抓六點圖示拖曳	Alt+↑/↓（部分瀏覽器）
群組多個區塊	框選後點「群組」	Ctrl/⌘+G
刪除區塊	選單 → 刪除	Shift+Del
變更區塊類型	左側工具列第一個圖示	選起後點轉換
復原	左上箭頭	Ctrl/⌘+Z

刪除區塊

選起區塊後，從更多選項裡點「刪除」，或直接按 Shift+Del。新手最常踩的坑是按一般 Delete 只刪掉區塊裡的文字、沒刪掉區塊本身，結果畫面上留下一個個空區塊。要刪，就刪整個區塊。

每天會用到的六種區塊，以及它們的隱藏設定

區塊種類上百個，但日常編排主要會用到以下六個。初學者常犯的錯，是把簡單的事做複雜：明明一個標題區塊就能解決，卻硬在段落區塊裡把文字放大加粗假裝是標題。這種做法在視覺上看起來一樣，但對搜尋引擎來說，那只是一段被放大的普通文字，無法傳達標題層級。用對區塊類型，等於同時顧到畫面與結構。

• 段落 Paragraph：最基本的文字區塊。它的隱藏設定在右側面板的「色彩」與「排版」，可以單獨調這一段的文字大小、字距、顏色、背景。建議把全站字級統一在佈景主題層級控管，段落區塊內只在必要時局部調整，否則網站會看起來每段字級都不一樣，很雜。
• 標題 Heading：用來標示章節層級。H2 通常是主章節、H3 是其子章節，應依內容關係使用，不要只為了放大字體而選標題。清楚層級有助於讀者與搜尋引擎理解結構，但不是單獨的排名保證；長頁面也能依標題自動建立導覽，設定方式可參考文章目錄外掛。
• 圖片 Image：拖曳就能上傳，下一節會專門講。這裡先記一個隱藏設定：右側面板可以設定「替代文字（Alt）」跟「解析度」，這兩個是圖片 SEO 的命根子。
• 清單 List：分項條列或編號清單。打 - 加空白會自動轉成項目清單，打 1. 加空白會轉成編號清單。它本質是包了很多個「列表項目」子區塊的容器，想調整樣式要去到清單區塊這一層設。
• 按鈕 Buttons：CTA（行動呼籲）必備。按鈕的顏色、圓角、寬度、連結、是否開新分頁，全部在右側面板設。落地頁的轉換率很大程度取決於按鈕設計，值得花時間調。
• 欄位 Columns 與封面 Cover：欄位讓你做左右並排的版面（例如左圖右文），封面則是帶背景圖疊文字的視覺區塊，常用在頁首 hero 區。這兩個是企業形象頁面做出「設計感」的關鍵。欄位區塊要特別注意手機版的行為：多數佈景主題會讓多欄在手機上自動堆疊成單欄，但欄位內個別區塊的寬度與對齊要分開設，才不會在桌機看是置中、到手機卻靠左。

如果你想把區塊的功能再往外延伸，例如做收合式 FAQ、表格、目錄、頁籤這類原生沒有的結構，可以透過區塊外掛補強，站內另有整理好的Gutenberg 區塊外掛推薦，需要的話可以挑幾個回來裝。表格類的需求則可以直接看WordPress 表格外掛指南。

重複使用的版型：群組、版型 Patterns、同步版型的差別

這一節是多數入門教學沒講清楚、但對企業網站超級實用的功能。當你做好一個漂亮的「圖文卡片區」或「服務項目區塊」，下次另一頁也要用一模一樣的結構，你不用重做，有三種不同程度的「重複使用」可以選。

功能	怎麼存	改一個會不會影響其他	適合場景
群組 Group	只是排版容器	不會（各自獨立）	單頁內的版面整理
版型 Pattern	存成版型，插入時是副本	不會（插入後各自獨立）	跨頁面套用相同版面結構
同步版型 Synced Pattern（舊稱 Reusable Block）	存成同步版型	會（全部同步更新）	全站共用、改一次全部更新的元素

這三個的差別用一個比喻最清楚：群組像你把幾支筆綁成一捆，方便一次搬動；版型像你把一捆筆拍照存檔，之後可以照著照片再買一捆一樣的；同步版型像你只買一捆筆、但放在多個房間共用，任何一個房間換了筆，全部房間同步換新。

實務上最常見的應用：公司的聯絡資訊區塊、服務保證徽章、跨頁都會出現的 CTA 區塊，這類「內容固定、全站一致」的元素，就存成同步版型。日後電話換了、地址搬了，只要改一個地方，所有頁面同步更新，不會有漏改的孤兒頁面。這個功能一旦用上手往往就很難回頭，省下的維護時間非常可觀。

圖片上傳與媒體庫：尺寸、Alt 文字與延遲載入

圖片是頁面最容易出問題的地方。太大會拖垮載入速度、太小會糊、Alt 沒寫等於跟搜尋引擎說「這張圖我不知道是什麼」。這一節把圖片從上傳到優化的流程走一遍。

上傳與媒體庫

在段落空白處按 / 叫出圖片區塊，可以選「上傳」從電腦選檔，或「媒體庫」挑已經上傳過的圖。也可以直接把圖檔從電腦拖進編輯器，WordPress 會自動建立圖片區塊並上傳。所有上傳的圖都會進到「媒體庫」，之後任何頁面都能重複取用，不用重傳。

這裡有一個觀念要先建立：媒體庫是「檔案倉庫」，不是「使用紀錄」。你在這裡刪掉一張圖，刪掉的是檔案本身；如果某頁正在用這張圖，那一頁的圖就會破圖。要刪圖之前，先確認沒有頁面在用它。

三個一定要設的欄位

圖片插入之後，右側設定面板有幾個欄位，其中三個直接關係到 SEO 與使用者體驗：

1. 替代文字（Alt Text）：這是給視障讀者的螢幕閱讀器讀的、也是給搜尋引擎理解圖片內容的。用一句自然的人類語言描述這張圖，不要堆關鍵字。Google 圖片搜尋的流量很大程度取決於這個欄位有沒有寫好。
2. 解析度（Image Size）：選擇要顯示的是原圖、大、中、還是縮圖。頁面用不到原圖解析度時，選較小的尺寸可以大幅減少下載量。一般內文圖建議寬度不超過 1600px。
3. 延遲載入（Lazy Load）：勾選後，圖片只在使用者滾動到附近時才載入。WordPress 從 5.5 版起預設對圖片開啟延遲載入，所以通常不用手動設，但你要知道這個機制的存在。首屏（第一個畫面）的主視覺圖不要 lazy load，要讓它立刻載入。

上傳之前的壓縮

WordPress 上傳時會自動產生幾個不同尺寸的版本，但它不會幫你壓縮原始檔的檔案大小。直接把相機或設計軟體匯出的幾 MB 大圖傳上去，是網站變慢的主因之一。建議在上傳之前，先用工具把圖壓到 200KB 以內、視覺品質幾乎無損。完整的工具選擇與實測可以參考圖片壓縮工具推薦；進階的命名、格式（WebP/AVIF）與結構化標記則在圖片 SEO 優化指南裡。站內的延遲載入與格式轉換，也可以看WordPress 圖片優化的完整做法。

格式選擇與裁切焦點

圖片格式有兩個選擇值得認識。JPEG適合色彩豐富的實拍照片，檔案通常較小；PNG適合需要透明背景的 logo 與圖示，但檔案可能較大。WebP與AVIF也是常見的新格式，實際壓縮效果會隨圖片內容與品質設定而變。WordPress 5.8 起可上傳 WebP，6.5 起在伺服器影像函式庫支援時可上傳 AVIF；核心不會把每張 JPEG 自動轉成 WebP，若要自動轉檔與依瀏覽器交付，仍需主機功能、外掛或自訂程式。

另一個常被看漏的細節是裁切焦點（Focal Point）。佈景主題或區塊常常會把同一張圖裁切成不同比例（例如首頁橫幅、列表縮圖、手機版），如果裁切時沒有指定焦點，主角人物的臉可能被切掉一半。部分佈景主題與圖片區塊支援 focal point 設定，讓你點一下指定「這張圖最重要的一點」，系統裁切時會盡量保留那個位置。沒有這個功能時，折衷的做法是上傳前先把圖裁成接近顯示比例的尺寸，能減少破圖的機率。

嵌入第三方內容：YouTube、地圖、社群貼文

頁面裡常需要放一支 YouTube 影片、一張 Google 地圖、或一則 Facebook 貼文。多數人會去找外掛或硬貼嵌入碼，其實區塊編輯器原生就支援嵌入，只要貼一個網址就搞定。

做法：加一個「嵌入」類的區塊（按 / 打 embed，或直接打 youtube、google maps），把該則內容的分享網址貼進去，WordPress 會自動把它顯示成可互動的元件，不是一條死連結。這套機制覆蓋 YouTube、Vimeo、Twitter/X、Facebook、Instagram、Google Maps、SoundCloud 等數十個平台，官方支援清單則在 WordPress.org Documentation 的 Embeds 頁。

嵌入最大的優點是不增加你的主機負擔：影片流量吃在 YouTube 那邊、地圖吃在 Google 那邊，你的網站只是顯示它。缺點是這些元件會載入第三方資源，數量太多會影響頁面載入速度，適量使用即可。專門的嵌入教學站內另有嵌入 Facebook 粉專與嵌入 Google 地圖，需要深入操作可以對照著看。

頁面的 SEO 設定：標題、描述、網址與社群預覽

頁面內容寫好了，不等於它會被搜尋到。決定這一頁在 Google 結果頁長什麼樣、能不能被點擊的，是這一層 SEO 設定。這一節假設你已經裝了 SEO 外掛（Rank Math 或 Yoast，兩者是主流選擇，完整比較看Yoast vs Rank Math 對決，入門操作看Rank Math 教學）。如果你還沒裝，可以從八款 SEO 外掛評測挑一套。

SEO 標題（Title Tag）

SEO 標題是出現在 Google 搜尋結果那行藍色可點擊連結的文字，跟你頁面裡的 H1 不一定一樣。H1 是給進到頁面的訪客看的，SEO 標題是給還在搜尋結果頁、決定要不要點你的人看的。它對點擊率的影響非常大，Backlinko 分析四百萬筆搜尋結果的研究（2025 年 4 月）發現，排名前三名吃掉了大部分的點擊，而你能不能被點擊，標題是第一關。

那標題到底要不要刻意寫？Ahrefs 的標題標記研究（2021 年 10 月）發現，排名前列的頁面裡，約有 7.4% 並沒有標題標記。這項相關性不能證明標題標記會帶來特定排名，但仍值得把 SEO 標題當成頁面的「搜尋結果海報」來寫：自然包含主要關鍵字、清楚描述內容，再加一個合理的點擊理由。顯示長度會受字元寬度與裝置影響，不必硬卡固定字數。

Meta 描述（Meta Description）

SEO 標題下方那段灰色簡介文字就是 meta 描述。它不是直接的排名因素，但清楚的描述有助於搜尋者判斷頁面是否符合需求。寫法：用一句完整的話說明這一頁在講什麼、對讀者有什麼好處，自然帶入關鍵字。不要堆關鍵字、不要跟標題完全重複。

標題與描述的字數拿捏沒有絕對標準。Google 可能依查詢改寫內容，顯示寬度也會隨裝置與字元而變；預覽工具可當參考，但重點仍是把頁面價值說清楚。

項目	中文建議長度	超出後果
SEO 標題	約 20 到 28 字（顯示寬度 ≤ 約 600 像素）	尾部被截斷成「…」
Meta 描述	約 70 到 100 字	尾部被截斷，或 Google 自動改寫
網址 Slug	3 到 5 個英文字	過長不易閱讀、分享時被截斷

一個實務建議：標題跟描述先寫一版，再用手機版的搜尋結果預覽看一次。手機螢幕窄，能顯示的字數比電腦少，如果手機上已經被截斷，就再精簡。SEO 外掛的預覽面板通常可以切換裝置，善用它。

網址（Slug）與社群預覽

前面已經提過網址要在上線前定下來。SEO 外掛通常還會給你一個「社群預覽」面板，讓你看到這一頁被分享到 Facebook、LINE、X 時的縮圖、標題、描述會長什麼樣。這層由 Open Graph（OG）標籤控制，設定細節看OG 標籤教學。企業頁面被分享到社群的機率很高，這層設好了分享出去才不會出現空白縮圖或亂抓圖。

想更全面理解頁面層級的優化邏輯，把這一頁的 SEO 做到位，可以接著讀站內 SEO 攻略跟WordPress 架站與 SEO 全攻略，這兩篇會把標題以外的面向補齊。

手機版預覽與響應式檢查

頁面在電腦上看起來很完美，不代表它在手機上沒問題。依 Statista 的季度統計（2026 年 4 月），全球的網頁流量裡，行動裝置長期佔了過半的比例。Google 採用行動優先索引，主要以網站的行動版內容進行檢索與建立索引；這不是額外的排名加分，但行動版缺少內容或無法使用，仍會直接影響讀者與搜尋呈現。

檢查方法：在編輯器右上角點「預覽」，選「行動裝置」，就能看到這一頁在手機上的樣子。重點看三件事：圖片有沒有超出螢幕寬度、欄位區塊在手機上有沒有自動堆疊成單欄、字級在小螢幕上會不會太小。多數現代佈景主題會自動處理響應式，但你用了自訂邊距或固定寬度時，還是可能破版，務必預覽確認。響應式的整體觀念可以搭配響應式網頁設計一起看。

除了預覽，更嚴謹的做法是拿真實手機開一次預覽連結。瀏覽器模擬器只能參考，因為它無法重現真實手機的觸控捲動、系統字體差異、以及 iOS 與 Android 對某些 CSS 的不同解讀。一支 iPhone、一支 Android 手機各看一次，能抓出模擬器看不到的問題。頁面如果會用手機瀏覽為主（例如活動報名、店家資訊），這一步不能省。

儲存草稿、預覽、發佈、排程與版本還原

內容與設定都到位了，接下來是上線流程。右上角的「儲存」按鈕會依你目前的狀態顯示不同選項，功能比表面看到的更多。

• 儲存草稿：把進度存下來但不對外公開。建議養成習慣，每寫一段就按一次，編輯器雖然有自動儲存，但手動儲存更保險。
• 預覽：在新分頁打開這一頁的前台樣子，可以選電腦、平板、手機三種裝置。發佈前一定要預覽一次。
• 發佈：第一次按下會跳出確認對話盒，讓你決定可見性（公開、私密、密碼保護）與發佈時間。點確認後這一頁就正式上線。
• 排程：在發佈對話盒裡把時間設到未來的某個定點，頁面會在那個時間自動上線。活動報名頁、促銷頁很常用這個。

版本還原：不小心改壞了怎麼辦

這是另一個被低估的功能。WordPress 預設會為頁面的每一次儲存留下修訂版本。在編輯器右側設定面板的「文章」分頁底部有「修訂」，點進去會看到所有歷史版本，可以左右比對差異、一鍵還原到任一個版本。不小心把整段刪掉、或改壞了排版，不要慌，到這裡撈回來。修訂版本數量由主機控制，一般保留最近的幾十個，足夠日常救火。

進階：用頁面範本與父頁面組織多頁結構

當你的網站從三、五頁長到二、三十頁，頁面之間的關係就會變得重要。把頁面各自獨立寫好還不夠，你還要讓它們彼此串得起來、讓網址結構反映出層次。這時要用到兩個常被新手略過的設定：父頁面與頁面範本。

父頁面：建立網址與導覽的層級

在頁面設定面板的「頁面屬性」裡，有一個「父頁面（Parent）」欄位。把「服務 A」的父頁面設成「服務總覽」，它的網址就會變成 /services/service-a，多出一層路徑。這層結構對讀者與搜尋引擎都有意義：讀者從網址就看出歸屬，搜尋引擎則能讀出你的內容是有層次的主題叢集，而非一堆扁平的孤立頁面。不過要提醒，父頁面只影響網址層級與部分佈景主題的自動選單，不會自動把這一頁加進主選單，選單仍要自己掛。

頁面範本：套用特殊版面

同一個「頁面範本（Template）」欄位裡，你可以選擇這一頁要用哪一種版面。經典的範本包括「預設範本」「全寬範本（Full Width）」「窄版（含側邊欄）」「著陸頁（Landing Page，常隱藏頁首頁尾與選單）」。著陸頁範本對廣告導流量特別實用，因為它能移除容易分散注意力的元素，讓訪客專注在單一個轉換目標上。區塊佈景主題則改用 Site Editor 裡的「區塊範本（Block Template）」來管理這些版面，邏輯相同、介面不同。

這兩個設定加起來，就是你網站資訊架構的骨幹。把頁面範本、父頁面、與選單三件事一起規劃，你的多頁網站才會有清楚的層次，而不是一堆散落的網址。想更深入理解網站結構對 SEO 的影響，可以讀網站架構圖規劃全攻略；著陸頁的設計心法，後續可以再延伸研究。

頁面上線之後：選單掛載、索引檢查與後續維護

頁面發佈了，不等於它「被看見」。一個新頁面上線後，還有幾件事要做，它才會真正出現在導覽、被搜尋引擎收錄、並且長期穩定存在。

把頁面掛上導覽選單

新頁面發佈後預設不會自動出現在網站主選單，訪客找不到等於沒做。到「外觀 → 選單」（部分區塊佈景主題則在 Site Editor 的導覽區塊裡），把這個新頁面加進主選單的對應位置。選單的層級與排序邏輯，官方說明在 WordPress.org Documentation 的選單頁面，完整的選單設計可以看WordPress 選單設定教學。

確認被搜尋引擎收錄

新頁面上線後，Google 不會立刻知道它的存在，可能要等幾天到幾週才會被爬蟲發現。想加速，可以主動到 Google Search Console 提交這一頁的網址請求建立索引，做法與排查不被收錄的方法，看Google 網頁收錄查詢教學。SEO 外掛建議從 WordPress.org 官方外掛目錄安裝，這個目錄也是你日後找任何功能外掛的起點。

備份與後續維護

頁面累積多了，網站就是你的一項資產，資產要備份。在動任何大改動之前、或在固定的週期，把整個網站（包含檔案與資料庫）備份一份存到異地，出事時才能還原。完整的做法看WordPress 備份與還原指南，工具選擇則在備份外掛推薦裡。

三個新手最容易踩的編輯地雷，與解法

教學看再多，不如直接把別人踩過的坑記下來。這三個是新手最常卡住的地方，每個都有對應的解法。

地雷一：從 Word 貼上，帶進一堆亂碼格式

很多人會先在 Word 把文案寫好，再整段貼進編輯器。問題是 Word 會帶一大堆自己的樣式標籤進來，結果貼上去的文字字體、顏色、行距全跟網站其他頁面不一致，看起來就像拼裝車。解法有兩個：貼上時用快捷鍵 Ctrl/⌘+Shift+V（貼為純文字），再手動用區塊重新排版；或者先貼進純文字編輯器（如記事本）過水一次，再貼進 WordPress。寧可重新排版，也不要帶 Word 的樣式進來。

地雷二：以為區塊刪不掉，其實只刪到內容

前面提過，這是最常見的誤解。你按 Delete 只清空了區塊裡的文字，那個空的區塊還在畫面上，前台會出現莫名其妙的空白。判斷方式：選起整個區塊（外框出現虛線或反白），再從工具列的更多選項裡選「刪除區塊」，或按 Shift+Del。看到畫面上有空區塊，就用這個方法清掉。

地雷三：切換佈景主題後，頁面排版全變

區塊的視覺樣式（字級、顏色、間距）有一部分是繼承自佈景主題的。你今天用 A 主題把頁面排得很美，下個月換成 B 主題，字級與間距可能全變了，因為兩個主題的預設樣式不同。這不是編輯器的 bug，是主題控管的範圍。降低這個風險的做法：選一個長期會維護的主題，並且避免在單一區塊裡硬寫絕對值（例如固定字級 18px），盡量用佈景主題提供的版面寬度與字級，讓主題統一管理。主題的選擇可以參考15 大佈景主題推薦，換主題前也建議先讀過佈景主題安裝了解注意事項。

把這份流程變成你的操作清單

讀完不等於會用，動手做一次才會內化。接下來把整個頁面從無到有、到上線的流程，濃縮成一份你可以照著走的清單。

1. 釐清用途：先判斷這份內容是頁面還是文章，決定開哪一種。
2. 建立頁面並下標題：確認佈景主題如何輸出頁面標題，內容區塊通常從 H2 開始。
3. 立刻設網址：用小寫英文加連字號、跟主題相關，上線後就別再改。
4. 用區塊堆出內容：斜線快捷鍵加區塊，學會移動、複製、群組這幾招。
5. 處理圖片：先壓縮再上傳、寫好 Alt、選對尺寸、讓首屏圖立刻載入。
6. 設 SEO 三件套：SEO 標題、meta 描述、社群預覽的 OG 標籤。
7. 手機預覽：發佈前一定要切行動裝置看一次。
8. 儲存草稿 → 預覽 → 發佈：需要時用排程，改壞了用修訂版本還原。
9. 掛上選單、提交索引：讓訪客找得到、讓 Google 看得到。
10. 備份：把這項資產保起來。

WordPress 的區塊編輯器一開始會讓人覺得綁手綁腳，那是因為它用一套更結構化的方式來組織內容。當你習慣了「每一段都是獨立區塊、可以自由組合與重用」這個邏輯，你會發現它比傳統編輯器更能做出有層次、可維護、對搜尋引擎友善的頁面。把每一次建立頁面當成「為真人寫、為機器人優化」的練習，做個幾次，這套流程就會變成你的直覺。

如果你正在架一個全新的 WordPress 網站，這篇是頁面層的顆粒度；更上層的整站架設流程，可以從用三個層次搭起形象網站開始，搭配Astra 主題教學或30 分鐘快速架站、外掛安裝把地基打好。一步一步來，你會有一個自己完全掌握、而且會被搜尋到的網站。