Open Graph Generator
Create Open Graph metadata with escaped attributes, strict URLs, image details, and separate preview caveats.
0 characters · preview platforms decide how much text they display.
Generated Open Graph markup
Values are HTML-escaped before being written into content attributes.
Generated Open Graph meta tags will appear here.
Open Graph Is an Object Description, Not a Screenshot Specification
Open Graph tells a consumer what object a page represents: its title, type, permanent URL, image, and optional supporting details. That metadata is shared input. The actual card is still rendered by the consuming service.
A platform may crop the image, shorten the description, prefer a cached value, apply a product-specific fallback, or ignore fields it does not support. A generator can make the markup correct; it cannot guarantee one universal visual preview.
The Four Core Properties Should Describe the Same Object
The protocol defines og:title, og:type, og:image, and og:url as the basic metadata for an object. The important practical detail is consistency. If the title describes one article, the image promotes another campaign, and og:url points at a tracking variant, the markup may be technically complete while describing the object poorly.
Think of og:url as the stable identity of the object, not as “whatever URL happened to be copied from the browser today.”
Structured Image Properties Belong to the Image Immediately Before Them
Open Graph allows repeated images. Width, height, media type and alt text are structured properties attached to the preceding og:image. Their position therefore matters when a page contains several social images.
The generated output contains one image group, so those properties are emitted immediately after og:image. If you later add multiple images manually, keep each image's structured properties together instead of putting every width or alt field at the end of the head.
Image Dimensions Help a Consumer, but They Do Not Validate the Image
Adding og:image:width and og:image:height tells a crawler the dimensions you claim. This browser generator does not download the image to confirm those numbers, MIME type, file size, redirect behavior, TLS certificate, or crawler accessibility.
Use real platform debugging tools when a deployed card still shows the wrong or stale image.
og:image:alt Describes the Image; It Is Not a Second Marketing Caption
The Open Graph protocol describes og:image:alt as text describing what is in the image, not as a caption. A descriptive value is therefore closer to “Browser address bar showing highlighted URL parts” than “The ultimate guide you cannot miss.”
Do Not Add Campaign Parameters to the Permanent Object URL by Accident
Sharing links often arrive with utm_source, gclid, fbclid, or another acquisition parameter. Those parameters can measure a visit, while the Open Graph object should often continue identifying the stable page URL.
Common campaign parameters are flagged instead of removed automatically because query strings sometimes identify genuinely different content.