🏷️ Meta Tag Generator
Generate SEO meta title, meta description, Open Graph and Twitter Card tags. Copy ready-to-paste HTML for your website head section.
What Are Meta Tags?
Meta tags are HTML elements placed in the <head> section of a webpage that describe its content to search engines and social media platforms. They don't appear on the page itself — they exist purely to communicate information to crawlers and link-preview systems.
The three most important categories are: SEO meta tags (title and description, which Google displays in search results), Open Graph tags (which control how your page looks when shared on Facebook, LinkedIn, and WhatsApp), and Twitter Card tags (the equivalent standard for X). Together, these tags determine whether your page gets clicked from search results and how professional it looks when shared on social media.
Missing or poorly written meta tags directly hurt click-through rate. A page can rank #1 in Google and still get few clicks if the title and description don't compel someone to click — this is one of the most overlooked levers in SEO.
How to Use This Meta Tag Generator — Step by Step
- Enter your Page Title — keep it within 50–60 characters; the counter turns green when ideal.
- Write your Meta Description — aim for 150–160 characters; this is the snippet users see under your title in Google.
- Add your Canonical URL — the official URL of the page (prevents duplicate content issues).
- Enter your Site Name — appears in social media previews.
- Add an OG Image URL — use a 1200×630px image for the cleanest social preview.
- Click "⚡ Generate Meta Tags" and copy the output directly into your page's head section.
Meta Title & Description Character Limits
| Element | Ideal Length | What Happens If Too Long |
|---|---|---|
| Meta Title | 50–60 characters | Google truncates with "…" |
| Meta Description | 150–160 characters | Cut off in search snippet |
| OG Title | Up to 60 characters | Truncated on Facebook/LinkedIn |
| OG Image | 1200×630px | May crop awkwardly |
Open Graph vs Twitter Card — What's the Difference?
Open Graph tags (prefixed og:) were created by Facebook and are used industry-wide by Facebook, LinkedIn, WhatsApp, Slack, and Discord to generate rich link previews. Twitter Card tags (prefixed twitter:) are a separate standard specifically for X. Most sites include both — this generator produces both automatically so you don't have to remember the syntax for each.
Common Mistakes This Tool Helps You Avoid
- Titles over 60 characters — get truncated and look unprofessional in search results
- Duplicate titles across pages — confuses Google about which page to rank
- Missing OG image — results in a blank or default thumbnail when shared on social media
- Keyword-stuffed descriptions — reads as spam and lowers click-through rate
- Missing canonical tag — can cause duplicate content penalties if the page is accessible via multiple URLs
Frequently Asked Questions
What are meta tags and why do they matter for SEO?
Meta tags are HTML snippets in the page head that describe content to search engines and social platforms. The title and description directly influence how your page appears in Google search results and your click-through rate. Open Graph and Twitter Card tags control how your page looks when shared on social media.
What is the ideal length for a meta title and description?
Meta titles should be 50–60 characters; meta descriptions should be 150–160 characters. Google typically displays the first 50–60 characters of a title and around 155–160 characters of a description before truncating with an ellipsis.
What is the difference between Open Graph and Twitter Card tags?
Open Graph (OG) tags were created by Facebook and are used by Facebook, LinkedIn, WhatsApp, and most platforms for rich link previews. Twitter Card tags are a separate standard specifically for X. Most modern sites include both, since X partially falls back to Open Graph tags when Twitter Card tags are missing.
What size should my Open Graph image be?
The recommended size is 1200×630 pixels with a 1.91:1 aspect ratio. This displays correctly across Facebook, LinkedIn, and most social platforms without cropping. Keep file size under 1MB for fast loading.
Where do I paste the generated meta tags?
Paste the generated code inside the <head> section of your HTML file. If you use WordPress, plugins like Yoast or Rank Math provide dedicated fields for title, description, and social image instead of requiring manual HTML editing.