Loading…
Loading…
Preview how your site looks on Google, Twitter & more
https://example.com
Your Page Title
Your page description will appear here. Add a compelling description to improve click-through rates.
<!-- 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="" />
Need SEO and content templates?
Blog post frameworks, keyword research sheets, and on-page checklists built for real traffic growth. Starting at $4.
Browse SEO TemplatesSocial 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.
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.
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.
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
About the Meta Tags & OG Preview
Six platforms: Google search results, Twitter cards, Facebook shares, LinkedIn posts, Discord embeds, and WhatsApp messages.
Yes. Paste any URL and the tool will extract its existing meta tags, show you what's missing, and let you edit and regenerate.
Title: 50-60 characters. Description: 150-160 characters. The tool shows color-coded character counts to guide you.
Open Graph (OG) is a protocol introduced by Facebook that controls how a URL appears when shared on social platforms. Without OG tags, platforms generate their own often-ugly previews. Proper OG tags guarantee the right image, title, and description appear every time someone shares your link.
Twitter Cards are a separate tag system (twitter:card, twitter:title, etc.) distinct from Open Graph. While Twitter will fall back to OG tags in some cases, explicit Twitter Card tags give you more control — including card type (summary vs. summary_large_image) and Twitter-specific descriptions.
Each platform has different crawl behavior, cache TTLs, and image dimension requirements. Facebook caches OG data aggressively (use the Sharing Debugger to force a refresh). Discord and WhatsApp pull fresh data on each share. LinkedIn prefers images at 1200x627px minimum.
The title tag is a direct ranking signal — Google uses it to understand page topic. Meta description does not directly influence ranking but does affect click-through rate (CTR), which sends behavioral signals back to Google. A compelling, keyword-rich description can meaningfully improve organic traffic.
Fancy text in 24 Unicode styles — copy & paste anywhere
Open →SEO & ContentTurn one keyword into dozens of SEO video tags
Open →SEO & ContentReveal the exact tags any YouTube video uses
Open →SEO & ContentViews, length, age, views/day & tags for any video
Open →