自 2010 年 · 每月支援超過 200 萬次工具執行
自 2010 年
加到 Chrome

我的工具箱

自動模式

尚未收藏任何工具。

升級為高級版
相關工具
YouTube標籤提取器Open Graph 檢測器Twitter/X 字元計數機社群媒體發文時間優化工具Twitter/X 時間戳轉換器
主頁 > 網站管理工具
 

元標記生成器

生成 SEO 元標記、Open Graph 標籤與 Twitter Card 標籤，並提供 Google、Facebook 與 X (Twitter) 的即時預覽。具備實時字數統計與一鍵複製功能。

免費使用無需註冊2026年2月更新
元標記生成器立即免費試用 ▼

⚡ 快速範例 — 試用一個來查看所有功能：

部落格文章 電子商務產品 作品集網站
建議：Google 搜尋結果使用 50-60 個字元
建議：在搜尋結果中獲得最佳顯示效果請使用 150-160 個字元
以逗號分隔的關鍵字（SEO 影響有限，但某些引擎仍在使用）
此頁面的首選網址（防止重複內容問題）
選填項目
控制行動裝置上的響應式行為
ℹ Open Graph 標記 用於控制您的頁面在 Facebook、LinkedIn、Pinterest 和其他社交平台分享時的顯示方式。如果留空，這些欄位將自動使用您的基本 SEO 數值。
建議：1200 x 630 畫素，5 MB 以下
ℹ Twitter Card 標記 用於控制您的頁面在 X (Twitter) 分享時的顯示方式。如果留空，X 將自動回退使用您的 Open Graph 標記。
建議大多數內容使用 summary_large_image
建議：summary_large_image 使用 1200 x 628 畫素
您的 X @使用者名
內容創作者的 @使用者名
👁 即時預覽
🌐 example.com
您的頁面標題
您的頁面描述將顯示在這裡。編寫引人入勝的描述以提高搜尋結果的點擊率。
⬚ 未設置圖像 — 請添加 og:image 網址
example.com
您的 Open Graph 標題
您的 Open Graph 描述將顯示在這裡。
⬚ 未設置圖像 — 請添加 twitter:image 網址
您的 Twitter Card 標題
您的 Twitter Card 描述將顯示在這裡。
🔗 example.com

Embed 元標記生成器 Widget

元標記生成器

這款 元標記生成器 可為您的網站建立經 SEO 優化的元標記、Open Graph 標記和 Twitter Card 標記，並提供即時預覽。在發布前，您可以精確查看頁面在 Google 搜尋結果、Facebook 貼文和 X (Twitter) 卡片中的顯示方式。即時字數計數器可幫助您保持在推薦限制內，以獲得最大的曝光率。

什麼是元標記？

元標記（Meta Tags）是放置在網頁 <head> 部分的 HTML 元素，為搜尋引擎和社交媒體平台提供元數據。它們不會顯示在頁面本身，但會顯著影響您的網頁在網路上的發現、索引和顯示方式。

此工具生成的元標記類型

類別標記用途
SEO<title>顯示在搜尋結果和瀏覽器標籤中的頁面標題
SEOmeta description顯示在搜尋結果標題下方的摘要片段
SEOmeta keywords逗號分隔的關鍵字（現今 SEO 影響有限）
SEOmeta robots控制搜尋引擎的檢索和索引行為
SEOlink canonical指定首選網址以防止內容重複
社交og:title在 Facebook、LinkedIn 等分享時顯示的標題
社交og:description在社交媒體分享卡片中顯示的描述
社交og:image在社交媒體分享預覽中顯示的圖像
X/Twittertwitter:card卡片類型：summary 或 summary_large_image
X/Twittertwitter:site您的 X (Twitter) @使用者名

推薦字元限制

Google 標題
50–60
個字元
Google 描述
150–160
個字元
OG 標題
60–90
個字元
OG 描述
100–200
個字元
Twitter 標題
50–70
個字元
Twitter 描述
低於 200
個字元
專業提示： 為 SEO、Open Graph 和 Twitter Card 編寫不同的標題和描述。每個平台都有不同的顯示限制和情境——搜尋結果標題應包含豐富的關鍵字，而社交媒體標題應更具吸引力且易於分享。

如何使用此元標記生成器

  1. 填寫基本 SEO 標記： 輸入您的頁面標題（建議 50-60 個字元）、元描述（150-160 個字元）、關鍵字，選擇 robots 指令、字元集，並可選擇添加規範網址。
  2. 添加 Open Graph 標記： 切換到 Open Graph 選項卡並輸入您的 OG 標題、描述、圖像網址、頁面網址、網站名稱和內容類型，以實現 Facebook 和 LinkedIn 上的最佳社交分享。
  3. 配置 Twitter Card 標記： 切換到 Twitter Card 選項卡以設置卡片類型（summary 或 summary_large_image）、標題、描述、圖像網址以及您的 X @使用者名。
  4. 預覽您的標記： 查看即時預覽面板，了解您的頁面在 Google 搜尋結果、Facebook 貼文和 X (Twitter) 卡片中的顯示效果。
  5. 生成並複製： 點擊「生成元標記」查看帶有語法高亮的完整 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）。最適合部落格貼文、落地頁和視覺內容。
注意： 如果您不設置 Twitter Card 標記，X (Twitter) 將自動回退使用您的 Open Graph 標記。但是，同時設置兩者可以讓您完全控制內容在各個平台上的顯示方式。

常見問題

什麼是元標記，為什麼它們對 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 日

開發者 API 可用: 用一次 JSON HTTP 請求，把這個工具接入你的應用程式、自動化流程或代理。 查看 API 文件

網站管理工具:

熱門與最新工具:

Hreflang 標籤產生器CSS Flexbox 演練場.htaccess 重定向生成器查看全部 →
主頁 > 網站管理工具 > 元標記生成器