Open Graph Generator
Generate Open Graph and Twitter Card meta tags for rich social media previews.
How to Use
- Enter your page URL, title, description, and image URL.
- Select the OG type (website, article, product).
- Choose Twitter Card type (summary or summary_large_image).
- Copy the generated tags into your page's <head> section.
When to Use This
- Adding share metadata to a hand-built page where no plugin writes og: tags and the link currently previews as a bare URL.
- Checking that an image URL you were given actually loads before the tags go live, since the preview requests that image itself.
- Producing a consistent tag block for several campaign landing pages so each one shares with its own title instead of the site default.
- Switching a page from summary to summary_large_image and seeing the exact tag that changes, rather than editing the attribute from memory.
Frequently Asked Questions
About This Tool
Open Graph is a small vocabulary of page properties, among them type, url, title, description, image and site_name, declared as meta tags that use the property attribute rather than name. When a link is posted, the receiving platform fetches the page, reads those properties and builds a card from them. Twitter Cards are a parallel set that use the ordinary name attribute, which is why both appear in the head of most pages.
This generator writes both blocks from one form: six og: properties plus a twitter: group covering card type, url, title, description, image and an @handle, with the @ added if you leave it off. A card preview below the form shows the title, description and hostname, and loads your image URL directly, so a broken path shows up straight away.
Notes & Limits
- Only six og: properties are written. og:locale, og:image:width, og:image:height and article: properties such as published_time have to be added by hand.
- The preview is this tool's own layout, not a platform renderer. Facebook, LinkedIn and X crop images and truncate text differently from each other.
- Nothing validates the image: a 400x400 file produces the same tags as a 1200x630 one, and the dimensions of the file are never checked.
- The og:url value is copied verbatim and never compared with the page it will live on, so a stale URL here points every share at the wrong page.