Create perfect SEO, Open Graph & Twitter Card meta tags with a live Google and social preview. Character counters keep you in the ideal range — just copy and paste. Free, no signup.
Best length for Google: 50–60 characters.
Best length for Google: 150–160 characters.
Comma separated (optional).
1200×630px works best.
Allow search engine indexing
Off = noindex, nofollow (hides the page from Google)
Your Page Title Appears Here
Your meta description preview shows here. Aim for 150–160 characters so Google doesn't truncate it.
yourdomain.com
Your Page Title
Your description preview for Facebook, X & LinkedIn.
<title>Your Page Title</title> <meta name="description" content="" /> <meta name="robots" content="index, follow" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Open Graph / Facebook --> <meta property="og:type" content="website" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" />
Paste these tags inside the <head> section of your HTML.
See exactly how your page looks in Google search and when shared on Facebook, X and LinkedIn — as you type.
Title and description counters turn green inside the SEO-ideal range so Google never truncates your snippet.
Generates SEO, Open Graph and Twitter Card tags together so your links look perfect everywhere.
Clean, valid HTML you can copy or download and drop straight into your page's head section.
Add your title, description, URL and image.
Watch the Google & social previews update live.
Copy or download the generated meta tags.
Drop them into your page's head section.
Here's what each tag this tool generates actually does.
| Tag | What it does |
|---|---|
| Title tag | The clickable headline in search results. ~50–60 characters. |
| Meta description | The summary under the title. ~150–160 characters. |
| Meta robots | Tells search engines to index/follow — or not. |
| og:title / og:description | Title & text shown when shared on Facebook, LinkedIn, etc. |
| og:image | The preview image for social shares (1200×630px ideal). |
| twitter:card | Sets the card style for X (Twitter) shares. |
Search engines use your title tag and meta description to understand and display your page. A compelling, well-sized snippet directly improves your click-through rate — which is one of the strongest signals you control. Add Open Graph and Twitter Card tags and every share of your link turns into clean, branded, clickable content instead of a bare URL.
Meta tags are snippets of HTML that describe your page to search engines and social networks. The title tag and meta description shape how your page appears in Google results, while Open Graph and Twitter Card tags control how it looks when shared. Good meta tags improve click-through rate and search visibility.
Keep title tags around 50–60 characters and meta descriptions around 150–160 characters so Google doesn't truncate them. This tool shows a live character counter that turns green when you're in the ideal range.
Open Graph (og:) tags control the title, description and image shown when your page is shared on Facebook, LinkedIn and most platforms. Twitter Card tags do the same for X (Twitter). Adding both ensures your links look professional everywhere they're shared.
Yes, it's 100% free with no signup and no limits. Generate, preview, copy and download as many meta tags as you need.
Paste the generated tags inside the <head> section of your HTML page, before the closing </head> tag. On WordPress you can add them via an SEO plugin like Yoast or Rank Math.