Meta Tag & Open Graph Generator

Generate the HTML meta tags for a page — title, description, canonical, robots, Open Graph for Facebook and LinkedIn, and X (Twitter) cards — with live previews of how the link will look in Google and when shared. Length warnings help you avoid truncation.

This tool runs entirely in your browser.

Loading tool…

How to use the Meta Tag & Open Graph Generator

1Fill in the title, description, page URL and share image.
2Check the length counters and the Google, Facebook and X previews.
3Copy the generated HTML into the <head> of your page.

What is the Meta Tag & Open Graph Generator?

The title and meta description are what search engines usually show in results; keep titles to about 60 characters and descriptions to about 155 so they aren’t cut off. The canonical link tells search engines which URL is the main version of a page. Open Graph tags (og:title, og:image…) control link previews on Facebook, LinkedIn, WhatsApp, Slack and Discord, and twitter:card tags control X.

Share images should be 1200 × 630 pixels (1.91:1) and under about 5 MB. All values are HTML-escaped in the output, so quotes and ampersands in a title can’t break your markup. Platforms cache previews, so after changing tags use their sharing debuggers to refresh them.

Frequently asked questions

Does Google use the meta keywords tag?

No — Google has ignored it for years, so this generator doesn’t add it.

Do I need both Open Graph and Twitter tags?

X falls back to Open Graph for title, description and image, but it needs twitter:card to choose the large-image layout. The generator includes both for full control.

Is the Meta Tag & Open Graph Generator free and private?

Yes. The Meta Tag & Open Graph Generator is free, needs no account, and runs entirely in your browser. What you type is never sent to a server or stored.

All developer tools →