Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

跳转到主要内容
Gizke.com
博客

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 会被上传吗?
不会。一切都在浏览器中完成,只有在你点击显示时才会从图片地址加载预览图。表单会保存在本设备上。

分享此工具

博客关于联系我们使用条款隐私政策