Social Sharing

Generate
Open Graph Tags

Control how your website appears across social platforms.

OG · Twitter · Browser Based

Used for og:url

0/60
0/160

Upload image or paste URL (1200×630 recommended)

Displayed under the preview

Live Preview

Social Share Card

OG

Add preview image

Recommended: 1200 × 630

example.com

Your page title

Your description will appear here when shared on social platforms.

example.com
websitePreview · facebook

Preview approximates how your content may appear when shared across platforms.

Output

Generated Tags

<meta property="og:type" content="website" />

<meta property="og:title" content="" />

<meta
property="og:description"
content=""
/>

<meta property="og:url" content="" />

<meta
property="og:image"
content=""
/>

<meta
property="og:image:alt"
content=""
/>

<meta
property="og:image:width"
content="1200"
/>

<meta
property="og:image:height"
content="630"
/>

<meta
property="og:site_name"
content=""
/>

<meta
property="og:locale"
content="en_US"
/>

<meta
name="twitter:card"
content="summary_large_image"
/>

<meta
name="twitter:title"
content=""
/>

<meta
name="twitter:description"
content=""
/>

<meta
name="twitter:image"
content=""
/>

HTML

<head>
...
paste tags here
...
</head>

Next.js

export const metadata = {
openGraph:{}
}
Preview updates instantlyNeed SEO Meta Tags →