How to use it
- Fill in title, description, and URL.
- Add an image.
- Copy the generated tags.
Why use it
- Build social cards for Facebook, X, and LinkedIn.
- Avoid missing-tag errors.
- Preview how your link appears.
- Get ready-to-paste HTML.
- Free and unlimited.
What are Open Graph tags?
Open Graph (OG) is a protocol introduced by Facebook that lets any web page control how it appears when shared. Today it is understood by Facebook, LinkedIn, X, WhatsApp, Slack, Discord, and most other platforms. Adding the right tags means a shared link shows a rich card with a title, description, and image instead of a bare URL.
The essential OG tags
| Tag | Purpose |
|---|---|
og:title | The headline shown on the share card |
og:description | The one- or two-line summary |
og:image | The large preview image (recommended 1200x630) |
og:url | The canonical URL of the page |
og:type | The object type, typically website |
og:site_name | The name of your site shown with the card |
Best practices
- Keep
og:titleunder about 60 characters so it is not truncated. - Keep
og:descriptionunder about 160 characters. - Use a 1200x630 image for optimal display across platforms; the card uses a wide crop.
- Add both Open Graph and Twitter Card tags so links look good everywhere.
- Repeat the same
og:urlas the canonical URL to avoid duplicate-card confusion.
This generator builds all the tags you need and warns you when important fields are missing, so you can be confident a shared link renders correctly the first time.