Meta 標籤產生器
產生 SEO 與社群分享必要的 HTML Meta 標籤。
自動產生 OGP 與 Twitter 標籤卡，隨時準備好讓您複製。
🔍 基本設定 (SEO)
💬 OGP 與 Twitter 設定 (社群)
✨ 產生的 Meta 標籤 (HTML)
關於 Meta 標籤產生器
Meta 標籤產生器是一款免費的公用程式，只需填寫表單，即可自動產生網站 SEO (搜尋引擎最佳化) 與社群分享所需的必要 HTML <meta> 標籤。
除了標準的網站標題、描述和關鍵字之外，它還會完整建立 OGP (開放社交關係圖) 標籤，讓連結在 Facebook 和 Slack 等平台上呈現精美外觀，以及適用於 X (原 Twitter) 的 Twitter 標籤卡。只需按一下即可複製產生的程式碼，並將其直接貼到您 HTML 的 <head> 中。
使用方法
基本設定
輸入網站標題、描述和關鍵字。這些是顯示在搜尋結果中的重要元素。
OGP 與社群設定
提供圖片 URL、頁面類型和 Twitter ID，以最佳化您的連結在社群媒體上分享時的顯示方式。
複製程式碼
在您輸入時，HTML 程式碼會在輸出區域中即時更新。點擊「複製」按鈕以儲存。
貼到 HTML 中
將複製的程式碼直接貼到您網站 HTML 檔案的 <head> 區塊中。
名詞解釋
- Meta 標籤
- 放置在 HTML <head> 區塊中的標籤，用於向瀏覽器和搜尋引擎提供有關 HTML 文件的詮釋資料 (metadata)。
- Meta Description (網頁描述)
- 約 100-150 個字元的片段，用於摘要網頁內容。它會顯示在搜尋引擎結果網頁 (SERP) 的標題下方，並對點閱率有重大影響。
- OGP (開放社交關係圖)
- 一種通用標準，允許任何網頁成為社交圖譜中的豐富物件，確保在 Facebook 和 Slack 等平台上分享 URL 時，標題、縮圖和描述能吸引人地顯示。
- Twitter 標籤卡
- 專用的 meta 標籤，當在 X (原 Twitter) 上分享連結時，能啟用豐富的媒體體驗 (如大型或小型預覽圖片)。
- Robots Meta 標籤
- 一種指示搜尋引擎爬蟲 (如 Googlebot) 是否應該索引網頁 (index/noindex) 以及是否應該追蹤網頁上連結 (follow/nofollow) 的標籤。
常見問題
- Q.meta 關鍵字 (keywords) 對 SEO 還有影響嗎？
- 目前，像 Google 這樣的主要搜尋引擎不再將 meta 關鍵字作為排名因素。因此，它並非必要，但我們保留此選項，因為某些內部搜尋引擎和特定目錄服務可能仍會使用它。
- Q.我應該將產生的程式碼貼到哪裡？
- 請將其貼在 HTML 文件的 <head> 和 </head> 標籤之間。如果您已經有 <title> 或 <meta charset> 標籤，請刪除或取代現有的標籤以避免重複。
- Q.OGP 圖片的建議尺寸是多少？
- 建議的 OGP 圖片尺寸為「1200 x 630 像素（1.91:1 比例）」。這可確保您的縮圖在高解析度顯示器及各種社群網路上看起來清晰銳利。
- Q.我輸入的資訊會儲存在伺服器上嗎？
- 不會。此工具完全在您的瀏覽器中執行（透過 JavaScript），您輸入的文字或 URL 絕不會傳送到外部或儲存起來。
使用場景
建立新網站
使用此工具可輕鬆將一整套必要的 SEO meta 標籤整合到新建立的到達網頁或企業網站的 HTML 範本中。
最佳化部落格文章的社群分享
快速為個別部落格文章產生特定的 OGP 圖片和 Twitter 標籤卡設定，確保它們在分享到 X 或 Facebook 時看起來很棒。
內部 SEO 稽核
檢查現有網站是否遺漏 meta 標籤並修正描述，包括行動裝置友善的 viewport 設定和搜尋引擎索引控制。
學習與設計模型
對於學習正確 HTML meta 標籤語法的初學者，或將臨時佔位符標籤插入設計模型網站的開發人員很有幫助。
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.