Skip to main content
Developer Tools

Meta Tag Generator: Generate SEO, Open Graph & Twitter Tags

June 2026 ยท 4 min read

Advertisement

728ร—90 Leaderboard

Meta tags are invisible HTML elements that live in the <head>of every web page. They don't appear on the page itself, but they control how search engines index your content and how your links look when shared on social media. Getting them right is one of the easiest wins in on-page SEO.

What Are Meta Tags and Why Do They Matter?

Search engines read meta tags to understand what a page is about. The title tag appears as the blue clickable headline in Google results. The meta description is the grey snippet underneath. Together, they are often the first impression a user has of your page โ€” a compelling title and description can dramatically improve your click-through rate even without a ranking change.

Three Types of Meta Tags

Basic SEO Tags

<title>, <meta name="description">

Control how your page appears in Google search results.

Tip: Title: 50โ€“60 chars. Description: 150โ€“160 chars.

Open Graph (OG) Tags

og:title, og:description, og:image, og:url

Control how your link previews look when shared on Facebook, LinkedIn, and most platforms.

Tip: Use a 1200ร—630px image for best results across platforms.

Twitter Card Tags

twitter:card, twitter:title, twitter:description, twitter:image

Control how your link looks when shared on X (Twitter).

Tip: Use summary_large_image for a big visual preview card.

Common Meta Tag Mistakes

  • โ€ข Missing meta description: Google will pull random text from your page, often something unhelpful
  • โ€ข Title too long: Titles over 60 characters get truncated in search results with an ellipsis
  • โ€ข Duplicate titles: Every page should have a unique title tag โ€” duplicate titles confuse search engines
  • โ€ข Missing og:image: Links shared without an OG image show a blank grey box โ€” far less clickable
  • โ€ข Wrong canonical URL: The canonical tag should always point to the authoritative URL, including the protocol and trailing slash convention you use consistently

How to Use the Meta Tag Generator

1

Enter your page details

Fill in your page title, description, URL, and optionally an image URL for social previews.

2

Choose tag types

Select which tags to generate โ€” basic SEO, Open Graph, Twitter Cards, or all three.

3

Copy the output

Paste the generated HTML snippet directly into the <head> section of your page.

Generate your meta tags now

SEO ยท Open Graph ยท Twitter Cards ยท Free ยท No sign-up

Open Meta Tag Generator โ†’

Advertisement

336ร—250 Rectangle