Open Graph 与 meta 标签预览 使用方法
- 1
粘贴链接
输入公开网页的地址，点击“预览链接”，即可读取它的标题、描述、Open Graph 和 X 卡片标签。
- 2
查看卡片
对比 Google 搜索结果，以及 Facebook、X、LinkedIn、Slack、Discord 和 iMessage 样式的卡片，并查看缺失或不完善的标签清单。
- 3
编辑标签
点击“编辑这些标签”，或打开“编写标签”，修改标题、描述和图片，所有预览会随着输入实时更新。
- 4
复制到你的页面
把生成的 meta 标签复制到页面的 head 中，发布后再检查一次线上网址。
限制与 Pro
免费：每分钟 20 次网址预览，页面 HTML 最大 3 MB，超时 12 秒，每个链接 7 种平台预览，标签编辑不限次数。
关于 Open Graph 与 meta 标签预览
Meta 标签预览器可以在你分享链接之前，先看到它会是什么样子。它会读取生成链接预览所依据的标签：HTML 标题和 meta 描述，og:title、og:description、og:image、og:site_name 等 Open Graph 标签，twitter:card 等 X 卡片标签，以及 Discord 用来显示嵌入卡片侧边条的主题色。随后它会绘制七种预览：Google 搜索结果、Facebook 和 LinkedIn 的链接帖子、大图或摘要格式的 X 卡片、Slack 链接展开、Discord 嵌入卡片，以及 iMessage 样式的气泡。
如果某个字段缺失，预览会像大多数平台一样回退取值，例如 og:title 缺失时使用页面标题，并在警告中注明来源。图片也会被检查：从文件头读取像素尺寸和类型，让你知道它是否低于 Facebook 要求的最小 200 × 200、是否超过 X 的 5 MB 限制、是否是不受支持的 SVG，或者对 2:1 的大卡片来说比例不对。
“编写标签”标签页无需抓取任何内容，直接输出一段可用的 meta 标签。预览只是近似效果：平台会改版，卡片会缓存数天，有些还会向已登录用户显示不同的文字。若要刷新已分享过的卡片，请在发布后使用平台自带的调试工具。
隐私
在“检查网址”中，地址会发送到我们的服务器，服务器只下载该页面一次，并读取 og:image 的前几个字节，用来获取标签和图片尺寸；不会存储或记录任何内容。预览图片随后由你的浏览器直接从托管它们的网站加载。“编写标签”只在你的浏览器中运行。
功能
七种预览
Google、Facebook、X、LinkedIn、Slack、Discord 和 iMessage 样式的卡片并排显示。
og:image 检查
直接从图片本身读取像素尺寸、文件类型和大小，并对照各平台的最低要求。
标签生成器
输入标题、描述和图片，即可复制一整段 Open Graph 和 X 卡片标签。