OpenGraph Tag Generator

OpenGraph meta tags control how your page appears when shared on social platforms like Mastodon, Slack, Discord, and others. Fill in the fields below to generate the tags and preview how your link card will look.

OpenGraph Properties
The headline shown on the link card
A brief summary shown below the title (1-2 sentences)
The canonical URL; the domain appears on the card
The preview image shown at the top of the card
Fallback image used when no image URL is provided
Your site's name, shown alongside the domain
The content type (most pages use 'website')
Video (optional)
Direct URL to the video file or embed player
MIME type of the video resource
Width in pixels (e.g. 1280)
Height in pixels (e.g. 720)
Mastodon Card Preview
No image
example.com
Page Title
Page description will appear here

Generated Meta Tags

Fill in the fields to generate tags...