Open Graph 预览与 Meta 标签生成器
预览社交分享卡片,并根据你输入的值生成 Open Graph 和 Twitter 卡片 Meta 标签——在浏览器中完成。
🔒 全部在你的浏览器中运行。输入和输出都不会发送到服务器或被保存,十分安全。
预览链接被分享时的样子,然后将 Open Graph 和 Twitter 卡片标签复制到页面 <head> 中。不会抓取任何内容,图片网址仅写入标签;要预览真实图片,请选择一个本地文件。
预览
Meta 标签
关于此工具
想在分享链接之前先看看它会是什么样子吗?输入标题、描述、图片和网址,这款工具就会模拟出社交卡片,并生成对应的 Open Graph 和 Twitter Card 元标签,可直接粘贴到页面的 head 中。出于隐私考虑,它绝不会去抓取你输入的图片地址——那个网址只会写入标签——因此若要预览真实图片,请改为从你的设备中选择一个本地文件。一切都在你的浏览器中生成,不上传任何内容。
常见问题
Open Graph 和 Twitter Card 标签是什么?
它们是页面 head 中的小型元标签,用于告诉社交平台如何展示被分享的链接。源自 Facebook 的 Open Graph 会设定大多数网络读取的标题、描述和预览图。Twitter Card 标签在 X 上承担同样的职责,还能让你选择版式,比如大图。没有它们,平台就只能从页面中猜测,卡片往往显得简陋或不正确。
为什么预览不会从我的网址加载图片?
这是有意为之。为保护你的隐私,工具绝不会请求你输入的图片地址——那个网址只会写入生成的标签,不会被抓取。因此预览无法从中加载远程图片。如果你想在样板中看到真实图片,请从你的设备里选择一个本地文件;它会直接在浏览器中读取并显示在卡片上,绝不会被上传到任何地方。
生成的标签放在哪里?每个平台都会和预览一致吗?
把这些标签复制到页面 HTML 的 head 部分,然后重新部署,以便抓取程序能够读取。这里的预览遵循常见惯例,但每个平台裁剪图片和截断文字的方式略有不同,而且许多平台会缓存卡片——因此修改后请使用它们的官方调试工具强制刷新。标签在你的浏览器中本地生成,你输入的内容不会发送到服务器。