{"id":101,"date":"2026-05-04T21:40:44","date_gmt":"2026-05-04T21:40:44","guid":{"rendered":"https:\/\/simpletool.io\/blog\/?p=101"},"modified":"2026-05-04T21:40:44","modified_gmt":"2026-05-04T21:40:44","slug":"open-graph-meta-generator","status":"publish","type":"post","link":"https:\/\/simpletool.io\/blog\/open-graph-meta-generator\/","title":{"rendered":"Open Graph Meta Generator: Build OG & Twitter Tags [2026]"},"content":{"rendered":"
TL;DR:<\/strong> Open Graph (OG) tags are <meta><\/code> tags in your HTML <head><\/code> that tell Facebook, LinkedIn, X\/Twitter, Slack, Discord, and iMessage how to render your link as a preview card. The 4 required tags are og:title<\/code>, og:description<\/code>, og:image<\/code>, and og:url<\/code>. Our free OG meta generator<\/a> builds the full tag block plus Twitter Card variants and shows a live preview of how your link will look on every major platform.<\/div>\n

Every link shared in 2026 \u2014 on Slack, in a Discord thread, in an iMessage, pinned to a Facebook page, posted on LinkedIn \u2014 gets unfurled into a preview card. That card is built from Open Graph meta tags published by Facebook in 2010 and now treated as the de facto standard for the web. Get them right and your link gets a clickable image, branded title, and value-prop description. Get them wrong and your link shows up as a bare URL with no card, often pulling a random image from the page or no image at all.<\/p>\n

Our Open Graph meta generator<\/a> outputs the full tag block (OG + Twitter Card + iMessage Smart App Banner support), shows a live render in 5 platform preview frames, and validates image dimensions against each platform’s spec. This guide covers every required and optional tag, the image dimensions that actually matter in 2026, and the gotchas that cause perfectly-tagged pages to render with no card at all.<\/p>\n

The 4 required tags and 5 you should always add<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Tag<\/th>\nRequired?<\/th>\nNotes<\/th>\n<\/tr>\n<\/thead>\n
og:title<\/code><\/td>\nRequired<\/td>\n\u226460 chars (truncated by Facebook on mobile around 65)<\/td>\n<\/tr>\n
og:description<\/code><\/td>\nRequired<\/td>\n155\u2013200 chars; truncated around 200 on most platforms<\/td>\n<\/tr>\n
og:image<\/code><\/td>\nRequired<\/td>\n1200\u00d7630 PNG\/JPG, <5 MB; absolute https URL<\/td>\n<\/tr>\n
og:url<\/code><\/td>\nRequired<\/td>\nCanonical URL \u2014 ensures dedupe across platforms<\/td>\n<\/tr>\n
og:type<\/code><\/td>\nRecommended<\/td>\nwebsite<\/code>, article<\/code>, video.movie<\/code>, profile<\/code><\/td>\n<\/tr>\n
og:site_name<\/code><\/td>\nRecommended<\/td>\nBrand name shown above title on Facebook<\/td>\n<\/tr>\n
og:image:alt<\/code><\/td>\nRecommended<\/td>\nAlt text for screen readers \u2014 accessibility win<\/td>\n<\/tr>\n
twitter:card<\/code><\/td>\nRecommended<\/td>\nsummary_large_image<\/code> for full-bleed preview<\/td>\n<\/tr>\n
twitter:site<\/code><\/td>\nOptional<\/td>\nYour @handle for attribution analytics<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Image dimensions that actually render correctly<\/h2>\n

Every platform has its own crop box. Use 1200\u00d7630 px (1.91:1)<\/strong> as your canonical size \u2014 it works everywhere as a “summary large image”. File should be PNG or JPG, under 5 MB. Below 600\u00d7315 will render as a thumbnail rather than a full card on Facebook.<\/p>\n