Meta Tag & Open Graph Generator

Build title, description, OG and Twitter tags with a live preview.

Free
Every tool runs inside your browser; no data is ever sent to our servers.
Google result preview
example.com › page

About Meta Tag & Open Graph Generator

Meta tags decide how your page appears in Google results and when someone shares it on LinkedIn, Telegram or X. Without Open Graph tags, social networks guess which image to show and the result is usually poor.

How to use Meta Tag & Open Graph Generator

  1. 1

    Enter your page title and description; the character counter tells you whether you are inside the recommended range.

  2. 2

    Add the canonical page URL and a share image URL.

  3. 3

    The generated code covers standard meta, Open Graph and Twitter Card.

  4. 4

    Paste it all into the head section of your page.

Frequently asked questions

What size should the Open Graph image be?

1200 by 630 pixels, a 1.91:1 ratio. Images narrower than 600 pixels may not render at all on some networks.

Why is my meta description not showing in Google?

Google treats the description as a hint. If it decides another passage matches the query better, it shows that instead. A good description improves your odds but guarantees nothing.

Is the keywords tag still needed?

No. Google has ignored it for many years. Your effort is better spent on the title, description and the actual page content.