Open Graph Generator
Generate Open Graph meta tags so links to your page preview correctly when shared.
Processing: This tool runs entirely in your browser. Your input and any file you open stay on your device — nothing is uploaded to a server.
How to use the open graph generator
- Fill in the title, description and image URL.
- Copy the tags.
- Paste them into your page's <head>.
About this tool
Open Graph tags control the card that appears when your link is pasted into a chat, a social post or a messaging app. Without them the platform guesses, and the guess is usually the first image on the page and whatever text it can find — which is rarely what you would have chosen.
The image is where most of the value is and where most of the mistakes happen. It must be an absolute URL: crawlers do not resolve relative paths, so a relative image URL means no preview picture at all. Aim for 1200×630, which is the size platforms crop towards.
One thing worth knowing before you debug for an hour: platforms cache aggressively. Once a URL has been shared, the old preview often persists for days regardless of what you change. Most platforms provide a debugging tool that forces a re-fetch, and that is the only reliable way to see an update.
Values are escaped for attribute use, so an ampersand or quote in your title cannot break the tag.
Common uses
- Controlling how a link looks when shared.
- Adding preview images to blog posts.
- Fixing a link preview that shows the wrong image.
Frequently asked questions
- Why is my preview image not showing?
- Most often a relative URL — crawlers do not resolve them, so og:image must be absolute. Otherwise the platform has cached an older version of the page.
- What size should the image be?
- 1200×630 is the standard target. Smaller images may be shown as a small thumbnail or dropped entirely.
- I updated the tags but the preview is unchanged.
- Platforms cache previews aggressively. Use the platform's own debugging or re-scrape tool to force a fresh fetch.
Related tools
Twitter Card Generator
Generate Twitter/X card meta tags for large-image or summary link previews.
Meta Tag Generator
Generate title, description, canonical, Open Graph and Twitter Card tags with live length checks.
SERP Snippet Preview
Preview how a page's title and description may appear in search results.
Canonical URL Generator
Generate a rel=canonical link tag, with a check that the URL is suitable.