New

Meta Tags Generator

Runs in browser

Generate complete meta tags for SEO, Open Graph (Facebook, LinkedIn), and Twitter Cards. Preview how your page looks in Google search results and social media shares.

Meta Tags Generator tool

Basic SEO

15/60 characters

52/160 characters

Open Graph

Twitter / X Card

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Awesome Page</title>
<meta name="description" content="This is a description of my page for search engines.">
<link rel="canonical" href="https://example.com">
<meta name="robots" content="index,follow">

<meta property="og:type" content="website">
<meta property="og:title" content="My Awesome Page">
<meta property="og:description" content="This is a description of my page for search engines.">
<meta property="og:url" content="https://example.com">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Awesome Page">
<meta name="twitter:description" content="This is a description of my page for search engines.">

How to use

  1. Fill in Basic SEO

    Enter your page title (max 60 chars), description (max 160 chars), canonical URL, and robots setting.

  2. Configure Open Graph

    Add OG title, description, image URL, type, and site name for social media previews.

  3. Preview and copy

    Switch between HTML, Google Preview, and Social Preview tabs. Copy all tags when ready.

Examples

  • Blog post tags

    Meta tags for a blog article.

    Output
    <title>Article Title</title> / <meta name="description" content="...">

Frequently asked questions

Do I need both OG and Twitter tags?
Yes. Twitter uses its own twitter: tags. If twitter:title is absent, some clients fall back to og:title, but explicit tags ensure consistent behavior.
What size should the OG image be?
1200x630 pixels at 72 DPI is the recommended size. File size should be under 8 MB.

You might find these useful too.