生成 SEO 和社交 meta 标签(标题、描述、Open Graph、Twitter Cards),并提供实时搜索预览。
如何使用 Meta 标签
填写页面的标题、描述和 URL。
为 Open Graph 和 Twitter Cards 添加图片和社交选项。
将生成的标签复制到页面的 <head> 中。
A meta tag generator that builds the SEO and social tags a page needs, title, description, canonical, robots, Open Graph and Twitter Cards, with a live Google-style search preview as you type.
Meta tags are how a page describes itself to search engines and social platforms. Get them right and your page shows a compelling title and snippet in search results and a rich preview card when shared; get them wrong and it looks broken or gets truncated.
Everything runs in your browser; nothing you enter is uploaded.
Length is shown live because search engines cut off text that is too long. Aim for roughly 50 to 60 characters for the title and 150 to 160 for the description; the counters turn red when you exceed the limit.
Open Graph and Twitter Card tags control the preview when a page is shared: the title, description and image. Open Graph is used by Facebook, LinkedIn and many others, while Twitter Cards are used by X.
Only the fields you fill in are emitted, and every value is HTML-escaped, so the generated tags are safe to paste straight into your page head without breaking the markup.
常见问题
将标题控制在约 50 到 60 个字符,描述约 150 到 160 个字符,以免在搜索结果中被截断。超过限制时计数器会变红。
它们控制你的页面在社交平台上分享时的呈现:标题、描述和预览图。Open Graph 被 Facebook、LinkedIn 等使用;Twitter Cards 被 X 使用。
标题和描述影响搜索结果中的点击,规范标签和 robots 标签引导索引。Open Graph 和 Twitter 标签有助于社交分享,而非直接影响排名。
嵌入此工具
将此工具添加到你自己的网站。复制下方代码片段即可,它会自动保持最新。
<iframe src="https://monu.tools/embed/zh/meta-tag-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>相关工具