Meta Tags Generator

Preview, edit and generate Open Graph + Twitter Card meta tags. See how your page looks across Google, Facebook, X, LinkedIn, Pinterest and Slack, before you ship.

Preview

Google

https://so-me.studio

Meta Tags, Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, X and more!

X (Twitter)

No image

From so-me.studio

Meta Tags, Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, X and more!

Facebook

No image

so-me.studio

Meta Tags, Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, X and more!

LinkedIn

No image

Meta Tags, Preview, Edit and Generate

so-me.studio

Pinterest

No image

Meta Tags, Preview, Edit and Generate

so-me.studio

Slack

so-me.studio

Meta Tags, Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, X and more!

Meta tags decide how your page looks when shared on social media, search results, and chat previews. Get them wrong and your link looks broken on LinkedIn or unreadable on Slack. This free meta tags generator previews your Open Graph + Twitter Card tags across every major platform, Google, Facebook, X, LinkedIn, Pinterest, Slack, before you ship.

What meta tags actually do

Three categories of meta tags control how your page appears across the web. (1) SEO tags, `<title>` and `<meta description>` decide your Google search appearance. (2) Open Graph (og:*) tags control Facebook, LinkedIn, Slack, and most chat-app previews. (3) Twitter Card tags (twitter:*) control X previews specifically.

Without meta tags, platforms guess, usually pulling random text from your page and the first image they find. The result looks broken. With proper meta tags, you control the entire preview.

Required meta tags every page needs

Bare minimum for a polished preview: `<title>` (60 chars), `<meta name=description>` (160 chars), `<meta property=og:title>`, `<meta property=og:description>`, `<meta property=og:image>` (1200×630 recommended), `<meta property=og:url>`, `<meta property=og:type>` ('website' for most pages).

For Twitter-specific control: `<meta name=twitter:card>` ('summary_large_image' usually), plus twitter:title, twitter:description, twitter:image overrides if you want a different preview on X.

The generator outputs all of these from your inputs.

OG image specs that work everywhere

1200×630 pixels (1.91:1 ratio), works on Facebook, LinkedIn, Twitter, Slack, Discord, iMessage. Smaller images get auto-cropped weirdly; larger images get downsampled.

Under 5 MB file size, some platforms reject larger files. JPG or PNG. Include readable text on the image itself, many platforms show OG images in feed before any caption text, so the image needs to communicate value on its own.

Debugging meta tag previews

Most platforms cache OG data aggressively. If you update your meta tags but the old preview still shows, use these debuggers to force a refresh:

- Facebook: Facebook Sharing Debugger (developers.facebook.com/tools/debug) - X: X Card Validator (cards-dev.twitter.com/validator) - LinkedIn: LinkedIn Post Inspector (linkedin.com/post-inspector) - Pinterest: Pinterest Rich Pin Validator (developers.pinterest.com/tools/url-debugger) - Google: Rich Results Test (search.google.com/test/rich-results)

Each debugger forces a re-crawl of your page so the new meta tags propagate.

Tips for getting the most from this tool

  • OG image: 1200×630 px. Works on every major platform.
  • Add readable text on the OG image, many feed previews show image before caption.
  • Title: 60 chars max. Above that = Google truncation.
  • Description: 150-160 chars. Same truncation rule.
  • After updating meta tags, run platform debuggers to force-refresh the cache.

Frequently asked questions

Is the meta tags generator free?

Yes. Free, no signup, unlimited.

What size should my OG image be?

1200×630 pixels (1.91:1 ratio). Works on Facebook, LinkedIn, X, Slack, Discord, iMessage without auto-cropping.

Do I need both Open Graph and Twitter Card tags?

Open Graph alone covers most platforms (X falls back to OG if Twitter tags are missing). Add Twitter Card tags only if you want a different preview on X than other platforms.

Why doesn't my updated meta tag show in Facebook previews?

Facebook caches OG data. Use Facebook's Sharing Debugger to force-refresh the cache after updating tags.

What's the difference between meta description and OG description?

Meta description shows in Google search results. OG description shows in social media previews. They can be the same or different, set OG description specifically if you want different social vs search copy.

Related free tools

Schedule once.
Post everywhere.

Stop juggling tabs, draft, customize, and publish to 20 platforms from a single calendar.

Start free trialTry Live Demo