Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph, and Twitter Cards with a live preview of search and social results.
Meta Tag Generator tool
Example
Input: Page Title: Best Hiking Boots 2026 (other fields left empty)
Result: <title>Best Hiking Boots 2026</title>, <meta property="og:title" content="Best Hiking Boots 2026" /> and a summary_large_image Twitter card
The title is reused for the Open Graph and Twitter titles when those fields are empty, alongside the charset and viewport tags. Special characters are HTML-escaped.
Tags This Generator Writes
| Tag | Filled from |
|---|---|
| meta charset | Always added (UTF-8) |
| meta viewport | Always added |
| title | Page Title |
| meta description | Meta Description |
| link rel="canonical" | Canonical URL |
| og:title | OG Title, or Page Title if empty |
| og:description | OG Description, or Meta Description if empty |
| og:type | OG Type (website by default) |
| og:url | Canonical URL |
| og:image | OG Image URL |
| twitter:card | Card Type (summary_large_image by default) |
| twitter:site | Twitter @handle (@ added if missing) |
| twitter:title, twitter:description | Same values as og:title and og:description |
| twitter:image | OG Image URL |
Tags whose source field is empty are left out.
- Enter your page title, keeping it to about 60 characters.
- Write a meta description of 150 to 160 characters that says what the page offers.
- Fill in the Open Graph fields (OG title, OG description, OG image URL) for social previews.
- Choose a Twitter Card type and add your @handle.
- Check the live previews for Google search and social cards.
- Click the Copy button on the Generated HTML panel and paste the tags into the head of your page.
Which Meta Tags a Page Needs and Why
This generator writes the HTML meta tags a page needs for search results and social shares. Fill in a title, a description and a few social fields. You get a ready-to-paste block for the head of your page. You also get previews of how it may look on Google, Facebook and Twitter, now called X.
The title tag and meta description are what search engines most often show in results. Aim for about 50 to 60 characters for the title and 150 to 160 for the description. The counters turn green inside those ranges and red outside them. Google may rewrite either one if it thinks other text fits a search better, but a clear and honest pair gives you the best chance. The canonical link tells search engines which URL is the main copy of a page. That matters when the same content can be reached at several addresses.
Open Graph tags start with og:. They control the card that appears when someone shares your link on Facebook, LinkedIn, Slack and many chat apps. Twitter Card tags do the same job on X. If you leave the OG title or description empty, the tool reuses your page title and meta description. The Twitter tags copy the Open Graph values, so you only type things once. Every block also starts with the charset and viewport tags that modern pages need.
Quotes, ampersands and other special characters are escaped for you, so they cannot break the HTML. The previews are close guides, not exact copies of each site. Give the page a clean address with the Text to Slug Generator. If you ever move it, the HTTP Status Codes reference explains which redirect to use.
Sources
Frequently Asked Questions
Related Tools
HTML Minifier
Minify HTML by removing comments and collapsing whitespace between tags and inside tags to reduce document size.
Developer ToolsText to Slug and URL Generator
Convert any text into a clean, URL-friendly slug. Handles special characters and accented Latin letters automatically.
Text and WritingURL Parser
Break down URLs into protocol, host, port, path, query parameters, and hash components.
Developer ToolsHTTP Status Codes Reference
Search and browse over 60 HTTP status codes grouped by class, each with its official name and a plain description.
Web and SEO Tools