Open Graph Generator

1200x630 pixels (1.91:1 ratio) is the universal safe size for Facebook, LinkedIn, Twitter summary_large_image, and most other platforms. File size should be under 8 MB (Facebook limit) — aim for under 1 MB for fast loading. Use PNG for graphics with transparency, JPEG for photos. Anything below 200x200 pixels may not display at all on Facebook. Square images (1200x1200) also work well if your image looks better square.

og:type tells platforms what kind of content your page is. website is the default and works for homepages, landing pages, and most static pages. article is for blog posts and news — it unlocks additional tags like article:author, article:published_time, and article:section. product is for e-commerce items. video.movie and music.song exist for media content. Using the correct type can enable richer previews on some platforms.

Twitter reads OG tags as a fallback, so your links will preview even without explicit Twitter Card tags. However, Twitter Card gives you two important extras: (1) twitter:card type — summary_large_image shows a full-width image above the link text, much more attention-grabbing than the small thumbnail in a basic summary card; (2) twitter:site and twitter:creator — your @handle appears below the card. For content marketing, adding Twitter Card tags is worth the two extra lines of HTML.

Facebook and LinkedIn aggressively cache OG data. After updating your og:image URL, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to force a re-scrape — paste your URL and click "Scrape Again". LinkedIn has a Post Inspector at linkedin.com/post-inspector. Twitter/X generally refreshes within a few hours automatically. Changing the image URL (e.g. adding ?v=2 as a cache buster) also forces platforms to fetch the new image.

og:locale declares the language and territory of your content, for example en_US, fr_FR, or tr_TR. It is optional but useful for multilingual sites — it helps Facebook serve the correct language version when a user clicks a shared link. The format is language_TERRITORY with an underscore (not a hyphen). og:locale:alternate can list additional supported locales. For single-language sites, omitting it is fine; Facebook defaults to en_US.

Facebook Sharing Debugger (developers.facebook.com/tools/debug) is the most complete — it shows exactly which tags were scraped, any warnings, and lets you force a cache refresh. LinkedIn Post Inspector (linkedin.com/post-inspector) tests LinkedIn previews. Twitter Card Validator (cards-dev.twitter.com/validator) checks Twitter cards. These tools show the actual scraped data, not a simulation, so they catch problems like blocked image URLs or missing required tags.

No. All OG tag generation and social preview rendering happens in your browser with JavaScript. Your page titles, descriptions, URLs, and image URLs never leave your machine.