工具箱 / Meta 标签生成器 浏览器本地运行English
Web

Meta 标签生成器

生成文档、Open Graph 与社交卡片元数据。

Ctrl / ⌘ + Enter 运行

准备就绪

少一点来回,多一点专注。功能构建版 · 正在验收

使用说明

生成标题、描述、标准地址和社交卡片标签,作为网页 head 的起点。

可用操作:处理

示例

填写 Demo、说明和示例标准地址;输出包含 HTML 与社交标签。

本例操作与参数

操作: 处理
标题: Demo
描述: A sample page.
规范 URL: https://example.com/

输入 / 操作

结果 / 预期表现

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
<meta name="description" content="A sample page.">
<link rel="canonical" href="https://example.com/">
<meta property="og:title" content="Demo">
<meta property="og:description" content="A sample page.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Demo">
<meta name="twitter:description" content="A sample page.">

可调整选项:标题 · 描述 · 作者 · 关键词(逗号分隔) · 规范 URL · 社交预览图片 URL · 网站名称 · 语言区域 · Open Graph 类型 · Twitter 卡片 · Twitter / X 账号 · 索引策略 · 主题颜色

范围与限制

  • 生成标签不保证搜索收录、排名或社交预览;需在实际网页部署并验证 URL 和抓取权限。

常见问题

  • 不要把所有页面的 canonical 都指向首页;分享图片 URL 应可访问且与页面匹配。

相关工具

HTML 安全预览

隐私与使用环境

输入内容在当前浏览器处理。不要使用真实密钥或仍有效的敏感凭据作为演示数据。设备相关功能需浏览器支持和你的授权。