Meta Tags Generator

Runs in browser

Generate SEO, Open Graph, and Twitter Card meta tags with previews.

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.">

🔒 Runs in your browser · No uploads · Your data never leaves your device

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.

Common use cases

  • Setting up social sharing for a new page — Generate og:title, og:description, and og:image tags to control how your page appears when shared on LinkedIn or Slack.
  • Previewing search engine snippets — Use the Google Preview tab to see how your title and description appear in search results before publishing.

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.

Key concepts

Open Graph
A protocol by Meta that controls how URLs appear when shared on social platforms — using og:title, og:image, og:description meta tags.
Twitter Card
Twitter's proprietary meta tags (twitter:card, twitter:title, twitter:image) that control link preview appearance on X/Twitter.

Related tools

You might find these useful too.

More network tools