Meta Tag Generator

Generate complete HTML meta tags for SEO, OpenGraph, and Twitter Cards.

0/160

Generated Tags
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

What is the Free Meta Tag Generator?

The free Meta Tag Generator produces a complete set of HTML <meta> tags across three tabs: Basic (title, description, keywords, author, robots, canonical, theme colour), Open Graph (og:title, og:description, og:type, og:site_name, og:image, og:url), and Twitter (card type, site, title, description, image, creator). Fill in each field and copy the ready-to-paste HTML snippet in one click.

  • Generate a complete meta tag block for a new web page or blog post.
  • Produce Open Graph tags to control how a page appears when shared on Facebook or LinkedIn.
  • Create Twitter Card tags to display rich previews when a link is shared on X (Twitter).
  • Set a robots directive (index/noindex/follow/nofollow) without memorising the syntax.
  • Add a canonical URL tag to avoid duplicate-content issues on paginated or filtered pages.

How to Use the Free Meta Tag Generator

  1. 1 On the Basic tab: fill in Title, Description, Keywords, Author, choose a Robots directive, add a Canonical URL, and optionally set a Theme color.
  2. 2 Switch to the Open Graph tab: enter og:title, og:description, choose og:type (website, article, etc.), og:site_name, og:image URL (1200×630 recommended), and og:url.
  3. 3 Switch to the Twitter tab: choose a card type, enter your @site handle, card title, description, image URL, and @creator handle.
  4. 4 Click Copy HTML to copy all generated tags and paste them into your <head> section.

Key Features

  • 🏷️
    Three tab coverage
    Basic meta, Open Graph, and Twitter Card tags all in one tool.
  • Live HTML preview
    The generated HTML updates as you type each field.
  • 📋
    One-click copy
    Copy the complete meta tag block ready to paste into your HTML.
  • 🔒
    Private & local
    All generation happens in your browser — nothing is uploaded.

Example Usage

Example Input
Title: "Free JSON Formatter Online | Acken Tools"
Description: "Format and validate JSON instantly in your browser."
og:image: https://acken.com.ng/og-image.jpg
Example Output
<meta name="description" content="Format and validate JSON instantly in your browser.">
<meta property="og:title" content="Free JSON Formatter Online | Acken Tools">
<meta property="og:image" content="https://acken.com.ng/og-image.jpg">

Frequently Asked Questions about the Free Meta Tag Generator

What is the free Meta Tag Generator?
Generate complete HTML meta tags for SEO, OpenGraph, and Twitter Cards.
Is the Meta Tag Generator free to use?
Yes, the Meta Tag Generator is completely free. No account, subscription, or signup is required — ever.
Does my data get uploaded anywhere?
No. The Meta Tag Generator runs entirely in your browser. Your data is never sent to any server.
Does it work offline?
Yes. Once the page has loaded, the tool works without an internet connection.
Which browsers are supported?
All modern browsers — Chrome, Firefox, Safari, and Edge. No plugins or extensions required.
What is the ideal meta description length?
Google typically displays 155–160 characters. Keep it under 160 characters to avoid truncation in search results.
What is the best Open Graph image size?
1200×630 pixels is the recommended size. This displays well on Facebook, LinkedIn, Twitter, and most social platforms.
What does the robots meta tag do?
It instructs search engine crawlers whether to index the page (index/noindex) and whether to follow links on the page (follow/nofollow). Use "noindex" for private or duplicate pages.

Related Free SEO & Web Tools