H1 不見、H2 比 H3 還小,FAQ 結構化資料還跑到畫面上
整理日期:2026-03-24
有一個 WordPress 文章頁,看起來同時出現三個問題。
第一個是標題大小不對。H2 很小,H3 反而比較大,看起來像標題層級顛倒。
第二個是 H1 不見。HTML 裡其實有 H1,但前台沒有顯示。
第三個是 FAQ 結構化資料直接出現在頁面上。原本應該給 Google 讀的 JSON-LD,變成一般文字出現在文章內容裡。
這種狀況不要先急著重做整頁。它通常不是單一問題,而是幾個不同層級的設定疊在一起。
先拆成幾層看
Section titled “先拆成幾層看”我會先分成三層看:
- 標題大小是不是被額外 CSS 蓋掉。
- H1 是不是被佈景或頁面編輯器隱藏。
- FAQ JSON-LD 是不是被當成一般文字貼進文章。
這三個問題看起來都跟「標題」有關,但實際上來源不同。混在一起修,很容易越改越亂。
H2 和 H3 的問題,是附加 CSS 裡手動寫了 H2 字級。
佈景主題後台原本有設定 H2 和 H3 的大小,但附加 CSS 的權重比較高,所以 H2 被壓得很小。H3 沒被那段 CSS 影響,反而維持正常大小,結果看起來就變成 H3 比 H2 還大。
H1 不顯示,是另一個問題。
某個 Elementor 模板開了隱藏標題設定。照理說,那個設定不應該影響全站文章頁,但它把控制標題顯示的 CSS 變數寫到全域。佈景主題剛好讀到這個變數,所以文章頁的 H1 被一起藏掉。
FAQ 結構化資料顯示在畫面上,原因更單純:JSON-LD 被當成純文字貼進文章內容,而不是放在正確的 script type="application/ld+json" 裡。
H2 / H3 的部分,先把附加 CSS 裡手動覆蓋標題大小的那段註解掉,讓佈景主題原本的字級設定生效。
H1 的部分,除了檢查 Elementor 模板的隱藏標題設定,也要確認前台實際吃到哪一段 CSS。如果設定關掉後還被快取或全域變數影響,可以再用更明確的 CSS 把文章頁 H1 顯示回來。
FAQ 的部分,不要把 JSON-LD 當文章文字貼。要放在自訂 HTML 區塊裡,並用正確的 script 標籤包起來。
如果網站還在用 Classic Editor,要在文字模式貼入。貼完不要切回視覺模式再存,否則內容可能被編輯器改掉。
這次順手檢查的地方
Section titled “這次順手檢查的地方”附加 CSS 也要一起看。
這次除了標題大小,還看到幾個容易連鎖影響的問題:
- media query 裡有括號打錯。
- 有一段註解沒有正常結束。
- 有重複的 CSS 選擇器可以合併。
附加 CSS 壞掉時,不一定只影響當下那一行。少一個括號、註解沒關好,都可能讓後面的 CSS 一起失效。
不建議先做的事
Section titled “不建議先做的事”不要一開始就重做整頁。
也不要看到 H1 不見,就直接去文章裡補一個假的 H1。HTML 裡如果已經有 H1,只是被 CSS 隱藏,應該先找出誰把它藏起來。
FAQ 結構化資料也不要直接複製網路上的 JSON 貼進視覺編輯器。那樣很容易變成頁面文字,而不是結構化資料。
下次遇到可以先整理什麼
Section titled “下次遇到可以先整理什麼”- 問題頁面的網址。
- 最近有沒有改 Elementor 模板。
- 最近有沒有改附加 CSS。
- H1 是 HTML 裡沒有,還是有但被隱藏。
- H2 / H3 的實際字級。
- FAQ JSON-LD 是放在哪裡。
- 有沒有快取外掛或 CDN。
先把這些整理起來,會比直接猜外掛問題快很多。