Meta Tag Generator
Generate SEO and social meta tags (Open Graph, Twitter) for your pages.
Tip
Use absolute URLs and ensure your image is accessible and large enough for social previews.
About this Meta Tag Generator
Generate SEO and social meta tags for your web pages: standard title and description, Open Graph tags for Facebook and LinkedIn, and Twitter Card tags for Twitter. When someone shares your link, the right title, description, and image appear in the preview. Enter your page details and get ready-to-paste HTML for the head section of your site. All generation runs in your browser with no server uploads. Perfect for new pages, blog posts, landing pages, and any URL you want to look professional when shared on search and social.
Key Features
Generate title and description meta tags for SEO
Open Graph tags (og:title, og:description, og:image, og:url) for Facebook, LinkedIn, and others
Twitter Card tags (twitter:card, twitter:title, etc.) for rich previews on Twitter
Optional image URL for social previews (recommended 1200×630 for best display)
Copy the full HTML block into your page head
Runs in your browser; no data sent to servers
How to Use
Enter the page title and description (keep description under ~160 characters for SEO)
Add an image URL for social sharing if you have one (optional but recommended)
Review the generated meta tags in the output
Copy the HTML and paste it into the <head> of your page or template
Popular Use Cases
New pages: add meta tags when launching a new page or site
Blog posts: give each post a unique title, description, and image for sharing
Landing pages: control exactly how the URL looks when shared in emails or social
Social sharing: ensure Facebook, Twitter, and LinkedIn show the right preview
Tips & Best Practices
Use a descriptive title (50–60 characters) and a compelling description (around 150–160 characters) for search and clicks.
Social images often look best at 1200×630 pixels. Use a clear, readable image that represents the page.
Twitter can fall back to Open Graph tags, but Twitter-specific tags give you control over card type and text on Twitter.
Frequently Asked Questions
What are Open Graph tags?
Open Graph meta tags (og:title, og:description, og:image, og:url) control how your page looks when shared on Facebook, LinkedIn, and other platforms that use OG metadata.
Do I need both Open Graph and Twitter tags?
Twitter can use OG tags as a fallback. Adding Twitter-specific tags (e.g., twitter:card, twitter:title) gives you explicit control over how the link appears on Twitter.
Where do I put the generated tags?
Paste them inside the <head> section of your HTML page, or in your template/layout so they appear on every page (or override per page with your CMS or static generator).
Related tools
Encode or decode HTML entities and special characters.
Validate email addresses and check their format and deliverability.
Perform DNS lookups to find IP addresses, MX records, and other DNS information.
Test your actual internet connection speed, ping, and performance metrics with detailed analysis and troubleshooting tips.
Check HTTP headers and response information from websites, including redirect chain.