Open Graph Tag Generator

Generate Open Graph and Twitter Card meta tags to control how your pages appear when shared on Facebook, Twitter, LinkedIn, and other social platforms.

Open Graph Tags
Recommended: 1200 × 630 px, max 8 MB
Twitter Card Tags
Generated Tags

    

    

      
Facebook / LinkedIn Preview

      

        
No image set (1200×630 recommended)

        

          
EXAMPLE.COM

          
Your page title

          
Brief description for social sharing.

        

      

    

    

      
Twitter / X Preview

      

        
No image set

        

          
Your page title

          
Brief description for social sharing.

          
example.com

        

      

    

  








  
  

  






  
Frequently Asked Questions

  

    
    
Open Graph is a protocol created by Facebook and used by Facebook, LinkedIn, Pinterest, and many other platforms. Twitter Cards are Twitter's proprietary format. It is best practice to include both since Twitter will fall back to OG tags when Twitter-specific tags are absent.

  

  

    
    
The universally recommended size is 1200 × 630 pixels with a minimum of 600 × 315 px. Keep the file size under 8 MB. Use JPEG for photos and PNG for graphics with text. Facebook will not scrape images smaller than 200 × 200 px.

  

  

    
    
Facebook caches OG data aggressively. Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug) to force a re-scrape of your URL. Enter your URL and click "Scrape Again" to refresh the cached data.

  

  

    
    
Use website for homepages and general pages. Use article for blog posts and news articles — this unlocks additional properties like article:author and article:published_time. Use product for e-commerce product pages.

  

  

    
    
The universally recommended og:image size is 1200×630 pixels with an aspect ratio of 1.91:1. This size renders well on Facebook, LinkedIn, and most other platforms without cropping. Keep the file size under 8 MB and use JPEG for photographs or PNG for images containing text or logos to ensure maximum clarity.

  

  

    
    
The three most commonly used og:type values are website (for homepages and general pages), article (for blog posts and news — unlocks article:author and article:published_time properties), and product (for e-commerce items). Using the correct type allows social platforms to present your content with the most appropriate rich preview format.

  

  

    
    
summary displays a small square thumbnail (minimum 144×144 px) alongside your title and description — suitable for general content. summary_large_image displays a large full-width image (minimum 300×157 px, recommended 1200×630 px) above the title and description, dramatically increasing visual impact in the Twitter feed. Use summary_large_image for content where imagery is central to the message.

  

  

    
    
The Facebook Sharing Debugger (developers.facebook.com/tools/debug) allows you to enter any URL to see exactly how Facebook reads its OG tags and what preview will appear when shared. Click "Scrape Again" to force Facebook to re-fetch the latest version of your page, clearing the cache. This is essential after updating OG images or titles.

  

  

    
    
og:locale specifies the language and region of your content using IETF language tags (e.g., en_US, fr_FR, de_DE). For multilingual sites, each language version should declare its own og:locale and list alternate locales using og:locale:alternate. This helps social platforms show users the most relevant language version of shared content.

  

  

    
    
Yes. WhatsApp reads Open Graph tags to generate link previews when a URL is shared in a chat. It uses og:title, og:description, and og:image to build the preview card. WhatsApp requires the og:image to be at least 300×200 pixels and publicly accessible (no authentication required) for the preview to display correctly.

  






  
About This Open Graph Generator

  
This free Open Graph tag generator builds the <meta property="og:..."> tags used by Facebook, LinkedIn, Slack, and other platforms to generate rich link previews. Fill in the title, description, image, and URL to get the full set of OG tags.

  
Without Open Graph tags, social platforms generate preview cards using guesswork — often pulling the wrong image or a truncated title. Correctly set OG tags give you full control over how your page appears when shared.

  
When to use this tool

  
    
    
  • Adding rich social previews to blog posts and landing pages
    • 
    
  • Ensuring the correct thumbnail image is used in social shares
    • 
    
  • Setting OG tags for articles, products, and video pages
    • 
    
  • Debugging why a link preview shows the wrong content
    • 
  

  
Standards & References

  





  
Related SEO Tools

  

    SERP Preview
    Meta Tag Generator
    Schema Generator
    Canonical Tag Generator
  







          

        
                        

          

            

              

                
Related Articles

                
In-depth guides and technical articles.

              

              View all →
            

            

                            

                
                                    The Social Crawler Isn't a Browser — and That's Your Bug
                                  
                

                  

                                        Seo
                                        Oct 1, 2026                  

                  The Social Crawler Isn't a Browser — and That's Your Bug
                                    
Social crawlers don't run JavaScript, read only the top of your head, and fetch the image separately. Almost every broken preview traces to one of those three facts.

                                  

              

                            

                
                                    Open Graph Isn't the Same on Every Platform — LinkedIn, WhatsApp, Slack, and Discord Each Have Their Own Rules
                                  
                

                  

                                        Seo
                                        Jul 19, 2026                  

                  Open Graph Isn't the Same on Every Platform — LinkedIn, WhatsApp, Slack, and Discord Each Have Their Own Rules
                                    
LinkedIn's Post Inspector forces cache refresh like Facebook's Sharing Debugger — but they're separate tools, LinkedIn caches even more aggressively, and LinkedIn prefers og:image:secure_url over og:image. Here's platform-specific Open Graph differences: WhatsApp's small preview size and no force-refresh tool, Slack's unfurl API for custom app previews, Discord's og:video for inline playback, and Teams Adaptive Cards for rich integrations.

                                  

              

                            

                
                                    og:image Shows in the Debugger But Not on the Platform — Every Technical Failure Mode Explained
                                  
                

                  

                                        Seo
                                        Jun 23, 2026                  

                  og:image Shows in the Debugger But Not on the Platform — Every Technical Failure Mode Explained
                                    
An og:image that looks correct in Facebook's sharing debugger can still fail to render on other platforms — because relative URLs break crawler fetching, platform dimension requirements differ, WebP may not be supported by some crawlers, and CORS restrictions can block image access. Here's the complete technical checklist: absolute URLs, supplementary og:image:width/height/type tags, the 1200×630 universal dimension, and why SVG og:images fail.

                                  

              

                            

                
                                    Why Your Updated og:image Still Shows the Old Preview: Open Graph Caching Explained
                                  
                

                  

                                        Seo
                                        Jun 21, 2026                  

                  Why Your Updated og:image Still Shows the Old Preview: Open Graph Caching Explained
                                    
A page can have a flawless og:image, og:title, and og:description — and still show an old, wrong preview when shared today, because the platform cached that page's Open Graph data the first time anyone shared it, and has no automatic reason to check again. Here's why platforms cache this data at all, how "sharing debugger" tools let you manually force a refresh (per platform, separately), how long stale caches typically last, and the URL-versioning workaround for dynamically-changing images.

                                  

              

                            

                
                                    Open Graph vs Twitter Cards: Why a Perfect og:image Can Still Show a Tiny Thumbnail on X
                                  
                

                  

                                        Seo
                                        Jun 18, 2026                  

                  Open Graph vs Twitter Cards: Why a Perfect og:image Can Still Show a Tiny Thumbnail on X
                                    
Open Graph tags don't fully control how links look on X — a separate twitter:card tag, with no Open Graph equivalent, determines the card layout, and its absence can produce a small thumbnail even with perfect og:image tags. Here's how Open Graph and Twitter Card namespaces overlap and diverge, image dimension differences between platforms, and why cached previews need platform-specific refresh tools.