Meta Tag Generator & Social Media Preview (Open Graph / SEO)

Meta Tags & Open Graph Settings

Page Title (og:title)58 characters

Optimal length: 50–60 characters.

Page Description (meta description / og:description)129 characters

Optimal length: 120–160 characters.

Canonical Link URL (og:url)

Cover Image URL (og:image) (1200 x 630 px)

📁 Or upload image from computer

Site or Brand Name (og:site_name)

Content Type (og:type)

Twitter / X Username (@handle)

Twitter / X Card Style

Live Real-time Social Previews:

MultiShift — Free Online Tools & Privacy-First Calculators

Convert PDFs, generate color schemes, format code, and perform calculations without signing up, 100% client-side in your browser.

multishift.net

14:30 ✓✓

Ready-to-Paste Meta Tags Code (<head>):

SEO BásicoOpen GraphTwitter / X

<!-- Metatags Básicas de SEO -->
<title>MultiShift — Free Online Tools & Privacy-First Calculators</title>
<meta name="title" content="MultiShift — Free Online Tools & Privacy-First Calculators">
<meta name="description" content="Convert PDFs, generate color schemes, format code, and perform calculations without signing up, 100% client-side in your browser.">
<link rel="canonical" href="https://multishift.net/en">
<meta name="robots" content="index, follow">

<!-- Open Graph / Facebook / WhatsApp / LinkedIn -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://multishift.net/en">
<meta property="og:title" content="MultiShift — Free Online Tools & Privacy-First Calculators">
<meta property="og:description" content="Convert PDFs, generate color schemes, format code, and perform calculations without signing up, 100% client-side in your browser.">
<meta property="og:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="MultiShift">
<meta property="og:locale" content="en_US">

<!-- Twitter / X Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://multishift.net/en">
<meta name="twitter:title" content="MultiShift — Free Online Tools & Privacy-First Calculators">
<meta name="twitter:description" content="Convert PDFs, generate color schemes, format code, and perform calculations without signing up, 100% client-side in your browser.">
<meta name="twitter:image" content="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&h=630&q=80">
<meta name="twitter:site" content="@multishift">
<meta name="twitter:creator" content="@multishift">

How it works

Enter your page title, description, canonical URL, and cover image (og:image).

Check character counts against recommended SEO benchmarks.

Switch tabs to inspect realistic live previews for WhatsApp, Google, X, LinkedIn, and Facebook.

Copy all generated meta tags with one click or download the ready HTML file.

Frequently asked questions

Is it really free?

Yes. The site is supported by ads, so you never pay or need to create an account.

What are Open Graph meta tags?

Open Graph is an open metadata protocol developed by Facebook and used by WhatsApp, LinkedIn, Slack, and others to render rich link preview cards with custom images, titles, and descriptions.

Why doesn't my link preview image show on WhatsApp?

WhatsApp requires an absolute image URL (beginning with https://) in the og:image meta tag, ideally with standard 1200x630 resolution (1.91:1 ratio).

What are optimal title and description lengths?

Search engines typically display up to 50–60 characters for titles and 120–160 characters for descriptions before truncating with an ellipsis.

Does it work on mobile?

Yes. The page adapts to your screen and does not require installing any app.