Meta Tag Generator

SEO & Web

Generate complete meta tags for SEO, Open Graph, and Twitter Cards.

23/60

Ideal: 50–60 characters

84/160

Ideal: 150–160 characters

Keywords have minimal SEO impact today but some tools still use them

Generated HTML
<!-- ===== Essential Meta Tags ===== -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title — My Website</title>
<meta name="description" content="A concise description of this page, between 150–160 characters for best SEO results.">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/page">

<!-- ===== Open Graph (Facebook/LinkedIn) ===== -->
<meta property="og:type" content="website">
<meta property="og:title" content="Page Title — My Website">
<meta property="og:description" content="A concise description of this page, between 150–160 characters for best SEO results.">
<meta property="og:url" content="https://example.com/page">
<meta property="og:site_name" content="My Website">
<meta property="og:image" content="https://example.com/og-image.jpg">

<!-- ===== Twitter Card ===== -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title — My Website">
<meta name="twitter:description" content="A concise description of this page, between 150–160 characters for best SEO results.">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
<meta name="twitter:site" content="@myhandle">

<!-- ===== Additional ===== -->
<meta name="theme-color" content="#2563eb">

What is Meta Tag Generator?

Meta Tag Generator creates a complete set of HTML meta tags — standard SEO, Open Graph (Facebook/LinkedIn), Twitter Card, and optional JSON-LD structured data — with live previews of how your page will appear in Google search results and social media shares.

How to use Meta Tag Generator

1

Fill in basic SEO fields

Enter your page title (50–60 chars), meta description (150–160 chars), keywords, and canonical URL in the Basic SEO tab. Character counters warn when you exceed limits.

2

Set Open Graph tags

Switch to the Open Graph tab and add an OG image URL (1200×630px recommended), site name, and type (website, article, product, etc.).

3

Configure Twitter Cards

In the Twitter Card tab, set the card type (summary_large_image is best for most pages) and your @handle.

4

Preview how it looks

The Preview tab shows a Google SERP snippet and a social share card — so you can see exactly how your page will appear before publishing.

5

Copy all tags

Click "Copy All" to put the complete HTML meta tag block on your clipboard, ready to paste into your page's &lt;head&gt;.

Who uses Meta Tag Generator?

New page launch

Marketing teams

Generate complete meta tags for every new landing page and blog post to ensure consistent appearance in search and social shares.

SEO audit fixes

SEO specialists

Quickly generate replacement meta tags for pages flagged as missing descriptions or having mismatched OG and Twitter tags.

No-code website builders

Small business owners

Create proper meta tags for Squarespace, Webflow, or Shopify pages that have limited SEO customisation options.

Related Tools

FAQ

What meta tags does the generator produce?+
Title, description, keywords, robots, canonical, Open Graph (og:title, og:description, og:image, og:type), Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image), and viewport.
What is Open Graph and why does it matter?+
Open Graph tags control how your page looks when shared on social media (Facebook, LinkedIn, etc.). They define the title, description, and preview image.

More Tools

View all