Open Graph 社交卡片预览
根据标题、描述、图片网址和页面网址，预览链接在 X、LinkedIn、Slack、Discord 和 Facebook 上展开成社交卡片的样子。
Open Graph 社交卡片预览 — Open Graph 社交卡片预览能展示你的链接在社交平台被分享时的样子。输入标题、描述、图片网址和页面网址，然后在 X、LinkedIn、Slack、Discord 和 Facebook 之间切换，即可实时看到每个平台的链接卡片模拟效果。所有内容都在浏览器中渲染——你的文字不会被上传，预览图片也是直接从其所在主机加载到预览区，而不经过我们的服务器。
Open Graph 社交卡片预览 是什么？
这是一款可视化的 Open Graph（OG）社交卡片预览工具。Open Graph 和 Twitter 卡片的 Meta 标签会告诉平台，当有人分享你的链接时应显示什么标题、摘要和图片，本工具会重建这张链接卡片，让你在发布前先行检查。营销人员、内容作者和开发者在发布博客文章、落地页或产品页时用它来确认标题没有被截断、图片填满画框、域名显示正确。用分段控件选择平台即可查看其特定布局：X、Facebook 和 LinkedIn 会渲染顶部大图、下方为标题和描述的卡片，而 Slack 和 Discord 则显示带强调色条、域名和小缩略图的紧凑卡片。域名一行会根据页面网址自动推导。它只会根据你输入的值模拟卡片——不会抓取你的线上页面，也不会读取其现有的 Meta 标签。
如何使用 Open Graph 社交卡片预览
- 输入应作为卡片标题显示的页面标题。
- 撰写描述（显示在标题下方的摘要行）。
- 粘贴一个绝对图片网址（最好为 1200×630）以加载预览图片。
- 输入页面网址——卡片上显示的域名会由它推导。
- 在 X、LinkedIn、Slack、Discord 和 Facebook 之间切换，比较各平台的布局。
- 调整标题和描述，直到没有被截断、卡片看起来合适为止。
示例
博客文章卡片
标题“如何烘焙酸面包”、一段简短描述、一张 og.png 图片，以及网址 https://blog.example.com/sourdough，在 X 上会渲染为一张大图横幅卡片，标题上方显示域名 blog.example.com。
Slack/Discord 展开
切换到 Slack 时，相同的内容会显示为紧凑卡片：左侧有强调色条，依次是域名、标题，右侧是一张小方形缩略图。
缺少图片
将图片网址留空，预览会以正确的纵横比显示一个占位框，让你仍能判断间距和文字布局。
常见问题
- 我可以预览哪些平台？
- 共五个：X（Twitter）、LinkedIn、Slack、Discord 和 Facebook。X、Facebook 和 LinkedIn 绘制为大图横幅卡片，而 Slack 和 Discord 采用带强调色条和小缩略图的紧凑展开样式。用平台切换即可在它们之间瞬间切换。
- 它会读取我线上页面的 Open Graph 标签吗？
- 不会。它不会抓取或获取你的页面，也不会解析其现有的 Meta 标签。卡片完全由你输入的标题、描述、图片网址和页面网址生成，因此它是一个“假设”预览工具，而不是对已发布页面的校验器。
- 预览图片从哪里来？
- 图片由你的浏览器直接从你输入的图片网址加载——它从图片自己的主机直达你的浏览器，而不经过我们的服务器。如果图片没有显示，请检查网址是否为绝对地址（以 https:// 开头）且可公开访问。
- 为什么我的标题或描述在卡片中被截断了？
- 社交平台会截断过长的标题和描述，预览会通过限制行数来模拟这一点。如果文字在这里被截断，分享时很可能也会被截断，所以请缩短到合适为止。
- 我的数据会被发送到服务器吗？
- 不会。你输入的标题、描述和网址都留在你的浏览器中，我们不会上传、记录或存储任何内容。唯一的外部请求是你的浏览器从你提供的网址获取预览图片，这是浏览器的正常行为。
相关工具
Hreflang 标签生成器
根据一组语言区域与网址的对照，为多语言页面生成 hreflang link 标签，并可选 x-default 和自引用标签。
JSON-LD 生成器
通过简单的表单为 Article、Product、FAQPage、HowTo、LocalBusiness、Event、Recipe、BreadcrumbList 和 Organization 等模式生成有效的 JSON-LD 结构化数据。
关键词密度检查器
分析任意文本，按 1、2 或 3 个词的短语统计词频和关键词密度，并给出过度优化提示。
Meta 标签生成器
根据标题、描述、规范网址、图片和网站名称，为页面生成 SEO、Open Graph 和 Twitter 卡片 Meta 标签。