Meta Tag Generator

Title, description, and canonical belong on every page. The Open Graph and Twitter Card tags only matter for pages people share — but since that's usually the pages you care most about, and the cost is a handful of lines in the head, most sites set them everywhere. The charset and viewport lines belong on every page too; almost every framework already adds them, so leave those toggles off if yours does.

Because X falls back to your Open Graph tags for the title, description, and image whenever the twitter: equivalents are missing. Duplicating all of them just doubles the number of lines you have to keep in sync. The two that have no Open Graph equivalent — the card type and your @handle — are the ones worth setting explicitly.

1200 × 630 pixels, under about 1 MB, at an absolute https URL. That renders as a full-width card on Facebook, LinkedIn, and X, and scales down cleanly everywhere else. Relative paths are the single most common mistake here — social crawlers don't resolve them, so the preview comes out blank.

Not always. Google rewrites titles it considers unhelpful and swaps in a page excerpt when it thinks that answers the query better, which happens for a meaningful share of results. A clear, specific, correctly sized title and description is how you make keeping your own version the likely outcome, not a guarantee of it.

No. The tags are built in your browser as you type, so you can safely paste in unpublished titles, staging URLs, or client work. Nothing is uploaded, logged, or stored.