生成完整的、可用於生產的 SEO、Open Graph 和 Twitter Cards 元標籤。即時預覽社交媒體顯示效果。
<!-- Basic SEO --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="en-US">
Generate optimized title, description, keywords, canonical, and robots directives with real-time character count validation.
Facebook, LinkedIn, and WhatsApp share previews. Supports website, article, product, and profile types.
Summary, summary_large_image, app, and player card types. Cascades from OG tags automatically.
See exactly how your page appears in Google search results and on social media before publishing.
Copy all generated HTML to clipboard with a single click. Ready to paste directly into your <head>.
All processing is done in your browser. No data is sent to any server.
元標籤是 '<'head> 部分中的 HTML 元素,用於向搜尋引擎和社交平台提供有關頁面的元資料。它們控制頁面在搜尋結果和社交媒體分享時的顯示方式。
Google 顯示標題最多約 60 個字元(600px 寬度),描述最多 150-160 個字元。追求自然、有資訊量的內容——搜尋引擎和使用者都會閱讀這些內容。
Open Graph (OG) 標籤控制您的頁面在 Facebook、LinkedIn、WhatsApp 等平台分享時的顯示方式。即使不投放社交廣告,OG 標籤也能改善各處的連結預覽效果。
Twitter 有自己的元標籤系統(Twitter Cards),因為它早於 OG 標準出現。Twitter Cards 可以是 Summary(小圖片)、Summary Large Image(大標題圖)、App(行動應用)或 Player(影片/音訊)。除 Twitter 外,大多數平台使用 OG 標籤。