Meta Tag Generator

Fill in your page details and get ready-to-paste HTML meta tags, including Open Graph and X (Twitter) card tags.

Runs in your browser — nothing is uploaded

Basic

Open Graph

Used by Facebook, LinkedIn, WhatsApp and others. Empty fields fall back to the basic values.

X (Twitter) card

Empty fields fall back to the Open Graph values.

Paste these tags inside the <head> of your page.

About Meta Tag Generator

The Meta Tag Generator creates correctly formatted HTML meta tags from your page details — title, description, canonical URL and share image — including Open Graph and X (Twitter) card tags. Character counters help you stay within the lengths that display well in search results.

Copy or download the code and paste it into the <head> section of your page, or use it as a reference when filling in an SEO plugin.

When to use it

  • Static websites and landing pages built without a CMS.
  • Adding social sharing tags to a page.
  • Writing titles and descriptions before entering them in an SEO plugin.
  • Learning the correct meta tag syntax.

Tips for better results

  • Put the main keyword near the start of the title.
  • Write the description as a compelling summary that makes people click.
  • Use a 1200 × 630 pixel image for Open Graph previews.

How to use the Meta Tag Generator

  1. Enter a title and description — keep an eye on the character counters.
  2. Add a canonical URL and share image.
  3. Copy or download the tags.
  4. Paste them into the <head> of your page.

Frequently asked questions

How long should a title and description be?

Around 30–60 characters for titles and 70–160 for descriptions usually display fully. Search engines measure in pixels, so these are guidelines rather than limits.

What image size works for Open Graph?

1200 × 630 pixels works well across Facebook, LinkedIn and X.

Do I need meta tags if I use WordPress?

WordPress SEO plugins such as Yoast or Rank Math generate the tags for you — just enter the title and description in the plugin. This generator is most useful for custom or static sites.

Does the meta description affect rankings?

Not directly, but a good description improves click-through rate from search results, which brings more visitors from the same ranking.