Open Graph Tag Generator
Generate Open Graph meta tags so links look great on Facebook, LinkedIn and more.
This tool runs entirely in your browser. Your files are never uploaded to a server.
Required Open Graph fields: title, type, image and page URL.
<meta property="og:type" content="website" />
What this tool does
Creates escaped Open Graph meta elements for a page title, object type, representative image, canonical page URL, description, site name, and image alternative text. These signals help compatible services understand a shared URL.
How to use it
Enter the four basic OGP properties—title, type, image, and page URL—then add the optional description, site name, and meaningful image alt text. Copy the result into the page head and deploy it in server-rendered HTML that sharing crawlers can fetch.
Worked example
For an article titled “Autumn Trail Guide”, use article as the type, its canonical HTTPS address as og:url, and an absolute HTTPS card image. The generator outputs one property per line and converts an ampersand in the title to &.
Validation and safety
Page and image addresses must be absolute HTTP or HTTPS URLs without embedded credentials. The type must use a safe Open Graph token format, and every attribute value is HTML-escaped so quotes or angle brackets cannot create another element.
Required and optional properties
The Open Graph protocol defines og:title, og:type, og:image, and og:url as its four basic required properties. Description and site name are optional; when an image is supplied, the protocol recommends a descriptive og:image:alt value.
Preview limitations
The metadata expresses preferences rather than controlling a platform's final card. Services may crop images, shorten text, cache an older response, ignore unsupported types, or use other page signals. There is no single image dimension guaranteed across every consumer.
Privacy and verification
Generation runs locally and Quiklio does not upload entered text or URLs. Inspect the deployed source, confirm crawlers receive HTTP 200 without login, and test with each target platform's inspection tool; OGP and LinkedIn guidance reviewed September 2026.
Frequently Asked Questions
- What is Open Graph?
- Open Graph is a protocol that lets any web page become a rich object in social media feeds by adding a few meta tags.
- Is one image size guaranteed to work everywhere?
- No. Platforms publish different requirements and may crop or reject an image. Use an absolute, crawlable, representative image URL and verify the deployed page with every target service.
- Where do these tags go?
- Paste the generated <meta> tags inside your page's <head> section.