这个工具有问题吗?

关于「社交卡片预览 在线」

功能说明

社交卡片预览会把一个 URL 变成社交应用根据你页面元标签生成的分享卡片的实时可视化预览。它抓取页面一次,呈现链接在 X(Twitter)FacebookLinkedIn 以及 Slack 或 Discord 上的显示效果——标题、描述、缩略图和域名——让你看到真实卡片,而不是靠猜测。

它读取什么

该工具读取你页面的 Open GraphTwitter Card 标签:og:titleog:descriptionog:imageog:urlog:site_name,以及 twitter:cardtwitter:titletwitter:image。当某个标签缺失时,它会回退到页面朴素的 <title> 及其 meta 描述,这与大多数平台决定展示内容的方式一致。

为何重要

分享出去的链接往往是人们最先看到的东西,而一张损坏的卡片——图片缺失、标题错误、描述过时——会悄悄让你损失点击。预览让你在发布前看到并修复链接的样子。它最常发现的问题是缺失或错误的 og:image,这会让你的卡片在每个平台上要么空白,要么配上错误的图片。

缺失标签与前提

当关键标签缺失时,工具会以警告形式标记——例如「没有 og:image」或「没有 og:description」——而不是悄悄隐藏这个缺口。由于它抓取的是实时页面,URL 必须可公开访问:登录、付费墙或私有网络背后的页面无法读取。

如何使用这个工具

使用步骤

  1. 粘贴页面 URL——你想检查的文章、产品或落地页。

  2. 点击运行。工具抓取页面并读取其 Open Graph 与 Twitter Card 标签。

  3. 查看预览——针对 X、Facebook、LinkedIn 和 Slack,并阅读任何关于缺失标签的警告。

  4. 修复元标签——在你的页面上修改并重新检查,直到每张卡片都正确。

提示

  • 使用约 1200×630 像素的绝对 HTTPS og:image——相对路径和过小的图片常常无法渲染。
  • 部分网络和平台会缓存旧卡片,因此你刚做的改动可能需要一段时间才显示;重新检查可确认新标签已生效。
  • 若卡片仍然显示不对,请修复元标签并再次运行工具,而不要信任过时的预览。