构建您的Open Graph标签
基本信息
图片设置
附加设置
为社交媒体生成完美的Open Graph标签
让您的网页在Facebook、LinkedIn、WhatsApp、Slack等平台分享时呈现精彩效果
Open Graph（OG）标签是控制网页在社交媒体平台上分享时外观的元标签。没有正确的OG标签，社交网络将猜测显示什么标题、描述和图片——通常效果不佳。我们的生成器帮助您在几秒钟内创建完美的OG标签。
什么是Open Graph标签？
Open Graph是Facebook创建的协议，允许网页成为社交图谱中的富对象。当您在Facebook、LinkedIn、WhatsApp或Slack上分享URL时，OG标签会准确告诉这些平台应显示什么标题、描述、图片和其他信息。
主要功能
实时预览
在发布前，准确查看页面在社交媒体中分享时的显示效果。
多种内容类型
支持网站、文章、产品、视频、音乐和个人资料内容类型。
图片优化
设置精确的图片尺寸，获得清晰、专业的社交预览效果。
一键复制
即时复制生成的标签并粘贴到HTML的head部分。
100%客户端处理
所有处理均在您的浏览器中进行。不会向任何服务器发送数据。
符合标准
生成的标签遵循官方Open Graph协议规范。
最佳实践
- 将og:title保持在60个字符以内，以便在所有平台上获得最佳显示效果。
- 将og:description控制在100-200个字符之间，以获得最佳互动效果。
- 使用1200×630像素的图片，在Facebook和LinkedIn上获得最佳质量。
- 始终包含og:url以确保分享时使用规范URL。
- 实施后使用Facebook Sharing Debugger测试您的OG标签。
- 每当更改页面内容或图片时，请更新OG标签。
常见问题
Open Graph标签放在哪里？
将OG标签放在HTML页面的<head>部分内。它们应该是带有property和content属性的<meta>标签。
理想的OG图片尺寸是多少？
推荐尺寸为1200×630像素。Facebook要求最低200×200像素，小于600×315像素的图片将显示为小缩略图。
OG标签会影响SEO吗？
OG标签不会直接影响搜索排名，但能显著提高来自社交媒体的点击率，从而间接提升SEO效果。
如何测试OG标签？
使用Facebook Sharing Debugger（developers.facebook.com/tools/debug/）测试页面显示效果。LinkedIn也有Post Inspector工具。