Meta Tag Generator
Generate Open Graph, Twitter Card, and SEO meta tags with live social card previews. See exactly how your page will appear in search results and social shares.
What are meta tags and why do they matter?
Meta tags are HTML snippets placed in the <head> of your page. They don't appear on the page itself but communicate critical information to search engines and social networks about your content.
SEO meta tags — The title and meta description tags directly influence how your page appears in Google search results. A well-crafted title drives click-through rate; the description serves as the snippet preview.
Open Graph tags (og:*) — Developed by Facebook, Open Graph tags control how your URL looks when shared on Facebook, LinkedIn, Slack, Discord, and many other platforms. The og:image tag is especially important — pages with a compelling image get significantly more clicks.
Twitter Cards (twitter:*) — Twitter uses its own card tags (falling back to Open Graph if absent) to render rich previews. Use twitter:card=summary_large_image for a prominent image card.
Best practices:
- Title: 50–60 characters. Front-load the primary keyword. Avoid all-caps.
- Description: 150–160 characters. Write for humans, not robots. Include a call to action.
- OG image: 1200×630 px, under 1 MB, JPEG or PNG. Avoid small text in the image.
- Always include a canonical URL to prevent duplicate content issues.
- The
og:titleandog:descriptioncan differ from the SEO title/description — social copy can be more conversational.