生成完整的、可用于生产的 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 标签。