UD5工具箱
什么是 Open Graph (OG) 协议？
Open Graph协议由Facebook于2010年推出，是一套用于网页的meta标签规范。通过在HTML的head中添加og:title、og:description、og:image等标签，可以控制在社交媒体（Facebook、Twitter/X、LinkedIn、Discord等）上分享链接时显示的标题、描述和缩略图。这极大地提升了内容在社交平台上的视觉吸引力和点击率。OG协议已成为社交分享领域的事实标准，被所有主流社交平台广泛支持。
OG标签对SEO有影响吗？
OG标签本身不直接影响Google搜索排名，但对社交信号和点击率有重要影响。当用户在社交平台分享你的链接时，精美的OG卡片能显著提高点击率和内容传播度，间接提升网站的流量和权威性。此外，og:title和og:description的最佳实践与SEO标题和描述高度重叠，优化OG标签有助于整体内容策略。从长远来看，社交平台上的高点击率和广泛传播能够为网站带来更多的自然流量和反向链接，这些都是搜索引擎排名的重要参考因素。
og:image 的最佳尺寸是多少？
推荐尺寸为 1200 × 630 像素（比例约1.91:1），这是Facebook、LinkedIn、Twitter/X等大多数平台的标准显示比例。最小尺寸建议不低于600×315像素，最大文件大小不超过8MB。格式推荐使用JPG或PNG。对于Twitter的summary card（小图模式），图片至少应为144×144像素。确保图片主题居中，因为在某些平台上边缘可能被裁剪。建议在设计图片时预留一定的安全边距，避免重要文字或图形元素过于靠近图片边缘。
为什么设置了OG标签但社交平台不显示？
常见原因包括以下几个方面：1. 缓存问题——社交平台会缓存OG信息，修改后需要使用各平台的调试工具刷新缓存，例如Facebook Sharing Debugger和Twitter Card Validator；2. 图片尺寸太小——低于平台最低要求（通常200×200px），平台可能无法正常加载图片；3. 标签不完整——缺少og:title或og:image等关键标签，平台可能无法正确解析；4. HTTPS问题——部分平台要求图片URL必须使用HTTPS协议；5. robots.txt限制——社交平台爬虫被robots.txt阻止访问页面内容。建议逐一排查以上原因，使用各平台的调试工具确认OG标签的解析状态。
Twitter Card 和 Open Graph 有什么区别？
Twitter Card使用twitter:card、twitter:title、twitter:description、twitter:image等标签，是Twitter（现X）专属的标签体系。Open Graph是更通用的标准，最初由Facebook推出但已被广泛采用。实际上，Twitter在找不到twitter专用标签时会fallback到OG标签。最佳实践是同时设置两套标签，确保在所有平台上都有最佳显示效果。Twitter Card支持summary（小图侧边）和summary_large_image（大图上方）两种主要类型。本工具支持同时生成OG标签和Twitter Card标签的代码，方便你一次性完成两套标签的配置。
如何使用各平台的调试工具验证OG标签？
不同社交平台提供了专门的调试工具来验证OG标签的解析效果：Facebook和Instagram使用Facebook Sharing Debugger，输入URL即可查看抓取到的OG信息并刷新缓存；Twitter/X使用Twitter Card Validator，可以验证Twitter Card标签的解析和显示效果；LinkedIn使用LinkedIn Post Inspector，支持查看链接预览和刷新缓存；Discord可以直接在聊天中粘贴链接来触发嵌入预览，也可以在开发者工具中检查。建议在发布新的OG标签配置后，逐一使用这些工具进行验证，确保在所有平台上的显示效果符合预期。
og:type 有哪些常见类型？
最常用的是website（通用网站页面）和article（文章/博客）。其他类型包括product（产品页）、video.movie（视频）、book（图书）、profile（个人资料）、music.song（音乐）等。选择正确的类型有助于社交平台更好地理解和展示你的内容。对于大多数网站，website或article即可满足需求。og:type的值必须使用小写字母且不能包含空格。部分类型（如article）还支持额外的标签如article:author、article:published_time等，用于提供更详细的内容元信息。
为什么在本工具中预览正常但实际分享时效果不同？
本工具的预览是基于各平台的显示规范进行的模拟渲染，旨在帮助你在发布前了解大致效果。实际分享时可能存在差异的原因包括：社交平台可能有自己的缓存机制，使用旧的OG标签值渲染卡片；平台可能对标签值进行额外的处理（如截断、格式化）；图片的实际加载和渲染可能受到网络环境和平台策略的影响；不同平台的渲染规则可能会随时间更新。建议在实际发布后使用各平台的调试工具进行最终验证，并在发现差异时及时调整OG标签配置。
本工具抓取URL时出现错误怎么办？
URL抓取依赖于浏览器的网络请求能力，可能受到以下因素的影响：目标网站设置了跨域资源共享（CORS）限制，阻止了浏览器的请求；目标网站要求特定的请求头或认证信息；目标URL不可访问或已失效；网络连接不稳定。遇到抓取错误时，建议先确认URL是否正确且可正常访问。如果目标网站限制了跨域请求，你可以手动在工具中填写各OG标签的值——在目标页面的HTML源代码中搜索og:title、og:description等标签即可找到对应的值。手动填写的效果与自动抓取完全相同。