UrlEdge
支持 Twitter Cards · Facebook OG · Slack

Social Preview
与 OpenGraph 检查

Facebook Debugger 的现代替代方案。实时检查并修正你的链接预览,不再被平台缓存卡住。

Edge 模式
绕过平台缓存
你的品牌
@yourbrand · 1 分钟

新功能上线了!来看看 👇

Preview
urledge.com
社交卡片验证与侦错工具 | UrlEdge
不要再分享坏掉的链接预览。免写程序,在全球 Edge 自订 OpenGraph 图片、标题与描述。
Card Type:summary_large_image

为什么官方 Debuggers 常常 不好用

Facebook Sharing Debugger 与 Twitter Card Validator 常被缓存与平台限制卡住;有时只是修一个标题错字,也得重新部署整个网站。还有更干净的做法。

实时 Edge 覆写

不用改 codebase,也能修正错字或换图。UrlEdge 会拦截 crawler 并提供正确 tags。

多平台验证

不用在五个工具之间切换。一次查看 X、Facebook、Slack、LinkedIn 与 Discord 预览。

动态图片产生

不必每次都在 Figma 做静态图。可依页面标题程序化产生 OG images(即将推出)。

通用相容


social preview 生态优化

每个平台都有自己的规则:X 偏好 `summary_large_image`,WhatsApp 对图片比例有要求,Slack 需要结构化数据。UrlEdge 会检测 User-Agent 并返回合适格式:

X / Twitter Cards
Large Summary 与 Player Cards
Facebook OG
针对 Feed 与 Messenger 优化
Slack Unfurling
丰富结构化预览
LinkedIn Post
稳定可检查 metadata
WhatsApp / iMessage
图片压缩与尺寸调整
Discord Embeds
自订颜色与字段
metadata-injector.ts(metadata 注入器)
// UrlEdge 会在 Edge 注入
const meta = {
"og:title": "Launch Day 上线日!🚀",
"og:description": "正在修正坏掉的链接预览...",
"og:image": "https://cdn.urledge.com/og.png",
"twitter:card": "summary_large_image(大型图片卡片)",
"og:site_name": "UrlEdge"
}
已验证符合
2ms 延迟

三步骤修好坏掉的预览

不必为了改一个 meta tag 去排工程部署。

分析 URL

贴上链接,UrlEdge 会模拟 Twitterbot 与 Facebook Crawler,显示它们实际看到的内容。

覆写 Tags

在控制台上传新图片或重写标题,UrlEdge 会立即建立 proxy rule。

绕过缓存

UrlEdge 从新的 Edge URL 提供 metadata,让平台重新抓取预览数据。

疑难排解指南

关于 social preview 调试与 OG tags 的常见问题。

Twitter 可能缓存图片长达数天。即使你已经改了网站上的 meta tag,Twitter 也不一定会立即看到。UrlEdge 可在 URL 加上唯一版本 hash,让 Twitter 抓取新的数据。

让每条链接都值得被点开

不要让坏掉的预览浪费流量。快速验证、修正并优化社交卡片。

不需信用卡 · 不限预览次数