OG Meta Tag Preview
Free online Open Graph meta tag preview tool. See how your page looks on Google, Facebook, Twitter, and LinkedIn before publishing.
Google Search Preview
example.com/my-page
My Awesome Page
This is a great description of the page that will appear in search results and social media previews.
Facebook / LinkedIn Preview
example.com/my-page
My Awesome Page
This is a great description of the page that will appear in search results and social media previews.
Twitter Card Preview
My Awesome Page
This is a great description of the page that will appear in search results and social media previews.
example.com/my-page
What Is an OG Meta Tag Preview Tool?
Open Graph (OG) meta tags are HTML meta elements that control how your web pages appear when shared on social media platforms like Facebook, Twitter, LinkedIn, and messaging apps. They define the title, description, image, and URL displayed in link previews. This tool lets you input your OG meta tag values and instantly preview how your page will look in Google search results, Facebook/LinkedIn share cards, and Twitter cards — all without publishing or deploying your page. Getting these previews right is essential for maximizing click-through rates and ensuring your content looks professional when shared.
How to Use the OG Meta Tag Preview
- Enter your page title in the 'og:title' field. Keep it under 60 characters for best display across all platforms.
- Add your page URL in the 'og:url' field. This is the canonical URL that will be shown in previews.
- Write a compelling description in the 'og:description' field. Aim for 155 characters or fewer for optimal display.
- Paste your OG image URL in the 'og:image' field. The recommended size is 1200×630 pixels for best results across platforms.
- Review the live previews below to see how your page will appear on Google, Facebook/LinkedIn, and Twitter.
Common Use Cases
- Pre-Launch Content Review — Preview how blog posts, landing pages, and product pages will appear in social shares before publishing, catching issues with truncated titles or missing images.
- SEO Optimization — Optimize your page titles and descriptions for search engine results by previewing the Google search appearance and ensuring key information is visible.
- Social Media Marketing — Craft compelling share previews that maximize engagement and click-through rates when your content is shared on Facebook, Twitter, and LinkedIn.
- Client Presentations — Show clients how their pages will look across different platforms during design reviews, without needing to deploy to a live environment.