SEO 元标签生成器
生成 SEO 友好的元标签，并预览在社交媒体上的显示效果。
Page Details
0/chars (Missing)
0/chars (Missing)
Social Media Settings (Open Graph / Twitter)
Generated HTML Meta Tags
<!-- Primary Meta Tags --> <title></title> <meta name="title" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://example.com" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:image" content="" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="https://example.com" /> <meta property="twitter:title" content="" /> <meta property="twitter:description" content="" /> <meta property="twitter:image" content="" />
My Websitehttps://example.com
My Website
Enter a compelling description...
Note: This is a simulation of how your page might appear.
推荐工具
精心挑选的实用工具
为 SEO 和社交分享撰写元标签
概述
元标签是页面 <head> 中的片段，告诉搜索引擎和社交网络如何展示你的页面——搜索结果中的标题、描述摘要，以及链接被分享时显示的图片和文字。写好它们能提升点击率，也让你的链接在社交媒体上更好看。此工具帮你撰写标题、描述和 Open Graph 标签，并预览它们的呈现效果。
使用步骤
- 1
输入页面信息
添加标题、描述、URL，以及页面被分享时你想显示的图片。
- 2
预览并优化
查看搜索和社交预览，调整长度和措辞，使内容不被截断。
- 3
把标签复制进 head
把生成的元标签粘贴进页面 HTML 的 <head>。
工作原理
你输入页面的标题、描述、URL 和分享图片，工具便生成元标签：<title>、meta 描述，以及社交平台读取的 Open Graph / Twitter Card 标签。它常显示 Google 结果和社交分享卡的实时预览，让你在把标签复制进页面 head 之前调整长度和措辞。
什么时候用
撰写在 Google 搜索结果中出现的标题和描述。控制你的页面在社交媒体分享时显示的图片和文字。修复难看或缺失的社交预览。让标题和描述保持在搜索引擎显示的长度内。为新页面或博客文章设置元标签。让链接在被分享时显得有意为之、值得点击。
常见问题
标题目标约 50–60 个字符，描述约 150–160 个字符，以免被搜索引擎截断。工具的预览会显示截断位置，但请把这些当作指南，而非硬性限制。
注意事项
元标签影响页面如何被展示，而非它是否排名靠前——内容和链接对位置更重要。若搜索引擎判断自己的标题或描述更匹配查询，可能会用它们覆盖你的。