Free SEO Tool

Meta Tag Generator

Fill in your page details and watch the live Google and social previews update. Then copy the ready-made SEO, Open Graph, and Twitter meta tags into your page.

0 characters
0 / 160
Google preview
example.com
Your page title goes here
Your meta description preview will appear here as you type.
Social preview
Generated meta tags: paste inside <head>

Tip: also set <html lang="en"> on your page's opening html tag.

Want titles that actually get clicks?

Great meta tags are step one. Our team writes and tests them across your top pages to lift click-through.

Book a Free Call

How to use the meta tag generator

  1. Type your page title and meta description. The counters and previews update as you go.
  2. Add the URL, site name, and a social image so link previews look great when shared.
  3. Click Copy and paste the tags into the <head> of your page.

What gets generated

You get a complete, ready-to-paste block: the title tag and meta description, robots directive, canonical link, Open Graph tags (og:title, og:description, og:image, og:url, og:site_name), and Twitter Card tags, plus charset, viewport, author, and theme color. Empty optional fields are left out, so you only ship the tags you need.

Why meta tags matter

Your title and description are often the first thing people see in search results, and they decide whether someone clicks. Open Graph and Twitter tags control how your link looks when it's shared on social. Getting these right is one of the highest-leverage, lowest-effort SEO wins available.

Frequently asked questions

How long should my title tag be?

Aim for about 50-60 characters. Google cuts titles off around 580 pixels, so keep the important words near the front.

How long should my meta description be?

Around 120-160 characters. Treat it as ad copy: a clear, specific summary that earns the click.

Does the meta description affect rankings?

Not directly. It doesn't boost rankings, but a compelling one improves click-through, which matters.

What's the difference between og:image and twitter:image?

og:image is used by most platforms (Facebook, LinkedIn, WhatsApp); twitter:image is used by X. You can point both at the same image.

Do I need a unique title and description for every page?

Yes. Duplicate titles and descriptions confuse search engines and lower click-through, so write a unique pair per page.

Which twitter:card value should I use?

Use “summary_large_image” for a big, eye-catching preview, or “summary” for a smaller thumbnail layout.

Where do these tags go?

Inside the <head> of your page. The language attribute goes on the opening <html> tag instead.

Related free SEO tools

Explore the rest of our toolkit or get a hand from our team:

See all free SEO tools →