元標記生成器
生成 SEO 元標記、Open Graph 標籤與 Twitter Card 標籤,並提供 Google、Facebook 與 X (Twitter) 的即時預覽。具備實時字數統計與一鍵複製功能。
偵測到廣告封鎖,導致我們無法顯示廣告
MiniWebtool 依靠廣告收入免費提供服務。如果這個工具幫到你,歡迎升級 Premium(無廣告 + 更快),或將 MiniWebtool.com 加入允許清單後重新整理頁面。
- 或升級 Premium(無廣告)
- 允許 MiniWebtool.com 顯示廣告,然後重新載入
元標記生成器
這款 元標記生成器 可為您的網站建立經 SEO 優化的元標記、Open Graph 標記和 Twitter Card 標記,並提供即時預覽。在發布前,您可以精確查看頁面在 Google 搜尋結果、Facebook 貼文和 X (Twitter) 卡片中的顯示方式。即時字數計數器可幫助您保持在推薦限制內,以獲得最大的曝光率。
什麼是元標記?
元標記(Meta Tags)是放置在網頁 <head> 部分的 HTML 元素,為搜尋引擎和社交媒體平台提供元數據。它們不會顯示在頁面本身,但會顯著影響您的網頁在網路上的發現、索引和顯示方式。
此工具生成的元標記類型
| 類別 | 標記 | 用途 |
|---|---|---|
| SEO | <title> | 顯示在搜尋結果和瀏覽器標籤中的頁面標題 |
| SEO | meta description | 顯示在搜尋結果標題下方的摘要片段 |
| SEO | meta keywords | 逗號分隔的關鍵字(現今 SEO 影響有限) |
| SEO | meta robots | 控制搜尋引擎的檢索和索引行為 |
| SEO | link canonical | 指定首選網址以防止內容重複 |
| 社交 | og:title | 在 Facebook、LinkedIn 等分享時顯示的標題 |
| 社交 | og:description | 在社交媒體分享卡片中顯示的描述 |
| 社交 | og:image | 在社交媒體分享預覽中顯示的圖像 |
| X/Twitter | twitter:card | 卡片類型:summary 或 summary_large_image |
| X/Twitter | twitter:site | 您的 X (Twitter) @用戶名 |
推薦字元限制
如何使用此元標記生成器
- 填寫基本 SEO 標記: 輸入您的頁面標題(建議 50-60 個字元)、元描述(150-160 個字元)、關鍵字,選擇 robots 指令、字元集,並可選擇添加規範網址。
- 添加 Open Graph 標記: 切換到 Open Graph 選項卡並輸入您的 OG 標題、描述、圖像網址、頁面網址、網站名稱和內容類型,以實現 Facebook 和 LinkedIn 上的最佳社交分享。
- 配置 Twitter Card 標記: 切換到 Twitter Card 選項卡以設置卡片類型(summary 或 summary_large_image)、標題、描述、圖像網址以及您的 X @用戶名。
- 預覽您的標記: 查看即時預覽面板,了解您的頁面在 Google 搜尋結果、Facebook 貼文和 X (Twitter) 卡片中的顯示效果。
- 生成並複製: 點擊「生成元標記」查看帶有語法高亮的完整 HTML 程式碼。點擊「複製程式碼」並將其貼上到頁面的
<head>部分。
Open Graph 圖像最佳實踐
- 推薦尺寸: 1200 x 630 像素(1.91:1 寬高比)
- 最小尺寸: 200 x 200 像素(Facebook 要求的最低限制)
- 文件大小: 5 MB 以下,以獲得最佳效能
- 格式: JPEG、PNG 或 WebP
- 安全區域: 將重要文字/標誌保持在圖像中央 80% 的區域內
Twitter Card 類型
- summary: 帶有正方形縮圖的小卡片(最小 144x144)。最適合文章和一般內容。
- summary_large_image: 帶有突出圖像的大卡片(推薦 1200x628)。最適合部落格貼文、落地頁和視覺內容。
常見問題
什麼是元標記,為什麼它們對 SEO 很重要?
元標記是放置在網頁 <head> 部分的 HTML 元素,為搜尋引擎和社交媒體平台提供關於網頁的元數據。主要的元標記包括標題標記(顯示在搜尋結果中)、元描述(顯示在搜尋結果標題下方的摘要)和 robots 標記(控制搜尋引擎檢索)。精心編寫的元標記可以提高搜尋結果的點擊率,並確保您的內容在社交媒體上分享時顯示正確。
什麼是 Open Graph 標記,它們是如何運作的?
Open Graph (OG) 標記是由 Facebook 開發的元標記,用於控制您的網頁在 Facebook、LinkedIn 和 Pinterest 等社交媒體平台上分享時的顯示方式。主要的 OG 標記包括 og:title、og:description、og:image、og:url 和 og:type。當有人分享您的網址時,這些平台會讀取 OG 標記,以生成帶有您指定的標題、描述和圖像的豐富預覽卡片。
什麼是 Twitter Card 標記?
Twitter Card 標記(現稱為 X Card 標記)是控制您的內容在 X(前身為 Twitter)上分享時顯示方式的元標記。主要類型有 summary(小縮圖)和 summary_large_image(大特色圖像)。關鍵標記包括 twitter:card(卡片類型)、twitter:title、twitter:description、twitter:image 和 twitter:site(您的 @用戶名)。如果未設置 Twitter Card 標記,X 將回退使用 Open Graph 標記。
元標題和描述的理想長度是多少?
對於 SEO,建議的元標題長度為 50-60 個字元(Google 通常顯示最多 60 個字元或約 600 像素寬)。元描述應為 150-160 個字元(Google 可能會截斷較長的描述)。對於 Open Graph,標題應為 60-90 個字元,描述為 100-200 個字元。對於 Twitter Card,標題最好在 50-70 個字元之間,描述在 200 個字元以下。
我需要同時使用 Open Graph 和 Twitter Card 標記嗎?
雖然如果沒有 Twitter Card 標記,X (Twitter) 會回退到 Open Graph 標記,但最佳做法是同時包含兩者。Twitter Card 標記允許您自定義卡片類型(summary 與 summary_large_image)並包含您的 @用戶名,這是僅靠 OG 標記無法實現的。同時擁有兩者可確保在所有平台上的最佳顯示效果。
Open Graph 和 Twitter Card 應該使用什麼圖像尺寸?
對於 Open Graph 圖像,建議尺寸為 1200 x 630 像素(1.91:1 比例),最小為 200 x 200 像素。對於帶有 summary_large_image 的 Twitter Card,請使用 1200 x 628 像素;對於 summary 卡片,最小使用 144 x 144 像素(最高 4096 x 4096)。使用單個 1200 x 630 像素的圖像在兩個平台上都能很好地運作。
其他資源
引用此內容、頁面或工具為:
"元標記生成器" 於 https://MiniWebtool.com/zh-tw/元標記生成器/,來自 MiniWebtool,https://MiniWebtool.com/
由 miniwebtool 團隊提供。更新日期:2026 年 2 月 6 日