PocketPlay
EN
Meta 标签生成
一次生成完整的 <head> 标签：标题、描述、canonical、Open Graph、Twitter 卡片、favicon 与 JSON-LD，并实时预览搜索与社交卡片效果。
🔒 浏览器本地运行，文件不会上传免费 · 无需注册
基础标签
页面标题
页面描述
Canonical 地址
站点名称
语言代码
作者
搜索引擎抓取
主题色
关键词（可选）
Open Graph（Facebook、LinkedIn、Slack、Discord）
og:type
og:locale
分享图地址
图片替代文字
图片尺寸
×
Twitter / X 卡片
twitter:card
twitter:site
结构化数据（JSON-LD）
模板
Logo / 图片地址
发布日期
Google 搜索结果预览
🌐
社交卡片预览
未设置分享图
生成的 <head> 标签
怎么生成 Meta 标签
- 填写标题、描述和 canonical 地址，右侧的 Google 预览会大致展示搜索结果中的截断效果。
- 填上 Open Graph 图片（1200×630 各平台都通用）并选择 Twitter 卡片类型，在下方查看社交卡片预览。
- 需要结构化数据就选一个 JSON-LD 模板，然后整段复制，粘贴到页面的
<head>里。
常见问题
标题和描述写多长合适？
Google 标题大约渲染 580px，约 55–60 个英文字符或 30 个汉字；描述约 155–160 个字符。超出后计数会变成橙色，但这并不是错误，只是会被截断成省略号。
Open Graph 和 Twitter 标签都要写吗？
不一定。缺少 twitter: 标签时，X/Twitter 会回退到 og:title、og:description 和 og:image，所以真正值得单独写的是 twitter:card——它决定显示小缩略图还是大横幅。Facebook、LinkedIn、Slack、WhatsApp、Discord 读的都是 Open Graph 标签。
JSON-LD 放在哪里？
放文档任何位置都可以，通常放在 <head>。它是独立的 <script type="application/ld+json"> 块，不影响渲染。正式使用前建议用 Google 的富媒体结果测试工具验证一遍。