Free Meta Tag Generator: Write Titles, Descriptions and Open Graph Tags

A meta tag generator takes a page title, a short summary, a URL and an image, and returns the HTML tags that go in the page's <head>. It does three jobs:

• Title tag. The clickable headline in search results and the browser tab label.
• Meta description. A suggested summary that search results can show under the title.
• Open Graph tags. The title, description, image and URL that social networks and messaging apps read to build a link preview card.

That is the whole output. It is formatting for humans who see your link somewhere else. It is useful, and it takes minutes. It is not a visibility lever for AI answers, and the section on limits below explains why.

If you already have tags and want to check them, the title and meta description length checker covers the measuring side.

You do not need a tool to do this well. Here is the process for one page.

1. Pick the one fact the page delivers. Write it as a short phrase a searcher would recognise. Say you run a dental clinic in Austin and the page is about teeth whitening. The fact is "teeth whitening in Austin".
2. Write the title. Lead with that phrase, then add the brand. A common working target is about 50 to 60 characters, so the important words survive if the display cuts it short. Treat that as a convention, not a published limit. Our guide to writing better SEO titles goes further.
3. Write the description. One or two plain sentences that say what the reader gets. A common working target is about 140 to 160 characters. Put a specific detail early, such as a price or opening hours.
4. Write the Open Graph tags. Reuse the title and description, or write a slightly more conversational version for social sharing. Add an absolute image URL and the page's canonical URL.
5. Paste the tags into the <head> of the page template, or into your CMS fields for title, description and social sharing.

Here is a short, correct snippet for the hypothetical clinic page:

<title>Teeth Whitening in Austin | Example Dental</title>
<meta name="description" content="In-office teeth whitening in Austin from $299. One 60-minute visit, same-week appointments.">
<meta property="og:title" content="Teeth Whitening in Austin | Example Dental">
<meta property="og:description" content="In-office whitening from $299 in one 60-minute visit.">
<meta property="og:image" content="https://example.com/images/whitening.jpg">
<meta property="og:url" content="https://example.com/teeth-whitening">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Note the attributes. The description uses name. Open Graph tags use property. Mixing them up is a common reason previews break.

A tag that only exists after JavaScript runs may not exist for many crawlers. Vercel's study of AI crawler traffic found that ChatGPT and Claude crawlers fetch JavaScript files but don't execute them, so they can't read client-side rendered content. Many social preview bots behave the same way.

Check what the server actually sends:

1. Run curl -s https://example.com/teeth-whitening | grep -i -E '<title|<meta' from a terminal.
2. Or open view-source:https://example.com/teeth-whitening in your browser. Do not use the inspector, which shows the page after scripts run.
3. Confirm the title, description and every og: tag appear in that raw output.

If they only appear in the inspector, your framework is injecting them client-side. Move them into server-side rendering or static output. The same applies to robots directives, which we cover in whether AI crawlers see robots meta tags added by JavaScript.

Once the tags are in the raw HTML, read them as a checklist:

• One title tag, one description. Duplicates leave the choice to whoever reads the page.
• Key phrase at the front of both the title and description.
• Absolute URLs in og:image and og:url, starting with https://.
• The image loads when you paste its URL into a browser.
• No accidental robots directives. While you are in the <head>, look for <meta name="robots">. A stray noindex or nosnippet copied from a staging template matters far more than a weak title.

Then test a share. Paste the URL into the platform where you expect it to be shared and check the preview card. Most social platforms offer a preview or debug tool that refetches your tags.

This is the limit that most generators skip. No AI engine documents using your title, description or Open Graph tags to decide which pages to cite. Google's documentation on AI features says a page must be indexed and eligible to be shown in Google Search with a snippet to appear as a supporting link in AI Overviews or AI Mode. It adds that there are no additional requirements and no special optimizations necessary. Google's guide to generative AI features also says you don't need new markup or AI text files to appear. We cover this in more depth in does AI search use my meta description or Open Graph tags.

One group of meta tags does change AI answers, and only by removing you. Google documents noindex, nosnippet and max-snippet as page controls, and Bing says content marked data-nosnippet is excluded from snippets and AI summaries while still indexed. See the robots meta tag and nosnippet definitions.

So the practical split is:

Write good display tags for people. Audit the robots tags for access. Nothing here promises a citation, because no meta tag does.

If you would rather fill in a form than type HTML, the free Meta Tag Generator from 99Visibility builds the title, description and Open Graph block for you to paste into your page. Use it for the formatting. Then run the raw HTML check above to confirm the tags actually reach crawlers, and read the robots line before you ship.