工具箱图标
XTools
Blog
/
JSON 格式化与 YAMLXML 格式化代码格式化与压缩JSON 转 TypeScriptMarkdown 与 HTML 互转Mermaid 图表编辑器正则表达式测试JWT 解码UUID 生成器编码与解码Cron 表达式生成cURL 命令生成Meta 标签生成PX 转 REM 与行高CSS 生成器Chmod 权限计算

© 2026 XTools. 保留所有权利.

隐私政策联系我们

    Meta 标签生成

    生成 SEO、Open Graph 和 Twitter 元标签,实时预览搜索与分享效果
    • 文件不会离开你的设备
    • 在浏览器本地运行
    • 免费、免注册、无水印

    页面

    0 个字符

    0 个字符

    社交分享

    使用绝对 URL,最好是 1200 × 630 像素。

    技术设置

    预览

    E
    Example
    example.com
    页面标题
    页面描述会显示在这里。

    仅在此处显示——不会加载上面的图片 URL。

    请填写标题。

    请填写描述。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16

    相关工具

    • JSON 格式化与 YAML
    • XML 格式化
    • 代码格式化与压缩
    • JSON 转 TypeScript
    • Markdown 与 HTML 互转
    • Mermaid 图表编辑器
    • 正则表达式测试
    • JWT 解码
    • UUID 生成器
    • 编码与解码
    • Cron 表达式生成
    • cURL 命令生成
    • PX 转 REM 与行高
    • CSS 生成器
    • Chmod 权限计算

    如何使用Meta 标签生成

    填写标题、描述和分享图片,生成放进 <head> 的 SEO、Open Graph、X 卡片、爬虫指令、主题色和图标标签,并实时预览在 Google、Facebook、X、Slack 等处的显示效果。

    1. 1

      在「页面」里填写标题、描述、规范网址和网站名称。

    2. 2

      在「社交分享」里填写图片 URL、图片描述、类型和 X 卡片样式。

    3. 3

      在「技术设置」里设置爬虫指令、主题色等选项。

    4. 4

      查看「预览」各标签和长度提示,然后复制「放入 <head> 的 HTML」。

    常见问题

    标题和描述应该写多长?

    Google 一般在约 600 像素(约 60 个英文字符)处截断标题,描述约 160 个字符。工具会显示字数,太短或太长都会提醒。

    为什么预览里不显示我的图片?

    预览不会加载你填的图片 URL。想看效果,可以用「选择本地图片用于预览」,图片只在本页显示。

    Open Graph 图片用什么尺寸最好?

    用约 1200 × 630 像素的图片,并填写绝对 URL。og:image 不能用相对路径。

    能生成文章的发布时间和作者标签吗?

    能。类型选 article 时会出现「发布时间」和「作者」字段,并加上对应的 article: 标签。

    数据会发送到服务器吗?

    不会。标签和预览都在浏览器里生成。