Neatbo.

分享卡片预览

粘贴 HTML 检查 Open Graph 标签,并预览分享卡片。

浏览器本地处理输入HTML 标签或字段输出预览单个文件最多 20 MiB · 最多 1 个
  1. 1添加输入
  2. 2调整设置
  3. 3获取结果

工具输入和文件在当前浏览器处理,不会上传。

输入内容

切换工具时在当前标签页临时保留输入。刷新或关闭后清除,较大的结果可能需要重新生成。

⌘ / Ctrl + Enter 运行
0 个字符 · 0 字节

可选本地图片只用于画面预览;og:image URL 仅作为文本检查。

或将文件拖到这里

文件留在当前设备,原始文件不会被覆盖。

.png · .jpg · .jpeg · .webp

单个文件最多 20 MiB · 最多 1 个

    正在准备处理工具…

    开始之前

    粘贴本地页面的 HTML 源码或 <head> 标签,检查 og:title、og:type、og:image 和 og:url 并预览卡片;也可以手填字段草拟卡片。不抓取远程页面或图片,各平台的最终显示可能不同。

    如何使用

    1. 保持“粘贴 HTML 标签”模式,粘贴页面源码或 <head> 标签。可选取本地图片预览画面;工具不会抓取 og:image URL。
    2. 选择“预览分享卡片”,检查 Open Graph 标签是否存在、为空或 URL 无效,并核对 HTML 标题与描述的回退显示。
    3. 若要草拟卡片,将“输入方式”改为“手填预览字段”,填写标题和页面 URL,再查看或下载 JSON 结果。

    支持范围与限制

    最多粘贴 1 MiB HTML。og:image URL 只作为文本检查,不会加载。可选的本地预览图仅支持静态 JPEG、PNG 或 WebP,最大 20 MiB、1,600 万像素。

    操作示例

    示例输入

    <head><title>本地卡片</title><meta property="og:title" content="本地卡片"><meta property="og:type" content="website"><meta property="og:url" content="https://example.org/a"><meta property="og:image" content="https://example.org/card.png"></head>
    示例参数
    输入方式:粘贴 HTML 标签;不抓取 URL。

    示例输出

    已找到 og:title、og:type、og:url 和 og:image;og:description 缺失(可选)。预览标题:本地卡片;域名:example.org。

    出现问题时

    请使用已说明的输入格式,并遵守界面限制。用于其他文档或应用前请复核结果。修改输入会将旧结果标为已过期;运行失败会清除旧结果。

    常见问题

    我的文件会上传吗?

    不会。文件和工具输入在当前浏览器处理;站内切换可在同一标签页暂存工作状态。刷新或关闭标签页后无法恢复,请及时下载需要保留的结果。

    需要检查结果的哪些方面?

    HTML 检查会核对四个核心 Open Graph 标签,将 og:url 与 og:image 检查为绝对 HTTP(S) URL;重复标签取第一个值。og:description 是可选项。工具无法确认线上页面实际提供的标签,也不能预测每个平台的卡片效果。

    文档与延伸阅读

    相关工具