Meta Tag Generator
Build the search and social meta tags for any web page. Fill in the title, description, canonical URL, Open Graph, and Twitter fields, then copy a ready block of HTML with a live search snippet and social card preview.
Everything runs in your browser. Nothing is uploaded.
Page type
Recommended 1200 x 630 pixels for a large card.
Twitter card
Extra tags
Search result
A practical guide to choosing your first pair of running shoes, with fit tips, cushioning advice, and budget picks under $100.
Social card
A practical guide to choosing your first pair of running shoes, with fit tips, cushioning advice, and budget picks under $100.
Paste this block inside the <head> of your page.
How to generate SEO meta tags online
Enter your page details
Type in the page title, meta description, canonical URL, keywords, and author.
Add social fields
Fill in the Open Graph and Twitter fields like image, site name, and card style for rich link previews.
Check the preview
Watch the search snippet and social card mockup update so you can see how the page will look.
Copy the tags
Copy the generated block of title and meta tags and paste it into the head of your HTML.
Why use this tool
Search and social in one block
Generates the title, meta description, canonical, Open Graph, and Twitter Card tags together, grouped and commented so they drop straight into the page head.
Live search and social preview
A search-result snippet and a social card mockup update as you type, so you can see how a link will look before you publish.
Smart fallbacks
Open Graph and Twitter titles and descriptions reuse your main title and description when left blank, and the Twitter image reuses the Open Graph image, so you only fill in what differs.
Length guidance
Character counters flag titles over 60 and descriptions over 160 so search engines are less likely to truncate them.
Clean, escaped markup
Quotes and angle brackets in your text are escaped automatically, so special characters never break the tags.
Runs entirely in your browser
Everything happens on your device; nothing is uploaded.
About this tool
A meta tag generator builds the block of HTML that lives in the head of a web page and tells search engines and social networks how to display it. This tool covers the tags that matter most for discovery and sharing: the page title, meta description, canonical URL, keywords, author, and the Open Graph and Twitter Card tags that control how a link looks when it is posted to social media. Fill in the fields and the HTML updates instantly, ready to copy.
As you type, two previews show what your page will look like. The search snippet mimics a results page with the site name, URL breadcrumb, title, and description, and it trims long titles and descriptions the same way a search engine does. The social card mockup shows how the link will unfurl, using either a large image or a compact summary layout depending on the Twitter card style you choose. Character counters flag titles longer than 60 characters and descriptions longer than 160 so you can shorten them before they get cut off.
Open Graph and Twitter titles and descriptions fall back to your main title and description when you leave them blank, and the Twitter image reuses the Open Graph image, so you only fill in what is different. Every value is escaped so quotes and angle brackets in your copy will not break the markup. Pair it with the slugify tool to build clean canonical URLs, or the favicon generator to finish the rest of your page head.
Frequently asked questions
- Where do I put the generated tags?
- Paste the whole block inside the <head> element of your HTML page, ideally near the top before any content. Each page should have its own tags with a unique title, description, and canonical URL.
- What is the difference between Open Graph and Twitter tags?
- Open Graph tags (the og: properties) control how a link looks on most social platforms, including Facebook and LinkedIn. Twitter Card tags control the preview on Twitter and X. This tool writes both, and the Twitter tags reuse your Open Graph title, description, and image so the two stay in sync.
- Do I need to fill in every field?
- No. Leave a field blank and its tag is simply left out. The social title and description fall back to your main title and description, so a title, description, and image are usually enough for a good preview.
- How long should the title and description be?
- Aim for a title under about 60 characters and a description between roughly 120 and 160 characters. Beyond those lengths search engines tend to truncate the text with an ellipsis. The counters next to each field turn red once you pass the recommended limit.
- Does it fetch the image or crawl my page?
- No. The previews are drawn from the text you enter, and the image is referenced by URL only. Nothing is fetched, crawled, or downloaded, so the tool works even for pages and images that are not live yet.
- Is my data uploaded anywhere?
- No. Everything runs in your browser; nothing is sent to a server.
Related tools
Slug Generator
Turn any title or phrase into a clean, URL-friendly slug for permalinks, paths, and filenames.
Favicon Generator
Turn one image into the full favicon set: 16 to 512 px PNGs, a real favicon.ico, a web app manifest, and paste-ready link tags.
URL Encode & Decode
Percent-encode text for URLs and decode it back, both directions.
API Key Generator
Generate cryptographically random API keys and tokens in hex, base62, or base64url, with control over length, an optional prefix, and bulk output.
ASCII Table Reference
The full ASCII character set with decimal, hex, octal, binary, and HTML codes. Search by code, character, or name.
Atbash Cipher
Mirror the alphabet so A swaps with Z, B with Y, and so on. Atbash is its own inverse, so one field both encodes and decodes as you type.