Meta Tag Generator

Meta Tag Generator is the fastest way to produce correct, complete HTML meta tags for any webpage. It covers the three pillars of modern metadata: basic SEO tags that tell search engines your title, description, and keyword relevance; Open Graph tags that control how your page appears when shared on Facebook, LinkedIn, and other social platforms; and Twitter Card tags that shape your card on Twitter. Type your page title and watch the live Google SERP preview update in real time, including a visual indicator of the exact character where your title will be cut off in search results. A title over 60 characters risks truncation in Google, and the tool flags this immediately with a red warning and a faded cutoff line in the preview. The meta description counter turns red past 160 characters. The Robots selector lets you mix index/noindex with follow/nofollow in checkboxes. The Viewport preset defaults to the mobile-optimised value that Google requires for mobile-first indexing. Open Graph and Twitter Card sections can be toggled open independently. One click copies the entire HTML block. Individual copy buttons per section let you grab only the basic, OG, or Twitter portion. Shareable URLs encode all your inputs so you can bookmark or send your configuration to a colleague.

Key Features

• Live SERP Preview

  Renders your title, URL, and description exactly as they appear in Google search results with real-time updates.

• Title Cutoff Indicator

  Shows a faded gray line at the exact character where Google will truncate a title over 60 characters.

• Character Counters

  Counts title (60 limit) and description (160 limit) with red warnings when thresholds are exceeded.

• Open Graph Section

  Collapsible panel for OG title, description, image URL, type, site name, and locale.

• Twitter Card Section

  Collapsible panel for card type, site and creator handles, title, description, and image URL.

• Robots Selector

  Checkboxes for index/noindex and follow/nofollow combinations without memorising directives.

• One-Click Copy All

  Copies the entire generated HTML meta tag block with a single button.

• Section Copy Buttons

  Individual copy buttons for Basic Meta, Open Graph, and Twitter Card sections separately.

• Shareable Parameters

  Encodes all inputs into the URL so you can share or bookmark any configuration.

1. 1

   Enter your page title

   Type the page title — the character counter updates instantly and the SERP preview reflects your text in real time.

2. 2

   Write a meta description

   Add a 150-160 character description that summarises the page content for searchers.

3. 3

   Set robots and language

   Choose index/follow for public pages or noindex for admin pages.

4. 4

   Toggle Open Graph (optional)

   Expand the Open Graph section and fill OG title, description, and image URL for social sharing.

5. 5

   Toggle Twitter Card (optional)

   Expand Twitter Card and select summary or summary_large_image. Add your site and creator handles.

6. 6

   Copy and paste

   Click Copy All to grab the complete HTML block and paste it into your page head section.

Explore these tools that work great alongside Meta Tag Generator: