meta tag generator
How to use the meta tag generator
- Fill in the basic fields: title, description, canonical URL, and image.
- Toggle the tag sets you want: Open Graph (Facebook, LinkedIn), Twitter Cards, and Schema.org basics.
- Preview how the page will look in Google SERP, Facebook, Twitter, and Slack.
- 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.
Last updated: 2026-04-22