Meta Tags & OG Preview
Preview how your site looks on Google, Twitter & more
Meta Tags & OG Preview is a free, browser-based tool that lets you preview how your site looks on google, twitter & more — with zero signup, zero installation. Your data never leaves your browser. Part of 116+ free developer and business tools at wowhow.cloud, built and maintained by a team with 14+ years of hands-on development experience.
Meta Tag Fields
Live Preview
https://example.com
Your Page Title
Your page description will appear here. Add a compelling description to improve click-through rates.
Generated Code
<!-- Primary Meta Tags --> <title></title> <meta name="description" content="" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:url" content="" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image" /> <meta property="twitter:url" content="" /> <meta property="twitter:title" content="" /> <meta property="twitter:description" content="" />
About Meta Tags & OG Preview
Social sharing previews are controlled by meta tags — specifically Open Graph and Twitter Card markup — not by your visible page content. Getting these right determines whether your links look polished or broken across Google search results, Twitter, Facebook, LinkedIn, Discord, and WhatsApp. Each platform enforces its own image dimensions, title length caps, and description truncation rules, making manual validation across six platforms time-consuming without a live preview tool.
How It Works
When a URL is shared, each platform sends a bot to crawl the page and reads specific HTML meta tags from the <head> section. Google reads the standard <title> tag and meta description. Facebook and LinkedIn read Open Graph tags (og:title, og:description, og:image). Twitter reads twitter:card, twitter:title, and twitter:description tags. Discord and WhatsApp primarily use Open Graph as well, but with slightly different image size preferences.
This tool simulates how each platform renders your meta tags in real time without waiting for actual crawlers. Enter your title, description, URL, and image URL and the previews update instantly. Character counters use each platform's actual display limits — Google truncates titles at approximately 600px (roughly 60 characters for Latin scripts), while Twitter allows up to 70 characters and LinkedIn up to 150 characters for titles.
The generated HTML output includes both Open Graph and Twitter Card tags along with standard meta tags, so a single copy-paste covers all six platforms. The Next.js metadata object format is also exported for React-based projects, removing the need to hand-write the metadata export.
Who Is This For
A developer launching a SaaS product verifying that the og:image appears correctly on LinkedIn and Discord before announcing on Product Hunt.
A content marketer checking that 20 blog post titles all fall within Google's 60-character display limit before a site migration.
An e-commerce team ensuring product page OG images meet Facebook's 1200x630px requirement so links in ads render without cropping.
A freelance SEO auditing a client site by pasting existing URLs to identify pages missing Open Graph tags or using duplicate meta descriptions.
Scope note: Character counts are measured in Unicode code points, not rendered pixel width. Google measures title display width in pixels — a title with narrow characters (like "i", "l", "1") may display fully even beyond 60 characters, while wide characters ("W", "M") may truncate earlier. Use this tool as a close approximation; verify final titles in Google Search Console's URL Inspection tool for pixel-accurate rendering.
How to Use
Enter your page title, description, URL, and image URL
See live previews across Google, Twitter, Facebook, LinkedIn, Discord, and WhatsApp
Adjust fields until previews look perfect — character limits are shown
Copy the generated HTML meta tags or Next.js metadata format
Frequently Asked Questions
More Free Tools
View allNeed production-ready templates?
Browse premium developer tools, starter kits, and templates — starting at $49. Pay once, use forever.
Browse Products