Meta Tag Generator

Meta tags, Open Graph tags, and Twitter Card tags each control something slightly different: search result snippets, how a link looks when shared on Facebook or LinkedIn, and how it looks shared on Twitter/X, respectively. Missing any one means a link looks broken or generic on that specific platform. This generates all three sets from one form, so a link looks intentional everywhere it's shared.

Basic Meta Tags

Page title

Author

Description (max 150 chars)

0/150

Keywords (comma-separated)

Canonical URL

Robots directive

Open Graph (Facebook / LinkedIn)

og:title (falls back to page title)

og:type

og:description (falls back to description)

og:image URL

Twitter Card

Card type

Generated HTML

<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />

How to use this meta tag generator

Fill in the basic fields: page title, description, and keywords.
Optionally customize the Open Graph and Twitter Card fields for social sharing previews.
Review the generated HTML code at the bottom of the page.
Click "Copy all" and paste the tags into your page's <head> section.

Why a page can look perfect on Google but broken when shared on social media

Standard meta tags (title, description) control search engine snippets, but they have no effect on how a link preview renders when pasted into Facebook, LinkedIn, Slack, or Twitter/X. Those platforms specifically read Open Graph and Twitter Card tags, and a page missing them will typically fall back to a generic, unstyled preview with no image and a fallback title, even if its actual SEO meta tags are excellent. This is the single most common reason a well-optimized page still looks unfinished the moment someone shares its link on social media.

Frequently asked questions

What's the difference between standard meta tags and Open Graph tags?

Standard meta tags (<meta name="description">) primarily affect search engine snippets; Open Graph tags (<meta property="og:...">) specifically control how the link appears when shared on platforms like Facebook, LinkedIn, and most messaging apps that generate link previews.

Do I need Twitter Card tags separately from Open Graph tags?

Twitter/X can fall back to Open Graph tags if dedicated Twitter Card tags are missing, but including dedicated Twitter Card tags gives more precise control over how the link renders specifically on that platform, so it's worth including both.

What image size works best for social sharing previews?

A landscape image around 1200x630 pixels is the commonly recommended size that displays well across most platforms' link preview formats without being awkwardly cropped.

What Open Graph meta tags are, why missing or broken tags make your links look bare on social media, and how to set them up so your pages look good when shared.

Open Graph Preview

Preview how your link appears on Facebook, Twitter, LinkedIn, and messaging apps.

Slug Generator

Generate clean URL slugs from any text with separator and length options.

robots.txt Tester

Validate your robots.txt and test whether specific URLs are allowed or blocked.

Readability Analyzer

Check how easy your text is to read with Flesch-Kincaid, Gunning Fog, and other readability scores.