Meta 标签生成器
在你的设备上运行,不会发送任何内容。你输入的内容不会被发送——标签和预览都在浏览器中生成。
检查现有页面
粘贴页面的 HTML(查看源代码后复制 <head>),即可把其中的标签载入表单。
页面
链接预览
页面类型
X 卡片
预览
Google 搜索结果
example.comhttps://example.com
你的页面标题你的描述会显示在这里。分享链接(Facebook、LinkedIn、X、WhatsApp)
没有图片——链接分享时将不带配图。
example.com你的页面标题你的描述会显示在这里。
HTML
把这些代码粘贴到页面的 <head> 中。
<!-- -->为页面撰写标题、描述和 Open Graph 标签,预览其在 Google 搜索结果和分享链接中的样子并复制 HTML——也可以粘贴页面的 head 进行检查。
每个页面都需要一个好的标题和描述来出现在搜索结果中,还需要 Open Graph 标签,让链接在 Facebook、LinkedIn、X、WhatsApp 或 Slack 上分享时显示正确。填写表单后,Google 结果和链接卡片会随输入实时更新,长度提示会在文字被截断前提醒你。把生成的 HTML 复制到页面的 head 中即可。已经有页面了?粘贴其源代码,看看有哪些标签、缺了哪些。
常见问题
标题和描述应该多长?
Google 大约在 600 像素处截断标题(约 50-60 个英文字符),在约 920 像素处截断描述(约 150-160 个英文字符);中文字符更宽,能显示的字数更少。把重要的词放在前面。Google 也可能改写它们。
预览图片应该多大?
1200 × 630 像素(1.91:1)适用于 Facebook、LinkedIn 和 X 的大图卡片。文字不要贴边,并使用完整的 https:// 网址——og:image 不支持相对路径。
为什么没有单独的 twitter:title 和 twitter:image?
X 在缺少自身标签时会读取 og:title、og:description 和 og:image,重复只会增加页面体积。生成器会添加 X 真正需要的 twitter:card 和你的账号。
我的页面或 HTML 会被上传吗?
不会。一切都在浏览器中完成,只有在你点击显示时才会从图片地址加载预览图。表单会保存在本设备上。