Meta Tag Generator

Generate HTML meta tags for SEO, Open Graph, and Twitter Cards with a live preview of search and social results.

Loading...
1. Enter your page title, keeping it under 60 characters for optimal search display. 2. Write a compelling meta description between 150 and 160 characters that includes your target keyword. 3. Fill in the Open Graph fields (og:title, og:description, og:image URL) for social media sharing previews. 4. Add Twitter Card fields to control how your page appears when shared on Twitter. 5. Review the live preview panel to see how your page will look in Google search results and social cards. 6. Click "Copy Tags" to copy the complete HTML meta tag block and paste it into your page head section.

About This Tool

The Meta Tag Generator helps you create properly formatted HTML meta tags for search engine optimization, Open Graph social sharing, and Twitter Card previews. Fill in your page title, description, keywords, and social media details, then copy the complete set of tags ready to paste into your HTML head section.

A live preview shows exactly how your page will appear in Google search results, Facebook shares, and Twitter posts. This visual feedback helps you craft titles and descriptions that look compelling and fit within character limits before publishing.

Proper meta tags are foundational to SEO success. This tool ensures you include all essential tags - from basic title and description to canonical URLs, robots directives, Open Graph images, and Twitter Card types. It also generates the complete viewport and charset tags needed for modern responsive websites.

Frequently Asked Questions

Meta tags are HTML elements that provide metadata about a web page. They tell search engines what your page is about, how to display it in results, and whether to index it. The title and description meta tags directly affect click-through rates from search results.
Meta titles should be 50-60 characters to avoid truncation in search results. Meta descriptions should be 150-160 characters. This tool shows character counts and warns you when you exceed recommended limits.
Open Graph tags (og:title, og:description, og:image, etc.) control how your page appears when shared on social platforms like Facebook, LinkedIn, and others. Without them, platforms may display incorrect or missing information about your page.
Twitter can fall back to Open Graph tags, but for the best control over how your content appears on Twitter, include Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) alongside Open Graph tags.

Related Tools

HTML Minifier

Minify HTML by removing whitespace, comments, and optional tags to reduce document size.

Developer Tools

Text to Slug and URL Generator

Convert any text into a clean, URL-friendly slug. Handles special characters, accents, and multiple languages automatically.

Text and Writing

URL Parser

Break down URLs into protocol, host, port, path, query parameters, and hash components.

Developer Tools

HTTP Status Codes Reference

Search and browse all HTTP status codes with descriptions, use cases, and common troubleshooting tips.

Web and SEO Tools

Safelink Decoder

Decode Microsoft SafeLinks, Google AMP cache URLs, and other URL wrappers to reveal the original destination.

Web and SEO Tools

HTML Entity Encode and Decode

Convert special characters to HTML entities and decode HTML entities back to readable text.

Developer Tools