Why do I need both Open Graph and Twitter Card tags?

Open Graph covers Facebook/LinkedIn/most platforms; Twitter reads its own tags first, falling back to Open Graph only if its own are missing - so including both is the reliable option.

Does this tool send my input anywhere?

No - the tags are generated entirely in your browser.

Open Graph Generator

Generate Open Graph and Twitter Card meta tags for social-share previews.

Title

Site name (optional)

Description

Page URL

Image URL

<meta property="og:title" content="My Page Title">
<meta property="og:description" content="A short, accurate description of this page.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Page Title">
<meta name="twitter:description" content="A short, accurate description of this page.">
<meta name="twitter:image" content="https://example.com/og-image.png">

Files never leave your device - the markup is generated entirely in your browser.

Related tools

How it works

1
Enter your page details

Title, description, URL and image.
2
See the tags generated instantly

Both Open Graph and Twitter Card.
3
Copy and paste into your page

Inside the <head> section.

FAQ

Why do I need both Open Graph and Twitter Card tags?: Open Graph covers Facebook/LinkedIn/most platforms; Twitter reads its own tags first, falling back to Open Graph only if its own are missing - so including both is the reliable option.
Does this tool send my input anywhere?: No - the tags are generated entirely in your browser.