标题
来自
framer.com
framer.com
https://www.framer.com
标题
描述
framer.com
标题
描述
标题
https://www.framer.com
https://www.framer.com
标题
检查、预览并生成更好的社交链接预览
使用元标签（Meta Tag）工具最强有力的理由很简单：你想知道一个 URL 在被分享时会呈现出什么样子。本页面可以帮助您检查网站元标签、预览 Open Graph 卡片、检查 Twitter 卡片详情，并在这些糟糕的社交媒体预览传播到 Google、Facebook、LinkedIn、Slack、WhatsApp、Telegram 或 AI 回答界面之前及时发现并加以修正。
标题
您的标题标签和 Open Graph（开放图谱）标题定义了人们在搜索结果、浏览器标签页、社交卡片以及链接预览中看到的标题。一个良好的元标签生成器工作流，首先要检查标题在分享时是否具体、与关键词相关且清晰易读。
标题
描述
framer.com
描述
元描述预览可以展示页面摘要是否足够清晰，以适用于 Google 摘要和社交媒体预览。它应该说明页面的作用，符合用户的搜索意图，并使分享的链接值得点击。
标题
描述
framer.com
图片
OG 图片检查工具可以帮助确认预览图是否加载成功、裁剪是否正确，以及是否能让人一目了然地了解页面主题。这对于 Facebook 链接预览、LinkedIn 动态、Slack 展开链接、WhatsApp 分享、Telegram 预览以及其他社交分享卡片来说至关重要。
网站图标
浏览器标签页、书签、搜索结果和分享链接预览都支持 Favicon（网站图标）。如果缺少 Favicon，即使是再实用的元标签检查器或 Open Graph 预览工具，在那些更成熟的竞争对手面前，也会显得不够完善。
标题
描述
framer.com
元标签实用指南
使用此工具可以预览 URL 在分享时的外观、检查 Open Graph 标签、检查 Twitter 卡片元数据、验证元标题和描述，并为搜索、社交媒体和即时通讯应用生成更整洁的社交预览。
什么是 Open Graph 检查器？
Open Graph 检查器会读取网页的分享元数据，并展示该 URL 在链接预览中的显示效果。它有助于在网页发布到 Facebook、LinkedIn、Slack、WhatsApp、Telegram 或其他平台之前，验证 OG 标题、OG 描述、OG 图片、规范网址、网站图标（favicon）以及相关的元标记。
为什么在分享之前要先预览网站链接？
链接预览通常是人们点击前看到的第一印象。预览分享的 URL 有助于发现缺失的图片、被截断的标题、通用的描述、损坏的网站图标，以及可能降低点击率的特定平台显示问题。
元标签生成器与元标签检查器的对比
元标签检查工具可以审核已在 URL 上发布的内容。元标签生成器则可以帮助您在发布前撰写更好的标题、描述和 Open Graph 值。最佳的工作流程是将两者结合：检查当前页面、优化元数据，然后预览其在搜索和社交卡片中的效果。
Open Graph、Twitter 卡片和社交预览
Open Graph 标签为多款链接预览提供支持，而 Twitter 卡片则为 X 平台添加了特定于平台的元数据。Facebook、LinkedIn、Slack、WhatsApp 和 Telegram 可能会以稍微不同的方式显示 URL，因此在不同的预览格式中检查同一页面有助于您尽早发现问题。
发布链接前需要检查什么
检查元标题、元描述、OG 标题、OG 描述、OG 图片、网站图标（favicon）、规范网址（canonical URL）以及渲染后的预览效果。如果分享卡片未能清晰说明页面内容，请重写元数据，直到预览能够立即传达出主题和价值。
为什么说社交媒体分享图（OG Image）检查至关重要
如果图像缺失或尺寸错误，OG 图像可能会被裁剪、缓存、压缩或忽略。OG 图像检查工具可以帮助确认图像能够正确加载，并且在作为紧凑的社交媒体预览显示时仍然具有合理的视觉效果。
一个简单的链接预览优化工作流
从 URL 开始，检查现有 Meta 标签，预览 Google 风格的搜索结果，检查 Open Graph 和 Twitter 卡片预览，更新标题和描述，验证 OG 图片，然后在分享或发布前再次测试链接。