关于此工具
Meta 标签预览工具会解析页面的 <head> 并还原搜索引擎和社交平台将如何呈现它。它会读取标题、meta description、规范链接、favicon、viewport，以及 Open Graph（og:）和 Twitter（twitter:）标签，然后套用与真实平台相同的回退链——Open Graph 回退到基础标题和描述，Twitter 回退到 Open Graph——因此预览反映的是用户实际看到的内容，而不仅仅是你输入的内容。
用它来捕捉那些悄无声息破坏链接分享的小错误：在 Google 上超过约 60 个字符被截断的标题、导致 Facebook 卡片空白的缺失 og:image、当抓取程序获取时失效的相对 og:image 路径，或是默认采用错误布局的缺失 twitter:card。粘贴你的 head 标记，并排查看 Google、Facebook/LinkedIn 和 X 的卡片，并在发布或分享 URL 之前逐项核对审查清单。
一切都使用内置的 DOMParser 在你的浏览器中解析——不会上传任何标记或 URL，远程图片直接从其来源加载以获得准确的预览。
常见问题
标题和 meta description 的理想长度是多少？
建议标题为 50–60 个字符，meta description 为 140–160 个字符。超过这些限制后，Google 会在搜索结果中用省略号截断文本，因此你信息的结尾可能会被截掉。
为什么我分享链接时 og:image 不显示？
最常见的原因是像 /og.png 这样的相对路径。Facebook、LinkedIn 和 X 会从你的站点之外获取图片，因此 og:image 必须是绝对的 https:// URL。本工具会在审查中标记出相对或缺失的 og:image 值。
twitter:card 的 summary 和 summary_large_image 有什么区别？
summary 会在文本左侧渲染一个小的方形缩略图，而 summary_large_image 会在卡片顶部渲染一张大图。如果 twitter:card 缺失或无法识别，X 会回退到较小的 summary 布局。