Open Graph Preview

Preview & generate social media meta tags for Facebook, Twitter/X, LinkedIn, Slack, and Discord

OG Tag Inputs

0 / 60
0 / 200

Import from URL

Uses a CORS proxy to fetch and parse meta tags from any public URL.

Live Previews

Facebook
No image
example.com
Page Title
Page description goes here.
Twitter / X
No image
Page Title
Page description goes here.
example.com
LinkedIn
No image
Page Title
example.com
Slack Unfurl
—
Page Title
Page description goes here.
example.com
Discord Embed
—
Page Title
Page description goes here.
example.com

Generated Meta Tags


    

  







  

    
Image Size Recommendations

    

      
        
PlatformRecommended SizeAspect RatioMax File SizeNotes

      
      
        
Facebook1200 × 630 px1.91:18 MBMinimum 600 × 315 for link previews

        
Twitter / X1200 × 600 px2:15 MBsummary_large_image card; min 300 × 157

        
LinkedIn1200 × 627 px1.91:110 MBSame as Facebook; 1200×627 for articles

        
Slack1200 × 630 px1.91:15 MBThumbnail shown at 75×75 px

        
Discord1200 × 630 px1.91:18 MBEmbed thumbnail max 400×300

      
    

  







  

    
Features

    


      

        
👁️

        
Live Multi-Platform Preview

        
See exactly how your link will appear when shared on Facebook, Twitter/X, LinkedIn, Slack, and Discord — all updated in real time as you type.

      


      

        
📋

        
One-Click Tag Generation

        
Generate production-ready HTML meta tags with a single click. Copy the complete block and paste it directly into your <head> section.

      


      

        
🔗

        
Import Existing Tags

        
Paste any public URL and instantly import its Open Graph and Twitter Card tags. Audit competitor pages or migrate tags between projects effortlessly.

      


      

        
📏

        
Smart Character Counting

        
Real-time character counters with platform-ideal thresholds. Titles highlighted when exceeding 60 characters, descriptions at 200 — stay within optimal limits for every platform.

      


    

  







  

    
Frequently Asked Questions

    


      

        

          What are Open Graph tags and why do they matter?
          

            Open Graph (OG) tags are HTML meta tags originally introduced by Facebook that control how your webpage appears when shared on social media. They define the title, description, image, and type shown in link previews. Without OG tags, platforms guess what to display — often picking the wrong image or a truncated description. Proper OG tags ensure consistent, professional-looking shares across Facebook, LinkedIn, Slack, Discord, and most messaging apps.
          

        

      


      

        

          How long does it take for social platforms to update my link preview?
          

            Each platform caches link previews differently. Facebook and LinkedIn offer debug/sharing tools where you can force a re-scrape (Facebook Debugger, LinkedIn Post Inspector). Twitter caches for about 7 days — use the Twitter Card Validator to refresh. Slack and Discord cache per-workspace and per-channel; sharing the link in a new message or appending a unique query parameter forces a fresh fetch.
          

        

      


      

        

          Do I need both Open Graph and Twitter Card tags?
          

            Twitter/X falls back to OG tags when twitter:card-specific tags are missing, so technically OG alone works. However, setting explicit twitter:card (to choose between summary and summary_large_image) and optionally overriding the title, description, or image for Twitter gives you precise control. Best practice: always set twitter:card at minimum, and use OG tags for everything else.
          

        

      


    

  







  

    
Get in Touch

    

    

      ← Back to Inputs
      View Previews
      Generated Tags
      Image Sizes →