面向开发者的在线实用工具集

/Ctrl+K
🏷️

Meta 标签生成器

生成用于 SEO/OG/Twitter 卡片的 <meta> 标签。支持 元标签、OG标签 等场景,面向开发者和运维,无需登录,加载后可离线使用。oltool.net 免费在线工具。

基本 SEO meta 标签 · canonical、robots、viewport
7 个标签
配置
HTML生成的 HTML
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Awesome Page</title>
<meta name="description" content="A short description of this page for SEO and search engine results.">
<meta name="keywords" content="vue, nuxt, tools">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/page">
Google 搜索预览
https://example.com/page
My Awesome Page
A short description of this page for SEO and search engine results.

关于 Meta 标签生成器

本工具是「Meta 标签生成器」，按需生成符合标准的内容供开发或测试使用。生成用于 SEO/OG/Twitter 卡片的 <meta> 标签。支持 元标签、OG标签 等场景,面向开发者和运维,无需登录,加载后可离线使用。 完全在浏览器本地运行，生成结果不会被记录或上传，可在断网环境下使用。

使用场景

  • 开发测试 — 生成符合规范的样本数据，供单元测试或前端 mock 使用。
  • 演示填充 — 为 UI 原型、教学示例填充逼真但无意义的占位内容。
  • 快速搭建 — 一键得到合规结果，省去手写或查阅文档的时间。
  • 批量需求 — 需要大量同类资源时，本工具可重复调用避免人工生成。

常见问题

og:image 推荐尺寸？

1200x630 是 Facebook/LinkedIn 推荐，比例 1.91:1。最小不低于 600x315。Twitter summary_large_image 同样适用此尺寸。

Open Graph 和 Twitter Card 必须都加吗？

建议都加。Open Graph 覆盖 Facebook/LinkedIn/Slack/微信等大多数平台，Twitter Card 是 X/Twitter 专属——两者字段名不同但内容相同，没有冲突。

生成的内容是真随机的吗？

随机类生成器使用浏览器的 crypto.getRandomValues() 安全随机源。如果是格式生成器，则按规范输出，不涉及随机。

每次生成都不一样吗？

随机类是的，每次都不同；模板类输出可重复。具体看本工具的功能描述。

需要登录或付费吗？

完全免费，不需要任何注册或付费，也不会显示烦人广告。