HTML Head 產生器：SEO、圖示與 CSS／JS 範本

建立 UTF-8 head 片段及完整 HTML 文件，包含 robots、canonical、社群標記、圖示、資源範本及獨立 body 備援。

html-head-snippet-generator本機處理

正在啟用本機工具…

產生設定

快速範本

字元編碼（與匯出一致）文件語言頁面標題頁面說明關鍵字（逗號分隔）作者RobotsCanonical 網址Viewport（保留縮放）啟用 Open Graph啟用 Twitter 卡片

CSS 樣式表

Google Fonts（逗號分隔字型家族）

JavaScript 指令碼

Favicon 網址／路徑PNG 圖示（32×32）Apple 圖示（180×180）佈景 HEX 色彩（選填）選取佈景色彩X-UA-Compatible (IE=edge)包含 noscript 文字（body）包含 Web App Manifest

修改設定會清除舊結果。輸入僅留本頁記憶體，不傳送、儲存或寫入網址；輸出只顯示文字，不執行。

預覽僅為文字，不載入 CSS、JS 或圖片；請在使用前檢查外部網址、版本、授權與完整性。匯出固定 UTF-8；head 模式保留縮放，一般 script 及 noscript 文字另放 body。Tailwind 瀏覽器範本僅供開發。

來源欄位核對日期：2026-10-18。UD5

設定欄位後產生，或先載入範例。

從範本開始，編輯 metadata 與資源、選擇指令碼載入模式並產生，可分別複製 head、body 附加內容或完整 index.html。

僅提供與實際匯出一致的 UTF-8，viewport 保留縮放。一般指令碼與 noscript 文字放在 body。Tailwind 瀏覽器執行版範本僅供開發；CDN 範本為引用網址，此處不載入。