Meta Tag Generator

Generate perfect SEO meta tags, Open Graph tags, Twitter Cards, and Schema.org JSON-LD markup. See live previews of how your page will appear in Google, Facebook, and Twitter — all in your browser, no signup needed.

Basic Meta Tags

Note: Google no longer uses the keywords meta tag for ranking, but other search engines may.

Open Graph Tags
▼
Twitter Card Tags
▼
Schema.org JSON-LD
▼

Live Preview

Google Search Preview

Page Title

https://example.com/page

Your meta description will appear here. Write a compelling description to improve click-through rates from search results.

Facebook Share Preview

Image Preview

example.com

Open Graph Title

Your OG description will appear here.

Twitter / X Card Preview

Image Preview

Twitter Card Title

Card description here.

Generated Code

<!-- Basic Meta Tags -->
<meta name="robots" content="index, follow" />
<meta http-equiv="content-language" content="en" />
<meta charset="UTF-8" />
<meta name="viewport" content="<ATTR>width</ATTR>=device-width, initial-<ATTR>scale</ATTR>=1.0" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />

Pro Tips

  • Keep your title under 60 characters and your description under 160 characters to avoid truncation in search results.
  • Always include Open Graph tags — they control how your page looks when shared on Facebook, LinkedIn, Discord, and Slack.
  • Use summary_large_image for Twitter cards when you have a high-quality hero image; use summary for content-focused cards.
  • The canonical URL prevents duplicate content issues — always set it to the preferred version of your page URL.
  • Test your Open Graph tags with the Facebook Sharing Debugger and Twitter tags with the Twitter Card Validator.
  • Schema.org JSON-LD markup can earn you rich snippets in Google search results, increasing your click-through rate.

What Is a Meta Tag Generator?

A meta tag generator is a tool that helps you create the HTML meta tags your web pages need for search engine optimization (SEO) and social media sharing. Meta tags are invisible to visitors but critical for how search engines index your content and how social platforms display your links when shared. With over 300,000 monthly searches for meta tag-related queries, getting your meta tags right is one of the highest-impact SEO tasks you can do.

This free meta tag generator creates all the essential tags in one place: basic SEO meta tags (title, description, robots, canonical), Open Graph tags for Facebook and LinkedIn, Twitter Card tags, and Schema.org JSON-LD structured data. Every tag updates in real time as you type, with live previews showing exactly how your page will look in Google search results, Facebook shares, and Twitter posts.

How to Use This Tool

Start by filling in the Basic Meta Tags section with your page title and meta description. Watch the character counters change from green to yellow to red as you approach the recommended limits. The Google Search Preview on the right updates instantly so you can see exactly how your page will appear in search results.

Next, expand the Open Graph Tags section to control how your page looks when shared on social media. The OG title and description are pre-filled from your basic inputs, so you only need to add an image URL and site name. Expand the Twitter Card Tags section to customize Twitter-specific settings, or leave them to inherit from your Open Graph values. Finally, enable Schema.org JSON-LD to add structured data that can earn you rich snippets in Google.

Key Features

  • Live Google Preview — See your title and description as they would appear in Google search results, with accurate truncation.
  • Facebook & Twitter Previews — Preview your social cards before publishing, including image placement and text formatting.
  • Smart Pre-filling — Open Graph and Twitter fields automatically inherit from your basic inputs, saving you time.
  • Character Count Validation — Color-coded counters warn you when titles exceed 60 characters or descriptions exceed 160.
  • Schema.org JSON-LD — Auto-generates structured data from your inputs, with support for custom JSON-LD.
  • One-Click Actions — Copy all tags, copy individual sections, or download as an HTML file.

More Tools

JSON Formatter

Format and validate JSON instantly

Slug Generator

Create URL-friendly slugs from text

DNS Lookup

Query DNS records for any domain

API Tester

Test REST API endpoints in the browser

Frequently Asked Questions

What are meta tags and why do they matter for SEO?+
Meta tags are HTML elements placed in the <head> section of a web page that provide structured metadata about the page. They tell search engines what your page is about (title, description), how to index it (robots), and how to display it in search results. Well-crafted meta tags can significantly improve click-through rates from search engine results pages (SERPs) and social media shares.
What is the ideal length for a meta title and description?+
Google typically displays the first 50-60 characters of a title tag and 150-160 characters of a meta description. Titles longer than 60 characters risk being truncated with an ellipsis. For descriptions, aim for 150-160 characters to ensure the full text appears in search results. Both should include your primary keyword naturally and compel users to click.
What are Open Graph tags and how do they work?+
Open Graph (OG) tags are meta tags that control how your page appears when shared on Facebook, LinkedIn, Discord, Slack, and other platforms. The key tags are og:title, og:description, og:image, and og:url. Without OG tags, social platforms will try to guess your page's title and image, often with poor results. OG tags give you full control over your social sharing appearance.
What is the difference between summary and summary_large_image Twitter cards?+
The 'summary' Twitter card shows a small square image (120x120 minimum) on the left with the title and description on the right — best for text-focused content. The 'summary_large_image' card shows a large image above the title and description — ideal when you have a compelling hero image. Most websites use summary_large_image for higher engagement.
Do I need Schema.org JSON-LD markup on every page?+
While not strictly required, Schema.org JSON-LD markup helps search engines understand your content better and can earn you rich snippets (star ratings, FAQ dropdowns, breadcrumbs, etc.) in Google search results. Rich snippets dramatically increase click-through rates. Start with WebPage or Article schema for blog posts, Product schema for e-commerce, and Organization schema for your homepage.

Last updated: March 2026