TTKTheTextKit
SEO & Marketing Tools

Open Graph Generator

Enter your webpage details below to generate complete Open Graph and Twitter Card HTML meta tags. Paste them into your site's <head> to ensure your links display high-converting image cards and rich titles when shared on Facebook, X (Twitter), LinkedIn, and Slack.

Generated Open Graph & Twitter Tags
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://thetextkit.com">
<meta property="og:title" content="TheTextKit — Free Online Text & Word Processing Tools">
<meta property="og:description" content="100% private browser-based utilities to count words, convert casing, format JSON, and build metadata.">
<meta property="og:image" content="https://thetextkit.com/og-image.png">
<meta property="og:site_name" content="TheTextKit">

<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://thetextkit.com">
<meta name="twitter:title" content="TheTextKit — Free Online Text & Word Processing Tools">
<meta name="twitter:description" content="100% private browser-based utilities to count words, convert casing, format JSON, and build metadata.">
<meta name="twitter:image" content="https://thetextkit.com/og-image.png">

Related Tools

[4 suggestions]

Meta Tag Generator

Live-generate HTML title, meta description, and canonical link tags for page heads.

SEO & Marketing

SERP Preview Tool

Live-render realistic Google search result mockups with pixel-accurate title and snippet truncation.

SEO & Marketing

UTM Link Builder

Live-generate URL tracking links with campaign source, medium, name, content, and term parameters.

SEO & Marketing

URL Slug Generator

Transform article titles into clean, URL-friendly and SEO-optimized slugs.

Case & Formatting

About the Open Graph Generator

The Open Graph protocol (originally developed by Facebook) and Twitter Cards enable web pages to become rich objects in social network feeds. When a link is shared without OG metadata, platforms attempt to scrape the page automatically, often selecting irrelevant images or excerpting boilerplate header text. By embedding explicit og:title, og:description, og:image, og:url, og:site_name, and twitter:card tags in your document <head>, you control exactly how your brand is represented across social feeds and messaging apps. High-quality social card previews significantly increase click-through rates (CTR) from social channels. All tag generation occurs in real time in your browser without any network requests.

What is Open Graph and why does my website need it?▾

Open Graph (OG) is a protocol that allows web pages to control how their content appears when shared on social media platforms like Facebook, LinkedIn, Pinterest, and messaging apps like Slack and WhatsApp. Without OG tags, platforms display automated fallback previews that may look broken or missing images.

What image dimensions work best for Open Graph and Twitter Cards?▾

The recommended image size for og:image and twitter:image (summary_large_image) is 1200 x 630 pixels (1.91:1 aspect ratio). Keeping your image file size under 5MB ensures fast loading on mobile connections.

Do Twitter Cards require separate tags from Open Graph?▾

Twitter reads Open Graph tags as fallbacks, but explicitly including twitter:card, twitter:title, twitter:description, and twitter:image guarantees that X (Twitter) displays your chosen card layout correctly.