Meta 標籤／Open Graph 產生器

產生 SEO、Open Graph 與 Twitter/X 卡片的 meta 標籤，並提供預覽與一鍵複製。

SEO 基本標籤

標題 (title)0 字元

描述 (description)0 字元

標準網址 (canonical)

robots

Open Graph

og:title

og:site_name

og:description

og:image

建議尺寸 1200×630 像素。

og:url

og:type

Twitter / X

twitter:card

twitter:title

twitter:description

twitter:image

twitter:creator

twitter:site

預覽

Google

https://example.com/page

（頁面標題）

（頁面描述）

Facebook／LinkedIn（Open Graph）

未設定圖片網址

joelucky.io

（頁面標題）

（頁面描述）

X / Twitter

未設定圖片網址

（頁面標題）

（頁面描述）

Discord 與 Slack 會使用上方相同的 Open Graph 標籤產生預覽。

完整 <head> 區塊

<meta name="robots" content="index,follow" />

<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />

本工具純粹依表單輸入產生標籤文字，不會對任何網址發出請求，也不會檢查線上頁面的實際標籤。

相似SEO 與行銷

查看全部

UTM 行銷連結產生器

產生帶 UTM 參數的行銷追蹤連結，保留原有查詢參數。

開啟 →

Schema／JSON-LD 結構化資料產生器

用表單產生 Schema.org JSON-LD 結構化資料，附即時預覽。

開啟 →

💬 使用者留言

還沒有留言，搶先留下你的想法！

什麼是Meta 標籤／Open Graph 產生器？

Meta 標籤／Open Graph 產生器可依表單輸入產生 SEO、Open Graph 與 Twitter/X 卡片標籤，並提供 Google／社群卡片預覽。

重要說明

純表單產生，不會對任何網址發出請求，也不提供線上頁面標籤檢查功能。

如何使用？

填寫 SEO、Open Graph 與 Twitter 欄位。
複製下方產生的完整 head 區塊，貼到您頁面的 <head> 中。

常見問題

這個工具會檢查我網站上線的 meta 標籤嗎？

不會。這是純表單產生器，只會依您輸入的內容產生標籤文字，絕不會對任何網址發出請求，也沒有「線上檢查」模式（已規劃為日後功能，本版本不含）。

字數提醒會阻止我複製標籤嗎？

不會。標題與描述的字數提醒只是建議性的視覺提示（超過常見門檻會變色），不會鎖住輸入或阻擋複製／下載。

為什麼 Discord／Slack 沒有獨立的預覽？

因為它們直接讀取與 Facebook／LinkedIn 相同的 Open Graph 標籤，所以頁面上以一行文字說明這點，取代再做一個幾乎一樣的第四種卡片預覽。