Pulsars

OG Meta Tag Generator — Preview Your Social Cards

Meta Tag Fields

Recommended: 1200×630px (1.91:1 ratio)

Live Previews

Google Search
example.com
Page Title
Page description will appear here...
Twitter / X
No image
Title
Description
example.com
Facebook / LinkedIn
No image
EXAMPLE.COM
Title
Description
iMessage
No image
Title
Description

Generated HTML

<!-- Open Graph -->
<meta og-attr">property="og:type" og-attr">content="website" />
 
<!-- Twitter Card -->
<meta og-attr">name="twitter:card" og-attr">content="summary_large_image" />
Your URLs and content stay in your browser. Nothing is stored or shared.

Open Graph (OG) meta tags, created by Facebook in 2010, control how web pages appear when shared on social media. The four required properties are og:title, og:type, og:image, and og:url. Twitter uses its own twitter:card system with twitter:title, twitter:description, and twitter:image. Without these tags, platforms generate previews from page content — often with missing images or truncated descriptions that reduce click-through rates by 30-50%.

What are the required Open Graph tags?

Open Graph is a protocol created by Facebook in 2010 that turns any web page into a rich object in a social graph. When someone shares your URL, the platform reads your OG tags to generate a preview card with a title, description, and image. Without these tags, platforms either guess (poorly) or show a generic link. OG tags are supported by Facebook, LinkedIn, Pinterest, Slack, Discord, Telegram, iMessage, and many other platforms.

What are the different Twitter Card types?

Twitter supports two main card types for most websites: summary (small square image beside text) and summary_large_image (large image above text). There are also app and player types for mobile apps and video/audio content, but summary_large_image is the most common choice for articles, blog posts, and landing pages.

What are the optimal image sizes for social sharing?

Platform Recommended Size Aspect Ratio
Facebook / LinkedIn 1200 × 630 px 1.91:1
Twitter summary_large_image 1200 × 628 px ~2:1
Twitter summary 144 × 144 px min 1:1
iMessage 1200 × 630 px 1.91:1

Need to format your page's structured data? Try our JSON Formatter for JSON-LD validation, or our JWT Decoder for API token debugging.

Frequently Asked Questions

What are Open Graph tags?

+

Open Graph (OG) tags are HTML meta tags that control how your page appears when shared on social media platforms like Facebook, LinkedIn, Twitter, and messaging apps. They define the title, description, image, and URL shown in the link preview card. Without OG tags, platforms will guess what to show — often with poor results.

What is the difference between og:title and the HTML title tag?

+

The HTML <title> tag is used by search engines for the SERP listing. og:title is used specifically for social media previews. They can be different — your title tag might include your brand name (e.g., 'Guide to React | MyBlog'), while og:title can be more engaging for social sharing (e.g., 'The Ultimate Guide to React in 2026').

What image size should I use for Open Graph?

+

The recommended size is 1200×630 pixels (1.91:1 aspect ratio) for Facebook and LinkedIn. Twitter's summary_large_image uses a similar 2:1 ratio (1200×628px). For the summary card type, use at least 144×144px. Use PNG or JPG format, and keep the file size under 5MB for best compatibility.

What is the difference between Twitter summary and summary_large_image?

+

The 'summary' card shows a small square thumbnail beside the title and description. The 'summary_large_image' card shows a large image above the text, taking up much more space in the feed. Use summary_large_image when your content has a strong visual (articles, products, portfolios) and summary for more text-focused content.

Do I need both OG tags and Twitter Card tags?

+

Twitter will fall back to OG tags if no Twitter-specific tags are present. However, for the best control, include both. Twitter-specific tags (twitter:card, twitter:title, etc.) take precedence over OG tags on Twitter/X. Facebook, LinkedIn, and iMessage only use OG tags.

Is this tool safe for my URLs?

+

Yes, everything runs locally in your browser. No data is sent to any server. We don't store, track, or share your URLs, titles, descriptions, or image paths.

Related Tools

📋
JSON Formatter & Validator
Format, validate, beautify, and minify JSON instantly. Syntax error detection with line numbers.
🔑
JWT Decoder
Decode JSON Web Tokens instantly. Inspect header, payload, claims, and expiration — 100% client-side.