Meta Tag Generator

Build a complete, correctly-escaped metadata block.

Fill in the fields and DO101 builds a complete, correctly-escaped metadata block — title, description, canonical, Open Graph and Twitter card.

Page title49/60

Google usually shows about 60 characters on desktop.

Meta description123/155

Not a ranking factor, but it is what people decide to click on.

Canonical URL

Site name

Social share image URL

Open Graph type

Twitter/X handle

Locale

Paste this into your <head>

<title>Free Image Compressor — Compress JPG &amp; PNG Online</title>
<meta name="description" content="Compress JPG, PNG and WebP images in your browser. Choose a quality level or a target size in KB. No upload and no sign-up." />
<link rel="canonical" href="https://example.com/page" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:title" content="Free Image Compressor — Compress JPG &amp; PNG Online" />
<meta property="og:description" content="Compress JPG, PNG and WebP images in your browser. Choose a quality level or a target size in KB. No upload and no sign-up." />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="DO101" />
<meta property="og:image" content="https://example.com/og.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:locale" content="en_US" />
<!-- Twitter / X -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Free Image Compressor — Compress JPG &amp; PNG Online" />
<meta name="twitter:description" content="Compress JPG, PNG and WebP images in your browser. Choose a quality level or a target size in KB. No upload and no sign-up." />
<meta name="twitter:image" content="https://example.com/og.png" />

Title length:: 49 characters
Description length:: 123 characters

Private by design. This tool runs entirely in your browser. Your input is processed on your own device and is not uploaded by DO101.

About the Meta Tag Generator

Fill in a title, description, canonical URL and share image, and get back the full head block: meta description, canonical link, robots directive, Open Graph and Twitter card tags — all properly escaped, with live length warnings.

How to use it

1Fill in the title, description and URL.
2Add a share image if you have one.
3Copy the generated block into your page's <head>.

What you get

Title, description, canonical and robots tags
Full Open Graph and Twitter card sets
Correct HTML escaping of quotes and ampersands
Live length warnings for title and description
Generated in your browser

Frequently asked questions

Do meta descriptions affect rankings?

Not directly — Google has said so repeatedly. They affect click-through rate, which is why they still matter a great deal.

Why does Google show a different title from mine?

Google rewrites titles when it judges another version fits the query better. A clear, accurate title that matches the page content is rewritten less often.

Do I need both Open Graph and Twitter tags?

X falls back to Open Graph when Twitter tags are missing, so strictly no. Including both gives you precise control on each platform, which is why this tool emits both.

What image size should I use?

1200 × 630 pixels is the safe standard for both Open Graph and large Twitter cards.

People who use this tool usually reach for these next.

SERP Snippet PreviewRuns in your browser

See how your page will look in Google results.

URL Slug GeneratorRuns in your browser

Turn a title into a clean, safe URL slug.

HTML EncoderRuns in your browser

Escape characters so markup displays as text.

JSON FormatterRuns in your browser

Beautify, minify and validate JSON with error positions.