Open Graph Generator

How the Open Graph Tags Generator works

Open Graph generator: the tags that matter

Open Graph is a small vocabulary of <meta property="og:..."> tags originally defined by Facebook and now read by almost every service that renders link previews. A handful of tags do most of the work; the rest depend on the type of thing the page represents.

The core four. og:title, og:type, og:image and og:url are required by the specification. Title should be the page's headline, not the site name — around 60 characters before platforms truncate. og:url is the canonical address and should match your <link rel="canonical">, so shares of tracking-parameter variants all count as one page. og:type is website for most pages and article for posts and news; the other values are rarely needed but change which extra properties platforms accept.

Description and site name. og:description is the one or two sentence summary under the title; keep it under 200 characters. og:site_name shows as a small label above or below the card on many platforms and helps readers place the link. og:locale uses the language_TERRITORY form such as en_GB or fr_CA.

Images. This is where previews most often fail. The image URL must be absolute — scrapers do not resolve relative paths against your page. The recommended size is 1200 by 630 pixels, a 1.91:1 ratio; the generator warns if your dimensions are far from that, because platforms crop towards it. Including og:image:width and og:image:height lets Facebook render the card correctly on the very first share instead of after its crawler has downloaded the image. og:image:alt provides the accessible description that screen readers announce in feeds.

Article properties. When the type is article, the generator emits article:published_time and article:modified_time in ISO 8601, plus author, section and one article:tag per comma-separated tag. LinkedIn and Facebook use these for the date shown on the card and for content classification.

Twitter cards. X reads Open Graph tags as a fallback but needs twitter:card to choose the layout: summary_large_image for a wide image above the text, summary for a small square thumbnail beside it. The site and creator handles attribute the card. Repeating the title, description and image as twitter: tags is optional; it only matters if you want X to show different text from other platforms, or if a third-party tool insists on them.

Deploying and debugging. Tags must be in the initial HTML — scrapers do not run JavaScript, so a client-rendered app needs server-side or pre-rendered tags. After deploying, run the URL through the Facebook Sharing Debugger, LinkedIn Post Inspector or X Card Validator; these also clear the platform's cache of the old preview. The Meta Tag & Open Graph Checker on this site audits the finished page.

Related tools