What meta tags do I need for social previews?

At minimum set og:title, og:description, og:image, og:url, and og:type. For X/Twitter also set twitter:card and twitter:image (or rely on OG fallbacks).

What is the ideal og:title length?

Aim for 40–60 characters. Longer titles are often truncated on social platforms.

Meta Tag Generator

Generate Open Graph and Twitter Card meta tags. Copy the HTML, then preview how your link looks on social platforms.

Import from URL (optional)

Tag fields

Title (og:title)

Ideal: 40–60 characters

Description (og:description)

Ideal: 150–200 characters

Canonical URL (og:url)

Use the absolute page URL

Image URL (og:image)

Recommended 1200×630, HTTPS absolute URL

Site name (og:site_name)

Type (og:type)

Twitter card type

Generated HTML

<!-- Fill in the fields above -->

Preview with Proovd →

Quick tips

Title: 40–60 characters · Description: 150–200 characters
Image: 1200×630 px, HTTPS, under ~1 MB (WhatsApp prefers smaller)
Always use absolute URLs for og:image and og:url
After deploying, preview the live URL before sharing

How to use these tags

Paste the generated <meta> tags into the <head> of your HTML page (or set them via your framework’s metadata API). Then open Proovd with your live URL to confirm every platform preview looks right.

Need a walkthrough? See How to Add Open Graph Tags and the OG image size guide.

Related tools

Already have tags live?

Use Proovd to check how your link looks on X, LinkedIn, Slack, Discord, WhatsApp, and Reddit.