Open Graph标签生成器 - 社交分享Meta标签

Open Graph（OG）是一套由Facebook推出的HTML元数据协议，通过在网页中嵌入「meta」标签来控制页面在社交平台上的分享展示效果。虽然OG标签不直接影响搜索引擎排名（Google等搜索引擎主要依赖「meta description」和页面内容来生成搜索结果摘要），但OG标签对社交分享的间接SEO影响不可忽视——精心设计的OG标签能够显著提升社交分享的点击率，带来更多流量和社交信号，而流量和社交信号是搜索引擎评估页面质量的重要参考因素。此外，部分搜索引擎（如Bing）在特定情况下也会参考OG标签来丰富搜索结果的展示。因此，配置OG标签是内容营销和社交SEO策略中不可或缺的一环。

og:image的推荐尺寸是1200×630像素，这是Facebook、LinkedIn等主流平台的推荐规格，宽高比约为1.91:1。最小可接受尺寸为600×315像素。如果图片不显示，常见原因包括：（1）图片URL不是绝对路径——必须以「https://」开头；（2）图片服务器禁止了社交平台爬虫的访问——检查服务器的robots.txt和访问控制设置；（3）图片格式不被支持——建议使用JPEG或PNG格式，避免使用WebP等较新格式；（4）图片文件过大——建议控制在8MB以内；（5）社交平台缓存了旧数据——使用Facebook Debugger工具点击「Scrape Again」刷新缓存。另外，确保图片宽高比接近1.91:1，否则在部分平台上图片可能被裁切或变形。

推荐使用以下官方验证工具来检查OG标签配置：（1）Facebook Sharing Debugger——访问developers.facebook.com/tools/debug/，输入页面URL，工具会显示Facebook爬虫读取到的所有OG属性值，并标注缺失或错误的标签。如果需要刷新缓存，点击「Scrape Again」按钮。（2）Twitter Card Validator——访问cards-dev.twitter.com/validator，输入页面URL，检查Twitter Card标签是否被正确识别，以及分享卡片的预览效果。（3）LinkedIn Post Inspector——访问linkedin.com/post-inspector/，输入页面URL，检查LinkedIn上的链接预览效果。（4）Google Rich Results Test——虽然Google主要关注结构化数据（Schema.org），但该工具也可以帮助确认页面的元数据配置。建议在发布页面后，使用至少两个以上的验证工具进行交叉检查。

Twitter Card是Twitter（现为X）专属的链接预览协议，使用「twitter:」前缀的meta标签（如「twitter:card」、「twitter:title」）；Open Graph是Facebook推出的通用协议，使用「og:」前缀的meta标签。两者在功能上有大量重叠——当Twitter爬虫遇到页面中没有Twitter Card标签但有OG标签时，会自动使用OG标签的内容作为后备。因此，理论上只配置OG标签也能在Twitter上正确显示。然而，最佳实践是同时配置两套标签：OG标签作为通用标准覆盖所有社交平台，Twitter Card标签作为Twitter专属补充，可以利用Twitter特有的功能（如指定「summary_large_image」大图卡片类型、设置「twitter:site」关联Twitter账号等）。本工具会自动生成两套标签，无需用户额外配置。

Open Graph协议定义了丰富的页面类型，最常用的包括：（1）「website」——适用于网站首页、着陆页或任何通用网站页面，是最简单通用的选择。（2）「article」——适用于博客文章、新闻报道、教程指南等内容型页面，配置后可以额外设置「article:published_time」（发布时间）、「article:author」（作者）、「article:section」（栏目分类）等属性。（3）「product」——适用于电商商品详情页，可以配置「product:price:amount」（价格）、「product:price:currency」（货币）、「product:availability」（库存状态）等属性。（4）「profile」——适用于个人主页、作者介绍页，可以配置「profile:first_name」（名）、「profile:last_name」（姓）等属性。（5）「video.other」——适用于视频内容页面。选择原则是：优先选择最具体的类型，如果不确定或页面内容类型混合，使用「website」作为安全的默认值。

这是社交平台缓存机制导致的常见问题。Facebook在首次抓取页面OG标签后会将结果缓存一段时间（通常为24小时到7天，具体取决于URL的权威性和分享频率）。即使您已经修改了页面的OG标签内容，Facebook在缓存过期前仍可能显示旧的缓存版本。解决方法：访问Facebook Sharing Debugger（developers.facebook.com/tools/debug/），输入您的页面URL，然后点击「Scrape Again」按钮强制Facebook重新抓取最新的OG标签内容。如果仍然显示旧内容，可以尝试在URL末尾添加查询参数（如「?v=2」）来绕过缓存。此外，确保修改后的页面OG标签内容确实已经正确更新——使用Debugger的「Object Properties」区域确认最新抓取的属性值是否正确。

OG标签应该放在HTML文档的「」标签内部。具体来说，建议将OG标签放在「