MetaTag Preview

Free Meta Tag Generator & OG Preview Tool

Fill in your page details and instantly see how it looks on Google, Facebook, Twitter/X, LinkedIn, and Slack — then copy the finished <head> block in one click.

FreeNo signupNo data stored5 platforms

Meta Tag Editor

or fill in manually
Basic SEO
0/60
0/160
Open Graph & Social

Recommended: 1200 x 630 pixels (1.91:1 ratio)

Live Previews

5 platforms
Live
Google Search
E

example.com

example.com

Page Title

A description of the page will appear here...

Facebook
No OG image

example.com

Page Title

A description of the page will appear here...

Twitter / X
No OG image

Page Title

A description of the page will appear here...

example.com

LinkedIn
No OG image

Page Title

A description of the page will appear here...

example.com

Slack

example.com

Page Title

A description of the page will appear here...

HTML Output

Fill in the form to generate your meta tag HTML.

What Are Meta Tags?

Meta tags are HTML snippets in your page's <head> that tell search engines and social platforms how to display your content. The title tag controls what appears as the blue link in Google results. The meta description is the grey snippet beneath it — it doesn't affect ranking directly, but a well-written description improves click-through rate significantly.

What Are Open Graph Tags?

Open Graph (OG) tags were created by Facebook to control link preview cards when URLs are shared on social media. og:title, og:description, and og:image are now the standard used by Facebook, LinkedIn, and Slack. Without them, platforms pick arbitrary content — usually the wrong image or title.

Twitter Card Tags

Twitter/X has its own set of meta tags for controlling how links appear in the feed. twitter:card can be set to summary (small thumbnail) or summary_large_image (large banner image above the text). Twitter falls back to OG tags if Twitter Card tags are missing, but setting both gives you full control across every platform.

Ideal Image Dimensions

The standard OG image size is 1200×630 pixels at a 1.91:1 aspect ratio. This displays correctly on Facebook, LinkedIn, and Twitter/X. For Twitter's summary_large_image card, the minimum is 300×157 px. Always use HTTPS for image URLs — HTTP images are blocked by most platforms. The OG Image Checker above validates dimensions instantly when you enter a URL.

Title & Description Length

Google truncates page titles at roughly 60 characters (580 pixels) and meta descriptions at roughly 160 characters (920 pixels). Staying within these limits ensures your full message appears in search results. The character counters in MetaTag Preview turn yellow at 80% of the limit and red when you exceed it, so you always know where you stand.

Canonical URLs

A rel="canonical" tag tells search engines which version of a URL is the "official" one. This prevents duplicate content issues when your page is accessible at multiple URLs (e.g., with and without trailing slash, HTTP vs HTTPS, or via query parameters). Always set canonical to the primary URL you want indexed.

How to Use This Meta Tag Generator

Building from scratch

  1. 1. Enter your page title and description with the character counters as a guide.
  2. 2. Add your canonical URL and OG image URL — the image checker validates dimensions automatically.
  3. 3. Watch the live preview cards update in real time for Google, Facebook, Twitter/X, LinkedIn, and Slack.
  4. 4. Copy the finished <head> block and paste it into your HTML.

Auditing an existing page

  1. 1. Paste any public URL into the "Analyze URL" box at the top of the form.
  2. 2. The tool extracts all existing meta and OG tags and fills the form automatically.
  3. 3. Check the live previews to see what is actually showing on each platform.
  4. 4. Edit any fields that need improving, then copy the updated HTML output.