What Are Meta Tags?
Meta tags are snippets of HTML that describe a web page's content to search engines, browsers, and social media platforms. They live inside the <head> section of an HTML document and aren't visible on the page itself — but they control how your page appears in Google results, when shared on Facebook or Twitter, and more.
Well-crafted meta tags can dramatically improve click-through rates from search results, social shares, and previews.
How to Use This Tool
- Fill in the form — title, description, URL, and other basic info.
- Add Open Graph tags — control how your page looks on Facebook and LinkedIn.
- Add Twitter Card tags — control how it appears on Twitter/X.
- Watch the live previews — see exactly how it'll render on Google and social.
- Copy the generated HTML — paste it into your page's
<head>.
Essential Meta Tags Reference
| Tag |
Purpose |
Recommended Length |
| <title> |
Page title — shows in browser tabs and search results |
50–60 characters |
| meta description |
Summary shown under the title in search results |
150–160 characters |
| meta viewport |
Controls mobile scaling |
width=device-width, initial-scale=1 |
| link canonical |
Preferred URL — prevents duplicate content issues |
Absolute URL |
| meta robots |
Tells search engines whether to index and follow links |
index, follow / noindex, nofollow |
| og:title |
Title when shared on Facebook/LinkedIn |
60–90 characters |
| og:description |
Description when shared on social |
150–200 characters |
| og:image |
Preview image when shared |
1200×630 px (1.91:1 ratio) |
| twitter:card |
Card layout for Twitter/X |
summary / summary_large_image |
Title Tag Best Practices
- Front-load the primary keyword — Google weights earlier words more heavily
- Keep under 60 characters — longer titles get truncated in search results
- Make it unique — every page should have a distinct title
- Include your brand — usually at the end after a separator like
| or -
- Avoid keyword stuffing — natural readability wins
- Match search intent — make it clear what the page offers
Meta Description Best Practices
- 150–160 characters — the sweet spot for desktop and mobile
- Include the primary keyword — it's bolded in search results
- Add a call-to-action — "Learn more", "Get started", "Compare prices"
- Be specific — vague descriptions don't drive clicks
- Match the page content — don't mislead users
- Use active voice — "Discover the best..." beats "This page contains..."
Open Graph and Twitter Cards
When someone shares your URL on social media, the platform fetches these tags to build a preview card:
- Open Graph (OG) — used by Facebook, LinkedIn, Slack, WhatsApp, Pinterest, and most others
- Twitter Cards — used by Twitter/X, with slightly different fields
Without these tags, social platforms guess based on the page's title and first image — often with ugly results. Adding them ensures your shared links look professional.
JSON-LD Structured Data
JSON-LD (JavaScript Object Notation for Linked Data) is a way to describe your page's content using schema.org vocabulary. Google uses it to generate rich results — star ratings, FAQ dropdowns, breadcrumbs, product prices, and more.
The generated JSON-LD in this tool is a basic WebSite schema. For articles, products, FAQs, and other content types, you'd use additional schema types (Article, Product, FAQPage, etc.).
Common Use Cases
- New blog post — write the title and description before publishing
- Product page — ensure rich social previews with product images
- Landing page — drive more clicks from organic and paid traffic
- E-commerce — improve product listings with proper OG tags
- News articles — use article-specific OG tags for better sharing
- Documentation — describe technical pages clearly
- Portfolio sites — showcase projects with rich previews
Frequently Asked Questions
- Do meta tags affect SEO rankings? — The title tag is a direct ranking factor. The meta description isn't, but it strongly affects click-through rate.
- How many characters is best? — Title: 50–60. Description: 150–160. OG title: 60–90. OG description: 150–200.
- Can I have multiple descriptions? — Yes. The regular meta description and OG description can differ. OG is used by social platforms, regular meta is used by search engines.
- Does Google use meta keywords? — No. Google has ignored meta keywords since 2009. Bing might use them lightly, but it's not worth the effort.
- What's a canonical URL? — It tells search engines the preferred version of a page when multiple URLs serve similar content.
- Is JSON-LD required? — No, but it helps Google show rich results in search.
- Should I include the viewport tag? — Yes, always. It's essential for mobile responsiveness.
- Is this generator free? — Yes, completely free with no limits.
Related Tools
Privacy Note
Everything runs in your browser. Your meta tag inputs are never uploaded, stored, or shared. Close the tab and everything is gone.