Web & marketing

Meta Tag Generator

Generate SEO, Open Graph and Twitter Card meta tags for your page in one go. Live preview, ready to paste into your <head>.

Page title

0/60

Site name

Description

0/160

Canonical URL

Image URL (og:image)

og:type

website article video.movie

twitter:card

summary summary_large_image app player

Twitter handle

Generated meta tags

What meta tags do

Meta tags sit in the <head> of your HTML and tell search engines and social platforms how to title, describe and illustrate your page when it appears outside your site. The basic title and meta description control the snippet in Google. Open Graph tags (the og:* family) control the rich preview cards on Facebook, LinkedIn, WhatsApp, Slack, Discord and most other platforms — they read OG by default. Twitter Card tags do the same for X/Twitter. Without them, the platform picks whatever it can scrape, which is rarely what you want.

How to use this generator

Fill in the fields — title, description, canonical URL of the page, an absolute URL for the image. Pick an og:type (use article for blog posts, website for everything else) and a Twitter card type (summary_large_image is the best default for content with a featured image). The output box updates as you type and shows the exact tags to paste between your <head> tags. Use the Copy button when you're ready, then paste into your template or CMS.

Validate after publishing

Don't trust this preview alone — every platform caches its own version of the data. After deploying, run the URL through the Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter / X Card Validator and LinkedIn Post Inspector. These tools fetch the page live, show you what they parsed, and let you force a cache refresh. Always validate when you change the OG image — caches can hold the old image for days.

Frequently asked questions

How long should the title and description be?

Aim for under 60 characters for the title and 150–160 for the description. Google truncates anything longer with an ellipsis. Social platforms are even more aggressive — Twitter shows about 70 characters of the title in a card. The character counters above turn red when you go over.

What size should the og:image be?

1200×630 is the sweet spot — it fits Facebook, LinkedIn, Slack, and Twitter's summary_large_image card with no awkward cropping. Keep it under ~5 MB and prefer JPG or PNG. Put your most important content (logo, headline) safely in the central two-thirds, since some platforms crop the edges.

Do I still need a meta description for SEO?

Yes — Google often rewrites it from the page body when yours doesn't match the query, but a clear, well-crafted description still wins clicks more often than not, and it shows up verbatim on social shares. Treat it as ad copy: lead with the value, avoid keyword-stuffing.

Can I omit Twitter tags if I have Open Graph?

X/Twitter falls back to Open Graph for most fields, so a single twitter:card tag plus your OG markup usually does the job. Adding explicit twitter:title, twitter:description and twitter:image only matters if you want a different version of the content for Twitter than for everywhere else.

What's the difference between og:type values?

Use article for blog posts and news; it lets Open Graph carry author, section and publish-time metadata. Use website for landing pages, product pages, marketing pages — basically the default. video.movie, video.episode, book, profile and similar exist for richer integrations on platforms that support them, but most of the social web only really cares about the difference between article and website.

Why does my preview look wrong on WhatsApp/Slack?

Almost always cache. The first time a URL is shared, the platform fetches and caches the OG data; subsequent shares show the cached version even after you fix the page. Re-share the URL through Facebook's debugger, which forces a refresh that propagates to Messenger, WhatsApp and Instagram. For Slack, edit the link to add ?v=2 to bust their cache.

Meta Tag Generator