Skip to main content

    Meta Tag Generator

    Generate SEO meta tags, Open Graph, and Twitter Card tags for your website. Copy-paste ready HTML.

    No signup. 100% private. Processed in your browser.

    Fill in your page title and description to generate SEO, Open Graph, and Twitter Card meta tags instantly.

    Why Meta Tags Still Matter in 2026

    Meta tags are the first thing search engines and social platforms read about your page. They don't appear in your visible content, but they control how your page shows up in Google results, Twitter cards, Facebook shares, and Slack previews. Get them wrong and your beautifully designed page looks like a broken link when someone shares it.

    Think of meta tags as your page's business card. The title tag is your name, the description is your elevator pitch, and the Open Graph image is your headshot. You wouldn't hand someone a blank business card — don't publish a page without proper meta tags either.

    Google confirmed that the title tag and meta description are still used for ranking signals and SERP display. Open Graph tags are used by every major social platform. Missing them means you're leaving clicks on the table.

    Essential Meta Tags Reference

    TagPurposeIdeal LengthRequired?
    titlePage title in search results and browser tab50-60 charactersYes — critical for SEO
    meta descriptionSnippet below title in search results150-160 charactersStrongly recommended
    og:titleTitle when shared on Facebook/LinkedIn60-90 charactersYes for social sharing
    og:descriptionDescription in social share cards150-200 charactersYes for social sharing
    og:imagePreview image in social shares1200×630 pixelsYes — biggest impact on CTR
    og:typeContent type (website, article, product)N/ARecommended
    twitter:cardTwitter/X card formatsummary_large_imageYes for Twitter shares
    canonicalPreferred URL for duplicate contentFull URLYes — prevents duplicate indexing
    robotsIndexing instructions for crawlersindex,follow (default)Only if you need noindex
    viewportMobile responsive scalingwidth=device-width, initial-scale=1Yes — required for mobile

    What this means for you: At minimum, every page needs a title, description, og:title, og:description, og:image, and viewport tag. The generator above outputs all of these in one go.

    Common Meta Tag Mistakes

    Duplicate Titles Across Pages

    Every page needs a unique title. "My Website" on 50 pages tells Google nothing. Include the page topic and brand: "CSS Gradient Generator | iForge Tools".

    Missing og:image

    Without an og:image, social shares show a blank box or a random page image. This tanks click-through rates. Always set a 1200×630 image — even a branded template is better than nothing.

    Description Too Long or Too Short

    Google truncates descriptions over ~160 characters. Under 70 characters wastes SERP real estate. Aim for 150-160 characters that include your primary keyword naturally.

    No Canonical URL

    Without a canonical tag, Google might index your page at multiple URLs (with/without trailing slash, with query params). A canonical tag tells Google which version is the "real" one.

    Open Graph Image Sizes by Platform

    PlatformRecommended SizeAspect RatioNotes
    Facebook1200 × 630 px1.91 : 1Minimum 600×315; under this it shows as small thumbnail
    Twitter/X1200 × 628 px1.91 : 1Use summary_large_image card type
    LinkedIn1200 × 627 px1.91 : 1Minimum 200×200; crops to fit
    Slack1200 × 630 px1.91 : 1Uses og:image; falls back to favicon
    WhatsApp1200 × 630 px1.91 : 1Caches aggressively — clear via sharing debugger

    What this means for you: Design one image at 1200×630 and it works everywhere. Keep important text away from edges — some platforms crop slightly.

    Related Tools

    How to use this tool

    1

    Enter your page title (under 60 characters) and meta description (150-160 characters)

    2

    Add your page URL, OG image URL, and optional fields like author and canonical URL

    3

    Preview how it looks in Google, then copy the generated HTML meta tags

    Common uses

    • Setting up SEO meta tags for new website pages
    • Generating Open Graph tags for social media sharing
    • Creating Twitter Card tags for rich link previews
    • Adding canonical URLs to prevent duplicate content issues

    Share this tool

    Frequently Asked Questions