Open Graph和Twitter Card标签决定了你的页面在Facebook、Twitter/X、LinkedIn、微信等平台分享时的显示样式。本工具从PHP服务端抓取页面并解析所有OG和Twitter Card标签，实时预览4个主流平台的卡片效果，检测标签完整性并评分，自动生成缺失标签的代码。
| 标签 | 必要性 | 作用 | 建议值 |
|---|---|---|---|
| og:title | 必需 | 分享标题 | ≤60字符，含关键信息 |
| og:description | 必需 | 分享描述 | 65-200字符 |
| og:image | 必需 | 分享缩略图 | 1200×630px，HTTPS，<5MB |
| og:url | 必需 | 规范URL | 页面的canonical URL |
| og:type | 必需 | 内容类型 | website/article/product |
| og:site_name | 必需 | 网站名 | 品牌名称 |
| twitter:card | 必需 | 卡片类型 | summary_large_image(大图) |
| og:image:width/height | 建议 | 图片尺寸 | 1200/630 |
| og:image:alt | 建议 | 图片描述 | 无障碍访问 |
| twitter:site | 建议 | Twitter账号 | @你的账号 |
发布文章/产品页前，输入URL检测OG标签是否完整，预览在各平台的显示效果，避免分享后发现缩略图缺失或标题被截断的尴尬。一次检测覆盖Facebook、Twitter、LinkedIn、微信4个平台。
当社交分享点击率低于预期时，用工具检查：是否缺少og:image导致无图显示？og:title是否被截断？description是否吸引人？找出具体原因并修复。
输入竞品URL，查看他们的OG配置——分享图是什么风格、标题怎么写、描述用了什么CTA。学习优秀实践优化自己的社交分享效果。
逐个输入网站核心页面URL，检查OG标签是否统一规范。常见问题：首页/文章/产品页的og:type不一致、部分页面缺少og:image等。
产品页在社交平台分享时需要展示产品图片、名称和价格。检测og:image是否为产品主图而非网站logo，og:title是否包含产品名和核心卖点。
微信使用og:title和og:image作为分享卡片内容。检测这两个标签确保微信分享时不会显示默认的「网页链接」无图样式。微信对图片有300KB限制。
检查各语言版本的页面OG标签是否都已翻译。英文页面使用中文og:description是常见错误。og:locale标签帮助平台识别语言。
工具检测到缺失的标签后，自动生成完整的meta代码。直接复制粘贴到页面<head>中即可修复所有OG问题，无需手动编写。
输入URL自动抓取页面，或粘贴HTML源码手动检测。
PHP服务端解析所有og:和twitter:标签，评估完整性。
在Facebook/Twitter/LinkedIn/微信4个平台的模拟卡片中预览分享效果。
OG完整性百分比评分+逐标签检测结果(✅通过/⚠️建议/❌缺失)。
标题长度/图片格式/标签缺失等具体优化建议。
工具自动生成缺失标签的代码，一键复制到页面<head>中。
1200×630像素（1.91:1比例）是Facebook和LinkedIn的推荐尺寸。Twitter大图用2:1比例（1200×600）。统一使用1200×630可兼容所有平台。文件大小<5MB，建议<300KB（微信限制）。
Facebook有缓存。修改后需到Facebook Sharing Debugger(developers.facebook.com/tools/debug)中「重新抓取」刷新缓存。LinkedIn和Twitter也有类似的调试工具。
title标签显示在浏览器标签和搜索结果中；og:title只在社交分享时显示。两者可以不同——og:title可以更口语化、更有吸引力，不受SEO关键词限制。
强烈推荐summary_large_image。大图模式在Twitter信息流中占据更大面积，点击率比小图模式高150-200%。除非你只有logo没有图文图片，否则都用大图。
微信主要读取og:title、og:description和og:image。注意：微信内分享链接需要在微信公众平台配置JS-SDK并设置安全域名。图片建议<300KB，过大会加载超时。
各平台会尝试从页面中抓取第一张图片，但结果不可控——可能抓到广告图、小图标甚至空白。社交分享无图的点击率下降约70%。务必设置og:image。
是的。每个页面应有唯一的og:title、og:description和og:image。常见错误：所有页面共用首页的OG图片，导致分享时看不出是哪个页面。
常用：website(网站首页)、article(博客/新闻)、product(产品)、profile(个人资料)。大多数情况下article和website就够了。
最简单的方法：安装Yoast SEO或Rank Math插件，在文章编辑页面的「社交」标签中设置自定义的分享标题、描述和图片。无需手动编写代码。
OG标签不是Google的排名因素，但间接影响巨大：优秀的社交分享效果→更多点击→更多外链→更高的DR→更好的排名。社交信号是内容传播的放大器。