Open Graph and Twitter Card Meta Tags Generator

Generate SEO, Open Graph and Twitter Card meta tags for your pages.

▸Title▸Description▸URL▸Image▸og:type▸Generated tags

<title>Toolbin</title>
<meta name="description" content="La boîte à outils du développeur.">
<meta property="og:title" content="Toolbin">
<meta property="og:description" content="La boîte à outils du développeur.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://toolbin.dev">
<meta property="og:image" content="https://toolbin.dev/og.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Toolbin">
<meta name="twitter:description" content="La boîte à outils du développeur.">
<meta name="twitter:image" content="https://toolbin.dev/og.png">

🔒 100% client-side — no data sent

Generate Open Graph and Twitter Card meta tags for perfect social media sharing. Control the title, description and preview image of your links. Everything is produced in the browser, with no data collection.

What is it for?

▸ Polish a link preview shared on Facebook or LinkedIn
▸ Set up the Twitter Card with image and description
▸ Generate all og: and twitter: tags at once
▸ Fix a broken or image-less share preview

FAQ

What are Open Graph tags for?

They define the title, description and image shown when your page is shared on social networks.

Do I need separate tags for Twitter/X?

Twitter reads Twitter Card tags but falls back to Open Graph when missing; adding both ensures the best rendering.

What preview image size should I use?

A 1200×630 px image is recommended for a sharp, uncropped display.