Meta Tag Generator for SEO & Social Sharing

Build a complete set of meta tags for any web page without writing HTML by hand. Enter your title and description with live length counters, add Open Graph and Twitter card tags for rich social previews, then copy a ready-to-paste snippet for your page <head>. Everything runs in your browser — no sign-up, and only the tags you actually fill in are generated.

Basic SEO

Title 0 / 60

Aim for about 50–60 characters so it is not cut off in search results.

Meta description 0 / 160

Keep it around 150–160 characters and include your main keyword.

Keywords

Comma-separated. Optional — most search engines ignore this tag.

Author

Robots (indexing)

Leave on default to let search engines index normally.

Canonical URL

The preferred URL for this page, to avoid duplicate-content issues.

Theme color

Hex color browsers use to tint the mobile toolbar.

Document defaults

Include charset (UTF-8)

Include responsive viewport tag

Open Graph & Twitter

Reuse the SEO title & description for Open Graph and Twitter

Recommended. Uncheck to write different social-sharing text.

Open Graph image URL

Use a full (absolute) URL. Recommended size 1200×630 px.

Open Graph URL

Open Graph type

Twitter card type

Large image is best for articles; summary shows a small thumbnail.

Twitter image URL

Use a full (absolute) URL. Falls back to the Open Graph image if empty.

Your meta tags will appear here

Fill in a title, description or other field to generate the <head> snippet.

How to use

Type your page title and meta description; the counters turn amber then red as you pass the recommended length.
Add optional SEO fields: keywords, author, robots indexing, canonical URL and theme color.
Keep "reuse SEO title & description" ticked, or untick it to write separate Open Graph and Twitter text.
Add an Open Graph image URL and pick the Twitter card type for a rich social preview.
Click Copy and paste the generated tags inside the <head> of your HTML.

Features

Live character counters for title (60) and description (160) with green/amber/red status
Open Graph tags for Facebook, LINE and messaging-app link previews
Twitter card tags with summary or large-image layout
Canonical URL, robots, author, keywords and theme-color support
Only emits tags for the fields you fill — clean, minimal output
100% client-side: your content never leaves your browser

Frequently asked questions

What are meta tags used for?

Meta tags are HTML snippets in your page <head> that tell search engines and social networks about your page — its title, description, canonical URL and share image. They shape how your link looks in Google results and when shared on Facebook, LINE or X.

What is the ideal meta title and description length?

Aim for about 50–60 characters for the title and 150–160 for the description so neither is truncated in search results. This tool shows live counters that turn amber, then red, as you go over the recommended length.

What are Open Graph and Twitter card tags?

Open Graph (og:) tags control the title, description and image shown when your page is shared on Facebook, LINE and most messaging apps. Twitter card tags do the same for X (Twitter). Adding both gives you rich, clickable link previews.

Do I still need a meta keywords tag?

No. Google and most search engines have ignored the meta keywords tag for years, so it will not help your ranking. This tool leaves it optional; add it only if a specific platform you use still reads it.

Is this meta tag generator free?

Yes, completely free with no sign-up. Everything is generated in your browser, so your titles, descriptions and URLs are never uploaded to a server. Just fill in the fields and copy the snippet.