HTML 網頁標題 title：寫法、長度與 SEO 建議
使用者將網站加入到網頁書籤時，也是用標題進行登錄，而且 SEO 也需要使用該部分。雖說 SEO 很重要，但 檔頭 並不是只包含關鍵字就可以，而是要用心製作出使用者和搜尋機器人都能了解的標題，而且每一頁都應該不一樣。
通常會顯示在瀏覽器的書籤、頁籤、搜尋引擎的結果。
html
<title>明確標示網站內容文字 | 網站名稱</title>標題會出現在哪裡
| 位置 | 說明 |
|---|---|
| 瀏覽器頁籤 | 空間很窄，只看得到開頭幾個字 |
| 書籤與瀏覽紀錄 | 加入書籤時的預設名稱 |
| 搜尋結果 | 藍色的那一行標題，決定使用者要不要點進來 |
| 社群分享 | 未設定 og:title 時的備援來源 |
撰寫原則
- 每頁唯一：每一頁都要有能描述該頁內容的標題，不要整站共用一個。
- 重點前置：搜尋結果會從尾端截斷，把最重要的關鍵字放在前面。
- 長度適中：中文約 30 個字以內較不會被截斷。
- 加上網站名稱：慣例是
頁面標題 | 網站名稱，分隔符號用|、-或｜都可以。 - 不要堆疊關鍵字：關鍵字重複塞滿反而會被判定為操作排名。
html
<!-- ✅ 好的標題 -->
<title>HTML 網頁標題 title：寫法、長度與 SEO 建議｜F2E 前端工程文件</title>
<!-- ❌ 沒有資訊量 -->
<title>首頁</title>
<!-- ❌ 關鍵字堆疊 -->
<title>HTML 教學 HTML 語法 HTML 標籤 HTML 入門 HTML 課程</title>長度的限制其實是像素寬度而不是字數，加上品牌名的擺放順序、分隔符號的選擇與搜尋引擎改寫標題的四個成因，詳見 網頁標題 title 怎麼寫。
與頁面標題的差別
<title> 寫在 <head> 裡，使用者在頁面上看不到它；標題元素 h1 則是寫在 <body> 裡，會顯示在畫面上。
html
<head>
<title>HTML 網頁標題 title：寫法與 SEO 建議｜F2E 前端工程文件</title>
</head>
<body>
<h1>HTML 網頁標題 title：寫法與 SEO 建議</h1>
</body>小提醒
兩者的內容可以相近，但別直接把整段 <h1> 複製過去。<title> 多半會再帶上網站名稱，讓使用者在搜尋結果中知道這是哪個網站的內容。
常見問題
網頁標題和頁面上的 h1 有什麼不同？
<title> 寫在 <head> 裡，顯示在瀏覽器頁籤、書籤與搜尋結果，使用者在頁面上看不到它；<h1> 是頁面內容的主標題，會顯示在畫面上。兩者可以相似但用途不同，通常 <title> 會多帶上網站名稱。
網頁標題大概多長比較好？
中文建議約 30 個字以內。搜尋結果是依像素寬度截斷而不是字數，過長的標題會被省略成刪節號，重要的關鍵字請盡量往前放。
每一頁的標題可以重複嗎？
不建議。重複的標題會讓搜尋引擎難以分辨頁面差異，使用者在多個頁籤或書籤中也無法辨識。每一頁都應該有能描述該頁內容的獨立標題。
一份文件可以有多個 title 嗎？
不行。<title> 在整份文件中只能有一個，寫多個時瀏覽器只會採用第一個，其餘會被忽略。
