免费OG图片预览工具
输入URL查看网站在Facebook、Twitter、LinkedIn上的分享效果。验证OG标签并找出问题。
tools.og-image-preview.input.title
tools.og-image-preview.input.corsNote
0/60 tools.og-image-preview.input.characters
0/160 tools.og-image-preview.input.characters
tools.og-image-preview.input.imageHint
OG标签预览
tools.og-image-preview.output.placeholder
什么是OG图片预览工具?
OG(Open Graph)图片预览工具分析网站的OG Meta标签,预览在社交媒体分享时的显示效果。
OG标签配置不当会导致分享时图片不显示或标题描述不正确。本工具帮助提前发现并修复问题。
OG标签建议
1
使用推荐图片尺寸
1200x630px最适合Facebook和LinkedIn。Twitter推荐1200x675px。
2
设置必需标签
og:title、og:description、og:image、og:url四个必须设置。
3
图片URL用绝对路径
OG图片URL必须是以https://开头的绝对路径。
4
每页自定义
为每个页面设置独特的OG标签以最大化社交分享效果。
5
tools.og-image-preview.tips.tip5Title
tools.og-image-preview.tips.tip5Desc
6
tools.og-image-preview.tips.tip6Title
tools.og-image-preview.tips.tip6Desc
OG图片预览:Kleap vs 替代方案
| 功能 | Kleap | Metatags.io | OpenGraph.xyz | tools.og-image-preview.comparison.fbDebugger |
|---|---|---|---|---|
| 价格 | 完全免费 | 免费/付费 | 免费/付费 | tools.og-image-preview.comparison.priceFbDebugger |
| 支持平台 | Facebook、Twitter、LinkedIn | Facebook、Twitter、LinkedIn | Facebook、Twitter | tools.og-image-preview.comparison.platformsFbDebugger |
| tools.og-image-preview.comparison.manualEntry | tools.og-image-preview.comparison.manualEntryKleap | tools.og-image-preview.comparison.manualEntryMetatags | tools.og-image-preview.comparison.manualEntryOpengraph | tools.og-image-preview.comparison.manualEntryFbDebugger |
| tools.og-image-preview.comparison.metaTagExport | tools.og-image-preview.comparison.metaTagExportKleap | tools.og-image-preview.comparison.metaTagExportMetatags | tools.og-image-preview.comparison.metaTagExportOpengraph | tools.og-image-preview.comparison.metaTagExportFbDebugger |
| tools.og-image-preview.comparison.charLimits | tools.og-image-preview.comparison.charLimitsKleap | tools.og-image-preview.comparison.charLimitsMetatags | tools.og-image-preview.comparison.charLimitsOpengraph | tools.og-image-preview.comparison.charLimitsFbDebugger |
| tools.og-image-preview.comparison.noSignup | tools.og-image-preview.comparison.noSignupKleap | tools.og-image-preview.comparison.noSignupMetatags | tools.og-image-preview.comparison.noSignupOpengraph | tools.og-image-preview.comparison.noSignupFbDebugger |
常见问题
什么是OG标签?+
Open Graph标签是HTML Meta标签,控制URL在社交媒体分享时显示的标题、描述和图片。
OG图片推荐尺寸?+
1200x630px最通用。Twitter卡片推荐1200x675px。
没有OG标签会怎样?+
社交媒体会猜测页面内容,可能显示不合适的图片或文字。
OG标签影响SEO吗?+
不是直接排名因素,但大幅影响社交媒体点击率,间接贡献流量和SEO。
Twitter需要特殊标签吗?+
OG标签作为后备使用,但添加twitter:card和twitter:image可优化Twitter专属显示。
tools.og-image-preview.faq.q6+
tools.og-image-preview.faq.a6
tools.og-image-preview.faq.q7+
tools.og-image-preview.faq.a7
tools.og-image-preview.faq.q8+
tools.og-image-preview.faq.a8
tools.og-image-preview.faq.q9+
tools.og-image-preview.faq.a9
tools.og-image-preview.faq.q10+
tools.og-image-preview.faq.a10