Social card preview

Preview wide and compact sharing cards, write Open Graph metadata, and export safe HTML tags.

Social sharing preview

The two layouts are illustrative. Open Graph exports the same metadata for both; the destination platform decides the actual card layout and image crop.

Image URL included in export

https://example.com/images/coffee.jpg

Social title

Social description

Page URL

Image URL

Image description (alt text)

Site name

URLs stay on this device. No image is fetched and no markup is injected into this page.

Open Graph head tags499 characters

<meta property="og:type" content="website">
<meta property="og:title" content="Small rituals. Better mornings.">
<meta property="og:description" content="A fresh perspective on your daily cup. Explore our latest collection.">
<meta property="og:url" content="https://example.com/coffee">
<meta property="og:image" content="https://example.com/images/coffee.jpg">
<meta property="og:site_name" content="Everyday Studio">
<meta property="og:image:alt" content="A warm cup of coffee beside a notebook">

Processed on your device

How it works & useful details

How this tool works

Exports the website Open Graph type with title, description, canonical URL and required image URL; optional site name and image alt text are included. Add tags to the head and declare the og prefix on the html element as shown in the Open Graph specification. Both preview layouts use identical tags. Remote images are never fetched; the placeholder is not an image preview. Platforms decide rendering and caching. Titles: 200 characters; descriptions: 1,000; URLs: 8,192 each.

Open Graph protocol