您剛剛在 WordPress 中完成了一個頁面的設計或一篇文章的撰寫，在去預覽您的作品時，您發現頁面標題看起來完全不合適，完全破壞了您的設計。
遺憾的是，WordPress 並沒有防止顯示標題的簡單方法。也沒有簡單的自定義方法，它看起來如何取決於你的主題。如果標題太大太礙眼，你該怎麼辦？這就是為什麼在 WordPress 中隱藏頁面標題的過程是必不可少的。
你的第一反應可能是直接刪除頁面上的標題，但在嘗試之前請先等等，因為這樣做實際上會影響搜尋引擎優化。如果你想讓標題永遠消失，你有哪些選擇呢？
WordPress 中可能沒有一個簡單的 “隱藏標題” 選項，但刪除標題並不難。實際上，無論你是隻想禁用一個標題還是隱藏所有標題，你都有很多選擇。
以下是在 WordPress 中隱藏頁面標題的五種可行方法。
為什麼要隱藏頁面標題？
並非網站上的每個頁面都需要標題。雖然部落格文章需要標題，但在其他頁面上並不總是很好看。對於部落格來說是好的設計，但對於網站的其他部分來說卻並不總是可以接受的。
例如，在主頁上使用 “主頁 “標題是不必要的，甚至會顯得有點不專業。與 “關於” 或 “服務” 類似，這樣的頁面本身就說明了問題，在頂部設定標題可能是多餘的。
標題元素在整體設計中也可能顯得格格不入。雖然你可以使用 CSS 來調整它的樣式，讓它更合適，但最好的選擇也許是把它完全去掉。你可以利用這個空間新增一張英雄圖片或其他樣式元素。
大多數情況下，你甚至不想完全刪除標題–也許只是它的位置或主題樣式困擾著你。如果你的頁面標題放在一個奇怪的地方，或者與你的設計不協調，你可以隱藏它，然後在其他地方插入一個 H1 標題。
但隱藏頁面標題並不像刪除圖片或一段文字那麼簡單。標題確實會影響搜尋引擎優化和搜尋引擎對頁面層次結構的解讀。在隱藏所有標題之前，有幾件事需要考慮。
搜尋引擎優化注意事項
谷歌等搜尋引擎使用名為 “爬蟲” 的機器人訪問網站，並對網站頁面進行索引。在索引網站時，它們會閱讀標題、頁面文字和頁面層次結構等元素，以瞭解頁面的內容。
這個過程可以幫助它們向搜尋特定詞條的使用者顯示相關頁面，遵循搜尋引擎優化最佳實踐的網站在排名上會有一些提升。
如果你在谷歌上搜尋 “如何加快 WordPress 網站速度”，你會發現你看到的片段標題通常與文章標題一致。
網頁標題由 HTML 標題標籤決定，如果沒有標題標籤，則由 H1 標題決定。如果這兩個標籤都不存在，搜尋引擎就會把找到的第一個標題或隨機文字字串作為標題。這在搜尋引擎片段中會顯得非常糟糕。
明白我們的意圖了嗎？移除 H1 標題，不留任何替代內容，可能會對搜尋引擎優化和點選率產生負面影響。
即使你只隱藏頁面標題而不刪除它，搜尋引擎爬蟲通常也會忽略隱藏的元素，所以這也無濟於事。良好的層次結構–頁面包含一個 H1 元素以及適當的 H2 或 H3 標題–也有助於爬蟲（以及人們！）瞭解頁面的內容。
不過，嚴格來說，H1 標題並不是搜尋引擎優化所必需的。它們對提供頁面結構很有用，而且是強烈建議使用的。
那麼該如何解決呢？最簡單的辦法就是使用 Yoast SEO 等外掛。這些外掛允許你為每個頁面設定 “搜尋引擎優化標題”。這樣，你仍然可以得到一個漂亮的搜尋引擎結果，但你可以去掉那個惱人的標題，而且不會受到任何懲罰。
Title 標籤和 H1 標題有什麼區別？
Title 標籤和 H1 標題都會影響搜尋引擎對網站內容的理解，而且兩者通常相同，那麼兩者之間的主要區別是什麼？
標題標籤是 HTML <title> 元素。它是網站底層程式碼的一部分，人類通常看不到。但爬蟲可以讀取它，並用它來設定搜尋引擎片段的標題。您的主題通常會將其設定為與您在後臺設定的文章或頁面標題相匹配，或者 SEO 優化外掛可以手動更改。
另一方面，訪客可以看到 H1 標題。標題通過巢狀部分和分割內容來構建頁面結構，以便於閱讀，而 H1 則是介紹內容的標題。
大多數 WordPress 主題都會根據文章/頁面標題插入 H1 標題，並在幕後設定 <title> 標籤。
搜尋引擎會優先使用 HTML <title> 標籤，而不是 H1。如果沒有 <title> 標籤，則會使用 H1 標題。
雖然在功能上沒有太大區別，但這種區別非常重要。
如何在 WordPress 中快速隱藏所有頁面和文章標題
這些方法一般都很安全，不會造成任何問題，但在新增任何自定義程式碼或安裝外掛之前，請務必備份您的網站。
有一些方法可以選擇性地隱藏帖子或頁面的標題，我們將在下文中介紹。
不過，讓我們先來看看如何通過一個小小的 CSS 技巧來隱藏 WordPress 中的所有文章和頁面標題。只需一行程式碼就能讓這些標題永遠消失。
在 WordPress 的儀表板中，進入外觀 > 自定義，找到附加 CSS 選單。在出現的程式碼框中，貼上以下程式碼：
.entry-title {
display: none;
}
你會立即看到右側預覽中的所有標題都消失了，就這麼簡單。訪問單個帖子或頁面時，標題也會消失。但你會發現，”最近釋出的文章” 等小工具仍會使用你在後臺設定的標題，不會出現問題。
如果這段程式碼對你不起作用，你需要弄清楚你的主題使用什麼 CSS 類來顯示標題。在主題定製器右側的網站預覽中，右鍵單擊文章標題，然後單擊 “檢查”。根據瀏覽器的不同，可能會改為 “檢查元素” 或 “檢查器”。
檢查頁面元素
將彈出一個新的螢幕，突出顯示程式碼區域。在高亮顯示的程式碼周圍查詢 H1 或 H2 類名稱，例如 <h2>
可能會顯示 “post-title”、”page-title” 或其他名稱，而不是 “entry-title”。
使用我們上面提供的 CSS 程式碼，將 “entry-title” 換成你的主題使用的 CSS 類。效果應該會很好。
編輯文章標題 CSS 類
如何在 WordPress 中隱藏頁面標題
也許你並不想刪除所有頁面標題；如果你只想隱藏網站上的所有頁面（而不是文章）標題呢？在這種情況下，你只需稍微調整一下上面的 CSS 程式碼。只需在程式碼前面新增 “.page” 即可。例如：
.page .entry-title {
display: none;
}
這樣就可以立即隱藏 WordPress 網站上的所有頁面標題。
如何隱藏單個頁面的標題
想在 WordPress 中只隱藏一個頁面的標題？你有兩個選擇：安裝一個外掛，或者使用上述 CSS 程式碼的修改版，根據頁面 ID 隱藏頁面標題。
有一些外掛專門用於隱藏標題，比如 Hide Page And Post Title 外掛。
與其下載一個小外掛（網站上外掛過多會帶來網站安全隱患），你還可以嘗試使用頁面生成器。
其中一個例子就是 Elementor。它可以通過簡單的切換隱藏頁面標題。進入後臺的任何頁面，點選 “使用 Elementor 編輯”，然後點選左下角的 “設定 “齒輪。
現在開啟隱藏標題，你的頁面標題就會消失。
在 Elementor 中移除標題
最後一種方法是編輯舊的 CSS 程式碼，使其只針對特定頁面，而不是所有頁面。
首先，你需要找出頁面的 ID。在後臺，轉到 “所有頁面”，然後將滑鼠懸停在標題上。
在左下角，應該會出現一個連結地址預覽。在其中，你會看到 “post=” 字串的末尾。這個數字就是頁面 ID。
WordPress 頁面 ID
現在，使用 CSS 將 ID 替換為 “0”，並使用找到的 ID 來定位該頁面，就像這樣：
.page-id-0 .entry-title {
display: none;
}
目標文章 ID
如果這些方法對你不起作用，你的主題可能使用了不同的 CSS 類。
訪問你試圖鎖定的頁面，按 F12 鍵在 Chrome 瀏覽器中調出開發者控制檯。按 Ctrl-F 鍵，輸入 “body”，使用導航箭頭向下跳，直到看到 “<body class=” 和一大串類。
查詢帶有頁面 ID 的類，然後替換上面程式碼中的類。
例如，如果你在列表中看到一個名為 “page-id-113” 的類，就可以用這段程式碼來代替：
.page-id-113 .entry-title {
display: none;
}
如何刪除 WordPress 頁面的標題
你可能會想，為什麼不把頁面標題留空呢？如果你只想刪除標題，這很容易做到： 進入頁面 > 所有頁面。懸停頁面並單擊 “快速編輯”，然後將標題留空並單擊 “更新”。
你也可以點選標題或懸停並點選編輯，然後找到頂部的標題，刪除裡面的文字，再點選更新。當你回到 “頁面” 介面時，它們將被標記為 “（無標題）”，並在你的實時網站上消失。
這看似是最簡單的解決方案，但實際上並不是一個好主意。固定連結對搜尋引擎優化很重要，WordPress 通常會根據標題生成固定連結。如果沒有固定連結，WordPress 就會使用數字或隨機字母串建立固定連結，這可能會導致懲罰。
您可以手動更改固定連結（或 “URL slug”），但您必須記住每次都要這樣做。
不良連結示例
此外，沒有標題的文章和頁面在後臺顯示為”（無標題）”。如果您的網站上有幾十個或幾百個這樣的標題，要在這些雜亂無章的標題中找到您要找的標題，很快就會變成一場後勤噩夢。
這不僅僅是你的問題。根據您的主題，無標題的頁面或帖子也會在您的前端網站上顯示為”（無標題）”，例如，如果您將該頁面放在選單中，或正在使用 “最近文章” 小部件。這將使您的網站幾乎無法瀏覽。
小工具中沒有標題的示例
如果這還不夠糟糕，你的佈局中原來有標題的地方還會留下一個大洞。這就是這種去除 WordPress 頁面標題的勉強方法的致命傷。
雖然直接空白標題可能很簡單，但我們還是建議你選擇其他方法 – 安裝外掛或插入 CSS。隱藏標題比直接刪除標題要好得多。
如何隱藏部落格文章標題
在 WordPress 中隱藏所有文章標題和隱藏所有頁面標題一樣簡單。使用與之前相同的 CSS，你不需要在程式碼前新增 .page，而是需要新增 .post，如圖所示：
.post .entry-title {
display: none;
}
現在，您的所有文章都不會顯示標題，但正常頁面會顯示標題。
沒有標題的部落格文章
隱藏單篇 WordPress 博文的標題
隱藏博文標題的方法與上述隱藏頁面標題的方法大致相同。您可以安裝一個標題移除外掛，使用頁面生成器手動移除標題，或者使用 CSS 針對文章 ID 進行移除。
如果你想使用 CSS，那麼使用的程式碼會有一些不同。同樣，你應該進入後臺，懸停你要移除標題的文章，檢視其 ID，然後嘗試使用這段程式碼。確保將 “0” 替換為您要刪除的文章 ID。
.postid-0 .entry-title {
display: none;
}
如果還不行，請在您要針對的文章上按 F12 鍵，檢視開發人員控制檯。按 Ctrl-F，輸入 “body”，然後找到 “<body class=”，檢視該頁面使用的類列表。在列表中搜尋帶有 ID 編號的類，如 “post-11″，然後用正確的類替換上面的程式碼。
如何刪除 WordPress 中部落格文章的標題
如前所述，完全刪除文章或頁面的標題並不是一個好主意。我們強烈建議不要這樣做，因為這會給您的固定連結、搜尋引擎優化甚至網站佈局帶來問題。
但如果你真的想這樣做，過程與刪除頁面標題類似。
進入 “文章”>”所有文章”，檢視網站上所有部落格條目的列表。懸停要刪除的文章標題，然後單擊快速編輯。空白標題，然後點選更新。或者直接點選編輯進入古騰堡編輯介面，點選頂部的標題，然後刪除標題文字。
刪除博文標題
點選更新，標題就會永遠消失。請記住，這會將每篇博文的標題替換為”（無標題）”，所以如果你在瀏覽數百篇博文時遇到困難，可以嘗試使用外掛或 CSS 選擇器來隱藏它們。
小結
WordPress 中沒有隱藏頁面標題的內建按鈕，但您仍有很多選擇來實現這一功能。對於單個文章或頁面，你可以安裝一個外掛，增加隨意關閉或開啟標題的功能。或者，你也可以利用 CSS 隱藏所有頁面標題，或者針對特定頁面隱藏標題。
應始終避免簡單地在後臺空白標題，因為這會給搜尋引擎優化和固定連結帶來問題，使後臺變得雜亂無章，並且會擾亂呼叫文章/頁面標題（如選單或 “最近文章” 小工具）的功能。
無論如何，請記住 H1 標題或 HTML 標題元素都是必要的，以免被搜尋引擎懲罰。如果決定隱藏標題，應考慮安裝 SEO 優化外掛，並確保在每個頁面設定 “搜尋引擎優化標題” 或 “HTML 標題” 元素。
評論留言