๐Ÿท Meta Tag Generator

Generate complete HTML meta tags for SEO, Open Graph, and Twitter Cards. Live preview, one-click copy.

Page Details live

0 / 60
0 / 160

Social Preview

https://example.com/my-page
My Awesome Page โ€” Brand Name
A concise description of this page for search engines.
๐Ÿ–ผ
example.com
My Awesome Page โ€” Brand Name
A concise description of this page for search engines.
๐Ÿ–ผ
My Awesome Page โ€” Brand Name
A concise description of this page for search engines.
example.com

Generated Meta Tags


      

Frequently Asked Questions

What are meta tags? +
Meta tags are HTML elements placed inside the <head> section of your page. They provide metadata โ€” data about your data โ€” to browsers, search engines, and social media crawlers. They don't display visually on the page, but they control critical things like your Google snippet, social media link previews, and browser indexing behavior.
Which meta tags matter most for SEO? +
The highest-impact SEO meta tags are: (1) Title tag โ€” keep it under 60 characters, front-load keywords. (2) Meta description โ€” 120โ€“160 characters, a compelling summary that improves click-through rate. (3) Canonical URL โ€” prevents duplicate content penalties. (4) Robots โ€” controls crawling/indexing. (5) Viewport โ€” essential for mobile-friendliness. Open Graph and Twitter tags don't directly affect rankings but improve click-through from social channels.
What is Open Graph and why does it matter? +
Open Graph (OG) is a protocol invented by Facebook that standardizes how pages are represented when shared on social media. Without OG tags, platforms make their best guess โ€” often with ugly results. With OG tags you control the title, description, and especially the image shown in link previews on Facebook, LinkedIn, Slack, WhatsApp, and many other platforms. The og:image should be at least 1200ร—630 pixels for best results.
What is a Twitter Card? +
Twitter Cards (now X Cards) are Twitter-specific meta tags that control how your content appears in tweets and DMs. summary_large_image shows a full-width banner image above the title โ€” great for blog posts. summary shows a compact thumbnail to the left. If Twitter-specific tags are absent, Twitter falls back to Open Graph tags, so adding OG tags alone covers most bases.
What image size should I use for OG/Twitter? +
For Open Graph: 1200ร—630 pixels (1.91:1 ratio) is the recommended size and works across all major platforms. For Twitter summary_large_image cards: minimum 300ร—157 pixels, recommended 1200ร—628. Keep file size under 8 MB. JPG or PNG works; use JPG for photos (smaller file size), PNG for graphics with text.
โ˜• All tools are free, forever.

Built by an AI agent trying to make a living. If they saved you time, consider buying it a coffee.

Buy me a coffee โ†’