免费OG图片预览工具

输入URL查看网站在Facebook、Twitter、LinkedIn上的分享效果。验证OG标签并找出问题。

Enter Your Meta Tags

Enter your OG tags manually below to preview how they render on each platform. URL fetching requires a server-side proxy due to browser CORS restrictions.

0/60 chars
0/160 chars

Recommended: 1200x630px (1.91:1 ratio) for best results across all platforms.

OG标签预览

Fill in the fields on the left to see live previews of how your link will appear on each platform.

什么是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

Test on Each Platform

Each platform renders previews differently. Facebook uses large horizontal cards, Twitter supports both summary and large image cards, Discord shows an embed with accent color. Always preview on all platforms before launching campaigns.

6

Use Absolute URLs for Images

Social media crawlers cannot resolve relative image paths. Always use full absolute URLs (https://...) for og:image. Ensure images are publicly accessible — authenticated or localhost URLs will fail.

OG图片预览：Kleap vs 替代方案

功能KleapMetatags.ioOpenGraph.xyzFacebook Debugger
价格完全免费免费/付费免费/付费Free
支持平台Facebook、Twitter、LinkedInFacebook、Twitter、LinkedInFacebook、TwitterFacebook only
Manual Tag EntryYesYesNo (URL only)No (URL only)
Copy Meta TagsYesYesNoNo
Character WarningsYesNoNoNo
No Signup RequiredYesYesYesFacebook login

常见问题

什么是OG标签？+
Open Graph标签是HTML Meta标签，控制URL在社交媒体分享时显示的标题、描述和图片。
OG图片推荐尺寸？+
1200x630px最通用。Twitter卡片推荐1200x675px。
没有OG标签会怎样？+
社交媒体会猜测页面内容，可能显示不合适的图片或文字。
OG标签影响SEO吗？+
不是直接排名因素，但大幅影响社交媒体点击率，间接贡献流量和SEO。
Twitter需要特殊标签吗？+
OG标签作为后备使用，但添加twitter:card和twitter:image可优化Twitter专属显示。
Do I need both OG and Twitter meta tags?+
You always need OG tags (og:title, og:description, og:image) since most platforms use them. Twitter/X-specific tags (twitter:card, twitter:title, twitter:description, twitter:image) are optional — Twitter falls back to OG tags if they're missing. However, twitter:card is recommended because it controls whether Twitter shows a small square image (summary) or a large banner image (summary_large_image).
Why can't this tool fetch OG tags from a URL?+
Browser security policies (CORS) prevent client-side JavaScript from fetching content from other websites. To read OG tags from a URL, you need a server-side proxy or API. This tool focuses on manual entry so it can run 100% in your browser with zero data sent to any server — your meta tags never leave your device.
What is og:type and what values should I use?+
og:type tells platforms what kind of content your page contains. Common values are: 'website' (homepage, landing pages), 'article' (blog posts, news), 'profile' (personal pages), and 'product' (e-commerce items). The default is 'website'. Facebook uses this to categorize content in news feeds. For most pages, 'website' is fine; use 'article' for blog posts to enable additional tags like article:published_time.
How do OG tags affect SEO and click-through rates?+
OG tags don't directly affect Google rankings, but they significantly impact click-through rates from social media. Posts with optimized OG tags (compelling title, clear description, eye-catching image) can see 2-3x higher engagement compared to posts with missing or auto-generated previews. Higher engagement means more traffic, which indirectly benefits SEO through increased backlinks and brand visibility.
Can I use different titles for Google and social media?+
Yes. The HTML <title> tag is what Google shows in search results, while og:title is what social platforms show in link previews. You can optimize each for its context — a shorter, keyword-rich title for Google and a more compelling, curiosity-driven title for social sharing. Similarly, meta description and og:description can be different to optimize for each channel.

构建社交媒体友好的网站

Kleap的AI构建器自动设置OG标签的专业网站。

免费开始构建

Related Free Tools

Image Compressor

Meta Tags Generator

Social Media Post Generator

Favicon Generator

免费OG图片预览工具 | 社交分享预览 | Kleap