Meta Tag Generator

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

Shown in browser tab and search results (≤60 chars)

Snippet shown in search results (≤160 chars)

Comma-separated (less important for Google, still used by others)

Generated HTML

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta http-equiv="content-language" content="en">

4 tags generated

About Meta Tag Generator

Generate complete HTML meta tags for your web page including core tags, Open Graph for social sharing, and Twitter Card tags. Copy the generated code instantly.

How to Use

  1. 1Fill in the Core tab: title, description, keywords, canonical URL, and robots settings.
  2. 2Switch to Open Graph and enable it to add social sharing tags.
  3. 3Switch to Twitter Card and enable it for Twitter/X link previews.
  4. 4Copy the generated HTML from the output panel and paste it into your <head> tag.

Frequently Asked Questions

What are meta tags?
Meta tags are HTML snippets in your page's <head> that tell search engines and social platforms about your content — the title, description, author, and how the page should appear when shared.
What is Open Graph?
Open Graph (OG) is a protocol used by Facebook, LinkedIn, and other platforms to display rich previews when a URL is shared. It defines the title, description, and image that appear in link previews.
What are Twitter Cards?
Twitter Cards control how links appear when shared on Twitter/X. The most common type is "summary_large_image" which shows a big image preview with title and description.
What should my meta description be?
Keep it between 120–160 characters. It should clearly describe the page content and include your primary keyword naturally. This text appears in Google search results.