liminfoOgpreview
Free web tool: Ogpreview
Enter OG Meta Info
Platform Previews
Recommended Image Sizes by Platform
example.com
My Awesome Page
This is a description of my page that will appear in social media previews.
Twitter / X
506 x 265 px cardMy Awesome Page
This is a description of my page that will appear in social media previews.
example.com
My Awesome Page
example.com
KakaoTalk
800 x 400 px cardMy Awesome Page
This is a description of my page that will appear in social media previews.
example.com
Meta Tag Code
<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="This is a description of my page that will appear in social media previews." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="This is a description of my page that will appear in social media previews." />Paste the code above inside your HTML <head> tag. Works with Next.js, WordPress, and plain HTML.
About Ogpreview
This Open Graph preview tool and OG tag generator lets you see exactly how your web page will look when shared on Facebook, Twitter/X, LinkedIn, and KakaoTalk — all four platforms side by side. Enter values for og:title, og:description, og:image URL, and og:url, and the tool renders live social card mockups reflecting each platform's unique card layout, aspect ratio, and truncation rules. The KakaoTalk link preview is especially useful for Korean-targeted content since KakaoTalk is the dominant messaging app in Korea, where shared links appear as rich preview cards within chat conversations.
Each platform preview displays the actual card dimensions used by that platform. The Facebook share preview shows a 524 x 274 card with the domain displayed in uppercase above the title. Twitter/X supports both summary_large_image (506 x 265) and summary (small square thumbnail) card types, selectable via a dropdown. LinkedIn renders a clean card with title and domain only. KakaoTalk shows the distinctive chat bubble card style with rounded corners inside a message bubble background. Platform-specific recommended image sizes are shown inline: Facebook 1200x630, Twitter 1200x675, KakaoTalk 800x400, LinkedIn 1200x627.
The OG tag generator produces the complete HTML — including og:title, og:description, og:image, og:url, og:type, og:site_name, and all Twitter Card tags — with a one-click copy button. Everything runs entirely client-side with no server calls, so your content is never sent anywhere. Whether you need a Facebook share preview, a KakaoTalk link preview check, or a full Open Graph meta tag set, this tool covers every use case.
Key Features
- Live Open Graph preview for 4 platforms: Facebook, Twitter/X, LinkedIn, and KakaoTalk side by side
- Facebook share preview with 524x274 card, uppercase domain, and accurate text truncation
- KakaoTalk link preview emulating the chat bubble card style used in Korean messaging
- OG tag generator producing complete og: + twitter: meta tag HTML with one-click copy
- Platform-specific recommended image sizes: Facebook 1200x630, Twitter 1200x675, KakaoTalk 800x400, LinkedIn 1200x627
- Twitter/X card type selector: switch between summary_large_image and summary card layouts
- og:site_name optional field for branding control in preview cards
- Real-time updates — all four previews refresh instantly on every keystroke
- 100% client-side — no server requests, works offline, your content is never transmitted
- Dark mode support and responsive layout for comfortable use on any device
Frequently Asked Questions
What is Open Graph and why do I need og: meta tags?
Open Graph is a protocol created by Facebook that controls how URLs appear when shared on social networks. When someone shares a link on Facebook, Twitter, LinkedIn, KakaoTalk, Slack, or other platforms, those platforms read og:title, og:description, and og:image tags to build a preview card. Without these tags, platforms guess a title and image, often with poor results. This OG tag generator makes it easy to create the correct tags.
What is the recommended og:image size for each platform?
Facebook recommends 1200 x 630 px (1.91:1). Twitter recommends 1200 x 675 px for summary_large_image cards (displayed at 506 x 265). LinkedIn recommends 1200 x 627 px. KakaoTalk recommends 800 x 400 px (2:1) for link previews or 400 x 400 px (1:1) for square cards. Using 1200 x 630 as a universal size works well across all platforms.
How does KakaoTalk display shared links?
KakaoTalk displays shared links as rich preview cards inside chat bubbles. The KakaoTalk link preview card shows an image (recommended 800x400), title, description, and domain. Standard og: tags are used and are sufficient for most use cases, though Kakao Open Graph (kage) offers additional customization for native Kakao sharing flows.
How do I check my Facebook share preview before publishing?
Use this Open Graph preview tool to simulate the Facebook share preview instantly without publishing. Enter your og:title, og:description, og:image URL, and og:url to see a live rendering of the Facebook card. After publishing, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug/) to verify and force a cache refresh.
What is the difference between summary and summary_large_image Twitter cards?
The summary card shows a small square thumbnail (144 x 144 px) on the left side with the title and description on the right. The summary_large_image card shows a large banner image (506 x 265 px) above the title and description. summary_large_image is more visually prominent and is recommended for articles and landing pages.
How do I add these meta tags to my website?
Copy the generated meta tags using the copy button and paste them inside the <head> element of your HTML page. In Next.js, add them to the metadata export or Head component. In WordPress, use Yoast SEO or RankMath. In plain HTML, paste directly into the <head> section.
Do I need both Open Graph and Twitter Card tags?
Twitter falls back to og:title, og:description, and og:image if twitter: tags are missing. However, to specify the card type via twitter:card and ensure optimal display on all platforms, include both sets of tags. This OG tag generator outputs both automatically.
How often do social platforms refresh their cached Open Graph data?
Facebook caches OG data for 24 hours to 7 days — use their Sharing Debugger to force a refresh. Twitter refreshes more frequently. KakaoTalk caches for several hours. LinkedIn can take up to 7 days to refresh. After updating your meta tags, use each platform's debugger tool to clear the cache.