Free SEO tool · AI or write your own

Meta Tag Generator: Titles & Descriptions with a Google Preview

Describe your page and get 3 search-ready titles and descriptions, measured in pixels the way Google cuts them. Edit until every check is green, see how it looks on desktop and mobile, then copy the fields for Yoast or Rank Math, or the full HTML with Open Graph tags.

  1. Describe your page
  2. Pick and edit a title
  3. Copy into your site

By Updated

Your page

Say what the page offers and who it's for. Add real details like a place, price or feature; the AI only uses what you write.

More options for the HTML code

Shared AI: 15 runs an hour. Editing and previews stay unlimited in your browser.

Privacy: your description goes to our server and then to Google Gemini or OpenRouter. Identical requests are reused for 1 hour.

Your snippet

Generate with AI, or type your ownYour title and description are checked and previewed as you type.
0 / 580 px0 characters
0 / 920 px0 characters

Google preview

example.comhttps://example.com
Your title appears here
Your meta description appears here. Google shows about two lines on desktop.

Drawn at Google's real desktop width and scaled to fit. An estimate: Google may still rewrite or shorten it.

Checks

    Copy into your site

    For Yoast SEO, Rank Math or All in One SEO: paste each field into the snippet editor below your page.

    SEO title
    —
    Meta description
    —
    Slug (URL)
    —
    H1 heading for the page
    —

    Your text is checked and previewed in your browser. Only the AI step sends your description to an AI service.

    Use your own free AI key

    Your key stays in this browser tab only and goes straight to the AI provider, never to our server. It's also used by our other AI tools until you close the tab.

    Free from Google AI Studio.

    Free models at openrouter.ai/keys.

    Recent snippets

    Your last 10 AI results, saved in this browser only.
      Honest by design

      What this tool does, and what it doesn't

      So you know exactly what to expect before you rely on it.

      What it does

      • Writes 3 options for your title and description from what you type, in 18 languages.
      • Measures in pixels with the font sizes Google uses, so you see where text gets cut.
      • Spots common mistakes and explains each one in a single line.
      • Gives you ready code: plugin fields, HTML with Open Graph tags, and a share preview.
      • Runs checks in your browser, so editing and previewing are free and unlimited.

      What it doesn't do

      • Promise rankings or clicks. Meta tags aren't a ranking factor on their own; your content and competition matter more.
      • Read your live page. It only knows what you type. To check a published page, use the SEO Analyzer.
      • Show search volume. For which keywords people search, use the Keyword Research Tool.
      • Change your website. Nothing is published; you copy and paste the tags yourself.
      • Know facts you didn't give it. It's told not to invent prices, numbers or awards, but read each option before publishing.
      Reading your results

      What each check means

      Every check comes with a plain reason. Here is what they look for, with a good and a bad example.

      Title width

      Google shows about 580 pixels of a title on desktop, usually 50 to 60 characters. Wide letters like W and M use more space, so the tool measures pixels.

      GoodMasala Chai Recipe: Ginger Tea in 5 Minutes
      Cut offThe Ultimate Complete Guide to Making the Best Masala Chai at Home…

      Description length

      Google shows about 920 pixels of a description on desktop, roughly 150 characters. Too short wastes space; too long is cut with "…".

      GoodMake spiced masala chai with ginger and cardamom in 5 minutes. Simple steps, exact amounts and tips for a stronger cup.
      Too shortChai recipe.

      Focus keyword

      Put the phrase people search for near the start of the title and once in the description. Google shows matching words in bold.

      GoodMasala Chai Recipe: Ginger Tea in 5 Minutes
      ImproveQuick Ginger Tea for Cold Mornings and a Masala Chai Recipe

      Repeated words

      Repeating the keyword looks like spam to readers and to Google, and makes Google more likely to rewrite your title.

      ProblemChai Recipe, Best Chai Recipe, Easy Chai Recipe
      GoodMasala Chai Recipe with Ginger and Cardamom

      Brand name

      Ending with your brand helps people recognise you in results. Skip it when the title would get too long; the topic matters more.

      GoodMasala Chai Recipe in 5 Minutes | Chai Corner

      A reason to click

      Descriptions that say what people will get, with words like Learn, Compare, Try or Order, usually get more clicks than vague ones.

      Good…Try it tonight with the step-by-step photos.
      ImproveWelcome to our website about tea.
      An example

      Before and after

      A sweet shop's home page, fixed with this tool. Same page, a much clearer snippet.

      Before

      Home | Sharma Sweets

      Welcome to our website. We are the best sweet shop. Contact us for more information.

      • Says nothing about what's sold or where
      • "Best" is a claim, not a reason
      • No keyword people search for

      After

      Kaju Katli & Gujarati Sweets in Ahmedabad | Sharma Sweets

      Fresh kaju katli, mohanthal and farsan made daily in Maninagar, Ahmedabad. See today's menu and order for pickup.

      • Keyword and city at the start
      • Real products people search for
      • A clear next step: see the menu
      Quick rules

      Meta tag cheat sheet

      The numbers worth remembering, in one table.

      TagAim forWhy
      Title tag50–60 characters, under about 580 pxLonger titles are cut on desktop
      Meta description120–155 characters, under about 920 pxLonger text is cut with "…"
      Focus keywordFirst half of the title, once in the descriptionMatching words show in bold
      URL slug3–6 words, lowercase, hyphensShort links are easier to read and share
      H1 headingOne per page, same topic as the titleTells readers they're in the right place
      Open Graphog:title, og:description, og:image (1200 × 630)Controls the WhatsApp and Facebook preview
      Every pageIts own title and descriptionDuplicates confuse readers and Google
      Meta keywordsNot neededGoogle ignores it
      Step by step

      How to write meta tags with this tool

      1. Describe the page in a few lines

        Write what the page offers and who it's for. Add true details like the city, product names or what makes it different; the AI won't invent facts.

      2. Add your focus keyword and brand

        The keyword is the phrase people type into Google. The brand is added to the end of the title when it fits.

      3. Pick one of the three options

        Each option takes a different angle. Choose the one that sounds most like your page.

      4. Edit until the checks are green

        Change any word. The width bars, preview and checks update as you type.

      5. Copy into your site

        Paste the fields into Yoast or Rank Math, or copy the HTML code with Open Graph tags for sharing.

      6. Check it in Google later

        After Google re-crawls the page, search for it or use URL Inspection in Search Console. If Google rewrites your title, make it shorter and closer to the page's content.

      Questions

      Frequently asked questions

      Why does Google show a different title or description from mine?

      Google rewrites titles and descriptions when it thinks other text on your page answers the search better. It happens most when a title is too long, stuffed with keywords, or doesn't match the page. Accurate, specific tags of the right length are shown as written more often, but Google always has the final say.

      Should I count characters or pixels?

      Pixels are more accurate. Google cuts desktop titles at about 580 pixels, which is usually 50 to 60 characters, but wide letters like W and M fill the space faster than i or l. This tool measures both, using the same font size Google uses.

      Do I still need the meta keywords tag?

      No. Google has ignored the meta keywords tag for years, and it can show competitors which words you're targeting. This tool gives you related search phrases to use in your writing instead.

      Where do I paste these tags in WordPress?

      If you use Yoast SEO or Rank Math, open the page editor and paste the title, description and slug into the plugin's snippet fields; use the SEO plugin tab here. Without a plugin, the HTML code tab gives you tags to place inside the page's head section.

      What are the Open Graph and Twitter tags for?

      They control the preview card when someone shares your link on WhatsApp, Facebook, LinkedIn or X: the title, the short description and the image. Add a share image address under More options to include an image.

      Is my page description stored?

      With the free shared AI, your description goes to our server and then to Google Gemini or OpenRouter to write the tags; identical requests are reused for one hour and nothing is saved to an account. With your own key, it goes straight from your browser to the AI provider. Your last 10 results are kept only in your browser.

      How many times can I use it for free?

      The shared AI allows 15 generations an hour per visitor. Checking, editing and previewing your own title and description is unlimited, because that runs in your browser. If you need more AI generations, add your own free Gemini or OpenRouter key.

      Your writing workflow

      What to do next

      Meta tags are step 5 of publishing a page. Here's the whole path, with a tool for each step.

      1. Find keywordsKeyword Research Tool
      2. Plan the outlineBlog Outline Generator
      3. Write the draftBlog Post Generator
      4. Fix grammarGrammar Checker
      5. Write meta tagsYou are here
      6. Check the live pageSEO Analyzer

      See all Content Writing & SEO tools →