meta tag generator

How to use the meta tag generator

  1. Fill in the basic fields: title, description, canonical URL, and image.
  2. Toggle the tag sets you want: Open Graph (Facebook, LinkedIn), Twitter Cards, and Schema.org basics.
  3. Preview how the page will look in Google SERP, Facebook, Twitter, and Slack.
  4. Copy the generated <meta> block and paste into <head>.

When to use it

Use it when rolling out meta tags for a new site, or for static pages that don't have a SEO plugin handling them. Skip it if you already use Yoast, Rank Math, Next.js Metadata, or a site-specific template — those generate the same tags programmatically. Alternative: metatags.io covers the same UX with a live preview but lacks Schema.org output.

Frequently asked questions

Do I need Open Graph tags if I already have <title> and <meta description>?
Yes. Social platforms (Facebook, LinkedIn, Slack) read Open Graph specifically — they fall back to <title>/<meta description> but the preview card quality is worse without proper og:image and og:type.
What size should og:image be?
1200x630px is the universal safe size. Smaller images get upscaled blurry; larger images get cropped. Keep text away from the edges — Facebook and LinkedIn crop differently.
Do I need both Twitter Card and Open Graph?
Twitter reads Open Graph when Twitter Card tags are missing — you can skip Twitter-specific tags for most sites. Add them if you want summary_large_image (full-width preview) instead of the default compact card.
Will these tags improve my rankings?
Indirectly. Meta tags affect click-through rate from SERP and social, which feeds ranking signals. The title and description show up directly in SERP — write them for humans first, keywords second.

Related tools

Last updated: 2026-04-22