Util Tools logo Util Tools
SEO Tools

Free Meta Tag Generator Online

Build complete SEO, Open Graph, and Twitter Card meta tags with a live Google SERP preview (desktop and mobile), social card previews, and a copy-ready code block.

  • 100% free
  • No signup
  • Runs in your browser
Open Graph
Twitter Card

Google Preview

https://example.com/page
Your page title
A compelling description of your page appears here in the search result snippet.

Social Preview

og:image preview
example.com
Your page title
A compelling description of your page.

SEO Score

0/10

    Generated <head> Code

     
    Guide

    What are meta tags?

    Meta tags are snippets of HTML in a page's <head> that describe the page to search engines and social networks. They do not appear on the page itself but control how it is summarised elsewhere. This generator builds a complete set: SEO title and description, Open Graph tags for social sharing, and Twitter Card tags, with a live preview of each.

    Title and description: your search listing

    The title tag and meta description are what appear in Google's results, so they directly affect how many people click. Keep the title around 50 to 60 characters and the description around 150 to 160 characters so neither is truncated. Write them like an ad: make the title compelling and the description a clear promise of what the page delivers. The SERP preview shows exactly how they will look.

    Open Graph and Twitter Cards

    When someone shares your link on social media, the platform reads Open Graph tags (og:title, og:description, og:image) to build the preview card with a headline, summary, and image. Twitter Cards do the same on X. Without them, shared links look bare and get fewer clicks. A good og:image is especially important, since the picture is what stops the scroll.

    What about meta keywords?

    The old meta keywords tag is obsolete. Google has ignored it for well over a decade because it was so heavily abused, so stuffing keywords there does nothing for ranking. Focus your effort on a strong title, description, and genuinely useful page content instead. This generator produces clean, standards-based tags you can copy straight into your page head.

    Last updated: July 2026

    Frequently Asked Questions

    What are meta tags?
    Meta tags are HTML snippets placed in the <head> section of a webpage that provide information about the page to search engines and social media platforms. They do not appear visibly on the page.
    Do meta keywords still matter for SEO?
    No. Google has officially ignored the meta keywords tag since 2009. However, some smaller search engines still reference it, so it does not hurt to include relevant keywords.
    What is the ideal meta description length?
    Google displays meta descriptions up to approximately 155–160 characters on desktop. Write compelling descriptions within this limit - they directly affect click-through rates even though they are not a direct ranking factor.
    What are Open Graph tags?
    Open Graph tags (og:title, og:description, og:image) control how your page appears when shared on Facebook, LinkedIn, and other social platforms. Without them, social platforms choose content arbitrarily.
    What is a Twitter Card?
    Twitter Cards are meta tags that control how your URL appears when shared on X (Twitter). They enable rich previews with images, titles, and descriptions instead of plain links.