这个工具有问题吗？

关于「Meta 标签生成器 在线」

功能说明

Meta 标签生成器把一个简短的表单变成你直接粘贴到页面的 HTML。它一次性生成 SEO 标签、Open Graph（og:）标签和 Twitter Card（twitter:）标签，并展示社交卡片的实时预览，让你在发布前就能看到链接的样子。一切都在你的浏览器中即时运行，不保存任何内容。

会输出哪些标签

你会得到核心 SEO 标签——<title>、<meta name="description"> 和一个 <link rel="canonical">——以及 Open Graph 系列 og:title、og:description、og:image、og:url、og:type 和 og:site_name。针对 X，它还会加上 twitter:card、twitter:title、twitter:description 和 twitter:image。它也会填好每个页面都需要的基础标签：<meta charset="utf-8">、响应式的 viewport 标签，以及 <meta name="theme-color">。

为什么重要

搜索引擎读取你的标题和描述来生成结果页上显示的摘要，因此清晰的标签能赢得更多点击。当有人把你的链接粘贴到 X、Facebook、LinkedIn、Slack 或 WhatsApp 时，这些应用会读取 og: 和 twitter: 标签，绘制带有标题、摘要和图片的丰富预览卡片。没有它们只会显示一条光秃秃的 URL；有了它们，就得到一张吸引注意的卡片。

私密且即时

生成器不会抓取你的页面、不登录、也不保存任何内容。你输入取值，工具在浏览器中拼装标签，你复制结果。因为只是文本，你可以改动某个字段并随意重新生成。

如何使用这个工具

使用步骤

  1. 输入你的信息。填写页面标题、描述、规范 URL 和一个图片 URL，然后设置站点名称、内容类型、Twitter 卡片类型和主题色。

  2. 查看预览。观察社交卡片实时更新，确保标题、摘要和图片看起来正确。

  3. 复制标签。点击复制，取走整段生成的 <meta> 标签。

  4. 粘贴到你的页面。把标签放进 HTML 的 <head> 中并发布。

提示

  • 标题保持在约 60 个字符，描述保持在约 155 个字符，这样搜索引擎才能不截断地显示它们。
  • 使用绝对的 HTTPS 图片 URL，尺寸约 1200×630 像素——社交应用会忽略相对路径并拒绝过小的图片。
  • 把标签放在页面的 <head> 中，而不是 body，否则爬虫可能永远看不到它们。
  • 让 og:url 与你的规范 URL 一致，使分享和搜索都指向同一地址。

相似工具