Meta Tag Generator

Generate all the meta tags your website needs. Copy and paste into your HTML head.

0/155 characters

Need an OG image? Generate one with our Playground

What are meta tags?

Meta tags are snippets of HTML code that provide metadata about a web page. They live inside the <head> section of your HTML and are not visible on the page itself. Instead, they tell search engines and social media platforms what your page is about, how to display it, and how to index it.

Open Graph (OG) meta tags control how your content appears when shared on Facebook, LinkedIn, and other platforms. Twitter Card tags do the same for Twitter/X. Together with standard SEO meta tags like title and description, they form the foundation of how your website communicates with the rest of the web.

Which meta tags matter for SEO?

Not all meta tags are equal. Here are the ones that have the biggest impact:

  • Title tag — The single most important on-page SEO element. It appears in search results and browser tabs.
  • Meta description — While not a direct ranking factor, a compelling description improves click-through rates from search results.
  • Canonical link — Prevents duplicate content issues by telling search engines which URL is the original.
  • Robots meta tag — Controls whether search engines index the page and follow its links.
  • Open Graph and Twitter tags — While not traditional SEO factors, they dramatically increase engagement when your content is shared on social media.

Frequently Asked Questions

How many characters should my meta description be?

Aim for 150-160 characters. Google typically truncates descriptions longer than 155 characters in search results. Our generator shows a live character count to help you stay within limits.

What size should my OG image be?

The recommended OG image size is 1200x630 pixels. This works well across Facebook, Twitter, LinkedIn, and other platforms. Use our Playground to generate perfectly-sized OG images automatically.

Do I need both Open Graph and Twitter Card tags?

Twitter can fall back to Open Graph tags, but adding explicit Twitter Card tags gives you more control over how your content appears on Twitter/X. Our generator creates both sets of tags for maximum compatibility.

Where do I put meta tags in my HTML?

Meta tags go inside the <head> section of your HTML document, before the closing </head> tag. If you're using a framework like Next.js or Nuxt, they provide built-in ways to set meta tags programmatically.

Generate dynamic OG images with OGPix API

Need unique OG images for every page? The OGPix API generates beautiful social images dynamically from URL parameters. 10 themes, edge-fast, CDN cached.

Get Free API Key