UTILS.
Private by default
og

Open Graph Generator

Generate Open Graph and Twitter Card meta tags with a live social share preview.

Your files stay on this device

Files are processed in your browser, never uploaded. The site downloads code and assets to run the tools. No accounts or trackers.

Use Download to save this tool as one HTML file for offline use.

Privacy →
— output appears here —

Try a worked example

Example

Enter Trail Mug as the title, Acme as the site name, https://example.com/mug as the URL and https://example.com/mug.jpg as the image. The output has og:title, og:url, og:image and og:site_name tags, plus Twitter Card tags with the card type summary_large_image.

Keep in mind

Use an absolute image URL, because most platforms will not resolve a relative path; 1200 × 630 pixels suits most link previews. Platforms cache previews, so after changing the tags use each platform's debugging tool to refresh them.

About this tool

Creates Open Graph and Twitter Card tags and shows how your link will look when shared. It all runs in your browser.

Frequently asked questions

What is Open Graph?
A protocol that lets social networks show a rich preview (title, description, image) when your page is shared.
Which Twitter card is used?
summary_large_image when you provide an image, otherwise the smaller summary card.

More tools