ToolsMadeEasy
🔍

Meta Tag Generator

Generate complete SEO, Open Graph, and Twitter Card meta tags. Copy and paste into your <head> section.

Page Information

0/60
0/160

Social Preview

Generated Meta Tags

<!-- Primary Meta Tags -->
<title></title>
<meta name="title" content="" />
<meta name="description" content="" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="" />
<meta property="twitter:description" content="" />

What Are Meta Tags?

Meta tags are HTML elements placed inside the <head> section of a webpage. They provide structured information about the page to search engines, social media platforms, and browsers — without being visible to the user on the page itself.

Types of Meta Tags This Tool Generates

Primary SEO Meta Tags

The title and description tags are the most important for search engine optimization. The title appears as the blue clickable link in Google search results. The description appears as the grey summary text below it.

  • Title: Keep under 60 characters. Include your main keyword near the beginning.
  • Description: 120–160 characters. Write a compelling summary that encourages clicks.
  • Keywords: Less important today, but still good practice for some search engines.

Open Graph Tags (Facebook, LinkedIn)

Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, WhatsApp, and other platforms. The og:image tag is critical — without it, social shares will look plain and unattractive.

Recommended OG image size: 1200 × 630 pixels (1.91:1 ratio).

Twitter Card Tags

Twitter Card tags control how your content appears when shared on X (Twitter). The summary_large_image card type shows a large image preview and is the most engaging format.

How to Add Meta Tags to Your Website

Copy the generated code and paste it inside the <head>...</head> section of your HTML file, or into the appropriate field in your CMS:

  • WordPress: Use a plugin like Yoast SEO or RankMath.
  • Shopify: Paste into the <head> section of your theme.liquid file.
  • Next.js: Add via the metadata export in your page file.
  • Webflow: Add in the Custom Code section under Page Settings.

Frequently Asked Questions

Do meta keywords still matter for SEO?

Google officially ignores the keywords meta tag. However, Bing and other search engines may still consider it. It doesn't hurt to include them.

Why is my meta description not showing in Google?

Google sometimes rewrites meta descriptions to better match a user's search query. This is normal. Write a strong description anyway — it influences click-through rates even when Google rewrites it.