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="" />
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.
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
Blog post frameworks, keyword research sheets, and on-page checklists built for real traffic growth. Starting at $4.
Browse SEO Templates