實作步驟（照做就能修好）

Step 1：確認是否真的有兩個 H1

1. 打開你要檢查的頁面（通常是首頁）
2. 右鍵 →「檢查」(Inspect)
3. 在 Elements 面板按 Ctrl + F 搜尋 <h1

Step 2：找到主題輸出 site-title 的檔案位置

常見位置（依主題而異）：

• /wp-content/themes/你的主題/template-parts/logo.php
• /wp-content/themes/你的主題/template-parts/logo.php（或 logo 相關檔）
• /wp-content/themes/你的主題/template-parts/headers/layout-*.php
• 如果主題用 hook：通常會由 get_template_part() 引入上述檔案

在主題檔案中用「搜尋」找這些關鍵字：

site-title
bloginfo('name')
<h1

Step 3：把 h1.site-title 改成 div 或 p

常見錯誤寫法（要改）：

<h1 class="site-title">
  <a href="/" rel="home">網站名稱</a>
</h1>

正確寫法（推薦）：

<div class="site-title">
  <a href="/" rel="home">網站名稱</a>
</div>

Step 4：site-description 空值時不要輸出（避免空 H 標籤）

如果你的主題有這種輸出：

<h2 class="site-description"></h2>

建議改成「有內容才輸出」，且不要用 H2 當副標（用 p 即可）。

Step 5：給你一段「不會 syntax error」的 PHP 寫法

如果你在 WordPress 內建編輯器改檔案，最怕貼 HTML 貼到 PHP 區塊導致 unexpected '<'。這段做法全部用 PHP echo，最穩。

<?php
// Site title（永遠不要 h1）
echo '<div class="site-title"><a href="' . esc_url( home_url( '/' ) ) . '" rel="home">'
  . esc_html( get_bloginfo( 'name' ) ) .
'</a></div>';

// Site description（有內容才輸出）
$desc = get_bloginfo( 'description' );
if ( ! empty( $desc ) ) {
  echo '<p class="site-description">' . esc_html( $desc ) . '</p>';
}
?>

Step 6：改完立刻驗證

1. 回到首頁 → 右鍵檢查 → 搜 <h1
2. 確認只剩 1 個 H1（內容主標）
3. 重跑你的無障礙/SEO 檢測工具，確認「H1 重複」已消失