WordPress｜內容網站SEO – 標題、圖片、分類等七大注意事項（區塊編輯器）

WordPress是對SEO非常友善的系統，前提是….要會使用，這篇WordPress SEO分享的是以WordPress編輯部落格文章時，有哪些SEO的細節需要注意，換句話說，算是On Page SEO。使用的編輯器是區塊編輯器（Block Editor），傳統編輯器（Classic Editor）使用者請看這篇文章。

使用區塊編輯器時要注意右邊側邊欄上面的兩大頁籤：文章、區塊。文章指的是該篇文章共通性的設定，例如發佈日期、永久連結、分類等等；區塊則是負責文章內不同區塊的設定。文章目錄：

• 永久連結、分類、標籤
• 標題
• 錨點 / 文章目錄
• 圖片
• Yoast資料結構化區塊：FAQ、How To

這篇分享的重點是內文編輯的注意事項，關於WordPress SEO的系統基本設定請參考WordPress SEO – 索引、網址結構、Meta預設值、AMP等基本設定注意事項；關於WordPress SEO整體教學，請參考WordPress｜內容網站SEO總整理 – 主機挑選、網站設定、內容編輯等五大面向教學。

網址代稱、分類、標籤：

這些設定的編輯方式是選擇右邊側邊欄的「文章」頁籤，就可以設定該文章的可見度、發佈日期、永久連結的「網址代稱（slug）」、分類、標籤等等。比較特別的是網址代稱，剛新增文章時可能無法設定，先寫一點內容後「儲存草稿」，這時應該就可設定了，不然就是….發佈之後立刻更改。

網址代稱（slug）：

本文的網址代稱（slug）是「wordpress-seo-block-editor」，需讓postname出現在文章網址結構中才可以編輯。請自WordPress主側邊欄的「設定」 – 「永久連結」檢查設定方式。要選「文章名稱」，或者在「自訂結構」插入「postname」。

關於網址代稱最常見的爭論就是….到底要不要使用中文，我的建議是不要：

• 分享到FB、Line等等都是亂碼，看起來很可疑、使用者體驗不佳
• 難以在Google Search Console分析

關於第一點很好測試，只要將Yahoo新聞的連結分享到FB或Line就知道了，當然有時網址顯示中文是不得不為或系統設計的取捨，就不在這邊的討論範圍。

既然要認真用SEO，當然就需要利用分析工具評估成效，最常用的是Google Search Console，而它的網址篩選器「不支援」中文，換句話說….如果你的網址有中文，你很難在Google Search Console篩選到它。理論上….分類跟標籤的網址也可設定成英文，但我懶得一個一個改。

網址的另一個重點是pattern，這也牽涉到分析方式，以Travel with Leo為例，我需要分析德國的文章成效，也需要分析柏林或慕尼黑文章的表現，所以只要是德國內容網址一律有「Germany」，不同的城市有其對應名稱，這是網址設定最需要思考的地方。

順帶一提，WordPress會自動將大寫英文轉成小寫、空白換成「-」，網址請用「半形」。

分類（Category） / 標籤（tag）：

基本上每篇文章一定要有分類，除了彙整功能，Google在爬取分類頁時也可以爬取到對應的文章網址，標籤也是類似的作用。但還是需要定期檢查這些設定：

• 文章分類階層：分類是否可以設定階層？如果可以的話建議設一下，設定方式是在WordPress主側邊欄的「文章」 – 「分類」中，設定上層分類，例如我便將「德國」的上層分類設為「歐洲」。這可以讓選單跟麵包屑階層更明確
• 標籤：請不要濫用，標籤對應的文章應該至少兩篇，不然那個標籤就失去彙整的功能，我曾經看過一堆標籤不是沒有對應文章就是只對應到一篇，很讓人吐血！在文章新增標籤時輸入關鍵字後等一下下，系統會帶出相關標籤，這時再選定標籤，就可以避免新增重複標籤的問題

基本上….雖然分類跟標籤的設定很簡單，但是地雷也不少，一定要定期檢查分類跟標籤對應的文章數量、是否有重複的標籤或分類、是否有明確的設定邏輯。雖然這兩個功能可以協助彙整文章內容、建立內部連結，但前提是有邏輯、條理、一致性，才能建立良好的結構。

我曾經遇過編輯問我為何他將文章歸類到分類A了，在A底下卻沒看到，通常….都是編輯的問題，因為他是歸類到跟A很類似的標籤，例如….USA v.s. U.S.A！所以一定要很仔細、謹慎的處理，不然會被煩死。

標題：

文章標題（HTML結構中的H1、H2、H3等等）是SEO很重要的一部分，如同書籍有大標、小標、目錄等讓我們快速判斷書籍內容，撰寫文章時也要規劃如何編排標題，讓讀者跟Google可以快速理解文章綱要。

新增一個段落時，預設的區塊類型都是「段落」，要自己變更為「標題」再調整它的階層。通常一篇文章內文中最上層的標題是「H2」，可視自己需求調整為H3至H6。

設定好標題之後，於左側的編輯功能中選到「標題區塊」就能由右邊側邊欄「進階設定」的「HTML錨點」設定該標題對應的錨點，搭配其他設定製作文章的目錄（下面說明，或用外掛）。

錨點 / 文章目錄：

文章內的錨點用途就是點了之後會跳到對應的區塊，例如點了這個連結就會跳到該文的「XML Sitemap的用途」，原理是利用html中的ID屬性，這邊就不多加說明基本html概念了。

錨點最常用的功能當然就是文章目錄（table of content），如果文章篇幅長，可先用這方式讓讀者一目了然知道文章有哪些內容，也可以快速跳到有興趣的區塊，有助於使用者體驗。

WordPress設定錨點的方式很簡單，就是必須跟系統說點了「這個連結」後要跳到內文的「哪個區塊」：

• 連結：如要連到錨點區塊，連結開頭是「#」，上面範例連結就是「#purpose」
• 區塊：就是錨點所在位置，錨點一律使用半形英文或數字（大小寫不一樣視為不同錨點），且同一個網址的錨點不能重複。設定方式如上述「標題」的說明

以上是我製作文章目錄的方式，另一種方式就是以「table of content」的相關外掛來處理。

圖片：

區塊編輯器新增圖片的方式跟傳統編輯器差異比較大，在新增一個區塊後，要點擊編輯區右方的「+」再選擇「圖片」才能新增圖片，而且一次只能新增一張，很白癡的設計。

新增圖片之後有兩件事要做：

• 新增圖說文字：在左邊的內容編輯區塊點擊圖片，下方就可以撰寫說明，這說明就是圖說文字
• 新增替代文字：在左邊的內容編輯區塊點擊圖片後，於右邊側邊欄的「區塊」頁籤可找到編輯替代文字的地方

以上是一般圖片的編輯方式，如果你是使用Jetpack提供的「投影片」區塊，編輯圖說文字跟替代文字的地方是投影片區塊的編輯畫面。不同類型的圖片區塊，編輯方式與前台顯示方式都略有差異，這邊無法一一說明，但邏輯類似，自行摸索一下吧！

替代文字的作用很明確，那要不要新增媒體說明文字呢？建議回歸到讀者的角度思考，如果這張圖片在前端沒有任何說明，讀者看得懂圖片到底想表達什麼嗎？我的習慣是每張圖片都會有媒體說明文字。

就圖片SEO的角度，整體而言就是要讓Google知道這張圖片到底在講什麼，它主要是依靠檔名、替代文字、文章內容、圖片周遭內容等等來判斷圖片的內容，使用媒體說明文字可歸在圖片周遭內容。

最後….說明一下我在手機版SERP（Search Engine Result Page，就是搜尋結果頁）的血淚史。

Yoast資料結構化區塊：

心得：

這篇主要分享的是上稿時的注意事項，但是呢最重要的還是內容的品質、架構、關鍵字研究、相關的內連與外連等等，畢竟創造高品質的內容才是SEO的核心。總之內容的布局搭配良好的設定，才有可能在Google搜尋結果中脫穎而出。完整的WordPress教學請參考WordPress｜內容網站SEO懶人包 – 網域與索引、重點功能、內容編輯等七大主題教學。

延伸閱讀：

• WordPress｜內容網站SEO總整理 – 主機挑選、網站設定、內容編輯等五大面向教學
• WordPress｜內容網站SEO – 索引、網址結構、Meta預設值、AMP等基本設定注意事項
• WordPress｜速度優化分享 – 主機挑選、圖片優化、相關外掛與CDN
• WordPress｜必裝SEO外掛 – 超完整Yoast SEO設定教學（2021年版）
• WordPress｜必備301轉址外掛 – 簡單好用的Redirection
• WordPress｜部落格 / 雜誌類型付費佈景主題 – JNews購買與使用心得
• WordPress｜付費佈景主題市集Theme Forest挑選、購買、安裝佈景主題之心得
• Cloudways主機介紹｜服務與特色說明、主機選項、計費方式、優缺點分析
• SEO小教室｜Google Search Console驗證與提交Sitemap教學