The Magic Codex

Meta Tag Generator

Fill in the fields. Your page's full <head> SEO snippet — title, meta tags, Open Graph, Twitter Cards — appears on the right, escaped and ready to paste.

0/60 characters.

0/160 characters.

How to write meta tags that get clicks

Search engines and social networks never see your page the way a visitor does — they read the meta tags in your <head> first. Good tags are your page's handshake: the title is the headline, the description is the pitch.

  1. Fill in the six fields above. Title and description are required; the rest sharpen your link previews.
  2. Watch the previews. The mock Google snippet and social card show exactly how your page will look in search results and in shares.
  3. Copy the tags and paste them into your page's <head>, before the stylesheet links.
  4. Test for real. After publishing, run the URL through a link-preview checker (many networks cache previews, so test before you share widely).

Which tags do what

<title> and meta description drive your Google listing. Open Graph (og:) tags drive previews on Facebook, LinkedIn, Discord, and most messengers. Twitter Card (twitter:) tags are X's own flavor — X falls back to Open Graph without them, but dedicated tags give you the large-image card style. The canonical URL tells Google which address is the one true version of the page.

What are meta tags and why do they matter?
Meta tags are small snippets of HTML in your page's head that describe the page to search engines and social networks. The title and description shape your Google listing; Open Graph and Twitter Card tags shape how your link looks when shared on Facebook, X, and other platforms.
How long should my title and description be?
Keep titles under 60 characters and descriptions under 160 characters so Google shows them in full instead of cutting them off. This page warns you when either runs long.
What is the difference between Open Graph and Twitter Cards?
Open Graph (og:) is the open standard most networks read, including Facebook, LinkedIn, and Discord. Twitter Cards (twitter:) are X's own format — X falls back to Open Graph when Twitter tags are missing, but dedicated tags give you control over the card style.
Do I need a Twitter handle?
No — the twitter:site tag is optional. Everything else works without it, and X still renders a large-image card from your Open Graph tags.
Will these tags alone rank my page on Google?
No. Tags help Google understand and display your page, but ranking comes from content quality, relevance, and links. Think of good meta tags as a good book cover — they earn the click once you rank.

More from the codex