Quick Answer
Social meta tags control link previews. Use og: tags for Facebook/LinkedIn, twitter: tags for Twitter. Same content can be shared across both with proper tags.
Quick Template
Use the full Meta Tag Generator
This variant is a fast preset. Open the full tool to fine-tune inputs, explore more options, and share the result.
Meta Tag Generator
Generate Open Graph and Twitter Card meta tags for social sharing
Basic Information
0/160
Twitter Settings
Custom Meta Tags
Generated Meta Tags
<!-- Primary Meta Tags --> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image">
About Social Media Meta Tag Generator
How to Use the Meta Tag Generator
- Enter basic information - Title, description, URL, and image
- Configure Twitter settings - Choose card type and add usernames
- Add custom tags if needed
- Preview the social card appearance
- Copy the generated code and paste into your HTML
<head>
Essential Meta Tags
Primary Meta Tags
<title>Your Page Title</title>
<meta name="description" content="Your page description">
Open Graph Tags (Facebook, LinkedIn)
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com">
<meta property="og:title" content="Your Title">
<meta property="og:description" content="Your description">
<meta property="og:image" content="https://example.com/image.jpg">
Twitter Card Tags
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com">
<meta property="twitter:title" content="Your Title">
<meta property="twitter:description" content="Your description">
<meta property="twitter:image" content="https://example.com/image.jpg">
Image Guidelines
| Platform | Recommended Size | Aspect Ratio |
|---|---|---|
| 1200×630 | 1.91:1 | |
| Twitter Large | 1200×628 | 1.91:1 |
| Twitter Summary | 144×144 min | 1:1 |
| 1200×627 | 1.91:1 |
Content Type Options
| Type | Use For |
|---|---|
| website | Homepage, general pages |
| article | Blog posts, news articles |
| product | E-commerce product pages |
| profile | Author pages, about pages |
| video.movie | Video content pages |
Twitter Card Types
- summary_large_image: Large image with title and description (most common)
- summary: Small square image with title and description
- app: App download cards
- player: Video/audio player cards
Testing Tools
After generating your meta tags, test them with:
Related Tools
Code Minifier
Minify HTML, CSS, and JSON online. Reduce file size by removing comments, whitespace, and formatting. Free code compression tool.
Diff Checker
Compare two text versions side by side with highlights for additions and deletions. Spot changes in code, configs, or copy instantly with private, in-browser processing.
Hash Generator
Generate MD5, SHA-1, SHA-256, SHA-384, and SHA-512 hashes online. Free cryptographic hash calculator for developers.