跳到主要内容
bobob

Open Graph 预览

预览 Open Graph 标题、描述、URL、图片和 robots 策略，并复制社交爬虫报告。

只在浏览器里处理输入的内容不会发送到服务器。

输入与结果

输入的内容只存在这个浏览器。重新打开可以还原上次的操作。

使用场景

  • 预览 Open Graph 标题、描述、URL、图片和 robots 策略，并复制社交爬虫报告。
  • 以浏览器本地方式处理输入，并在复制前检查结果。
  • 结合 Open Graph 预览 和相关工具缩短工作流。

示例

常见输入
Title, description, image URL
用此示例检查 Open Graph 预览 的输入流程。
典型输出
Card preview, robots policy, image diagnostics, and Open Graph tags
复制前用于确认结果格式和后续检查点。
附加示例
Title, description, image URL, canonical URL
复制前用于确认结果格式和后续检查点。
附加示例
https://www.bobob.app/og-image.png
复制前用于确认结果格式和后续检查点。

常见错误

  • 预览 Open Graph 标题、描述、URL、图片和 robots 策略，并复制社交爬虫报告。
  • 如果浏览器本地处理方式和真实输入结构不一致, 输出不能直接信任。
  • 复制的值中如果混入生产密钥、客户数据或内部 URL, 分享前必须移除。

复制前确认

  1. 1再次比较原始输入和输出形态。
  2. 2确认目标运行时、编码、时区和安全策略差异。
  3. 3继续用相关工具检查 Open Graph 预览 的结果是否适合下一步。

参考资料

  • og:image has to be an absolute URL

    The Open Graph protocol types `og:image` as a URL. A relative path like `/og.png` cannot be fetched by a crawler, so the preview comes back blank. Use the full https address.

    依据：ogp.me

  • A preview that will not update is usually their cache

    Platforms keep what they scraped earlier even after you fix the tags. Each one has a re-scrape tool; until you run it the old card stays. Often nothing is wrong with your page.

    依据：Crawler cache behaviour

常见问题

Open Graph 预览 的输入在哪里处理？

可行的处理会在浏览器中执行，但不要输入生产密钥或客户数据。

结果可以直接用于生产吗？

复制前请再次确认运行环境、编码、时区和安全策略等环境差异。