Open Graph 生成器
生成完整的 og: 与 twitter: 标签组合,粘贴前即可实时预览社交分享卡片效果。
HTML 代码
分享卡片预览
example.com
Page title
该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。
使用方法
- 1填写页面标题、描述和规范 URL。
- 2添加分享图片 URL(1200 × 630 像素全平台通用),选择卡片类型。
- 3把标签复制进 <head>,查看下方的预览卡片。
Open Graph 生成器
链接被分享到 X、Facebook、LinkedIn、Slack 或 iMessage 时,预览卡片几乎完全由 Open Graph 标签构成,twitter: 标签负责补齐缺口。这个生成器同时输出两套:og:title、og:type、og:url、og:image、og:image:alt、og:site_name、og:description、og:locale,外加 twitter:card、twitter:site 和 twitter:creator。
缺少 twitter: 标签时,多数平台会回退到 og: 标签,所以只需在有差异的地方额外补充。实时预览可模拟大图卡片和小图卡片的展示效果。
常见问题
og:image 用多大的图?
1200 × 630 像素(1.91:1)是 Facebook、X 和 LinkedIn 的安全尺寸。文件控制在 8 MB 以内,使用绝对 URL,并记得加 og:image:alt 保证可访问性。
og: 和 twitter: 标签都要写吗?
twitter:title、twitter:description、twitter:image 缺失时会回退到对应的 og: 标签。在 og: 基础上,通常只需补 twitter:card(summary 或 summary_large_image)、twitter:site,可选 twitter:creator。
og:type 该选哪个?
首页和普通页面用 website,新闻和博客文章用 article(可加 article:published_time),电商详情页用 product。类型会影响部分平台对链接的分类方式。
相关工具
Meta 标签生成器
一键生成 title、description、keywords、robots、viewport 等 meta 标签,实时输出可直接粘贴进 <head> 的 HTML。
全部工具 →
SERP 预览
在桌面端和移动端预览 Google 搜索结果摘要:按像素精确截断,标题和描述长度实时计量。
全部工具 →
Schema 结构化数据生成器
生成 Organization、LocalBusiness、Product、Article、FAQPage、HowTo 六类 JSON-LD 结构化数据,自动转义,可直接粘贴。
全部工具 →
UTM 链接生成器
为任意 URL 添加 utm_source、medium、campaign、term、content 参数,生成编码正确的追踪链接,一键复制分享。
全部工具 →
嵌入这个工具
一行代码把工具放到你的网站——它在访客的浏览器里运行。
<iframe src="https://zoyku.com/zh/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>