Open Graph 预览

预览链接在社交平台上的卡片效果,并检查 OG 标签。

100% 隐私保护——一切都在浏览器中运行

使用方法

  1. 1

    打开页面,查看源代码并复制 HTML。

  2. 2

    把 URL 和 HTML 分别粘贴到输入框。

  3. 3

    生成预览,逐条修复未通过的检查项。

示例

标签齐全

输入

<meta property="og:title" content="Free Tools"> 以及 og:description 和绝对路径的 og:image

输出

卡片显示图片、标题和描述,所有检查项通过。

相对路径图片

输入

<meta property="og:image" content="/cover.png">

输出

提示图片必须使用绝对 URL。

常见问题

会抓取我的页面吗?

不会。它只解析你粘贴的 HTML,所以登录后的页面和 localhost 也能检查。

读取哪些标签?

og:title、og:description、og:image、og:url、og:type、og:site_name,以及 title 和 favicon。

为什么相对图片会报警?

社交爬虫对相对路径的解析并不一致,必须使用绝对的 https 地址。

相关工具