Meta Tag Generator

Create SEO-friendly meta tags for any page: title, description, canonical URL, robots, Open Graph and X (Twitter) cards. See a live Google preview and get length tips as you type.

  • Live Google preview
  • Open Graph & X cards
  • Length checks in pixels
Google preview

    How to use the Meta Tag Generator tool

    1. Write your title and descriptionType the page title and meta description. Counters and tips show whether they fit in Google.
    2. Add the canonical URL and imageEnter the page’s main URL and, optionally, an image for social media shares.
    3. Choose indexing optionsDecide whether search engines may index the page and follow its links, and set the language.
    4. Copy the HTMLCopy the generated tags and paste them into the <head> section of your page.

    Features

    • Pixel-accurate title checkGoogle cuts titles by width, not character count. The tool measures your title in pixels.
    • Live search previewSee how the page could appear in Google search results while you write.
    • Social tags includedOpen Graph and X (Twitter) card tags are generated from the same fields.
    • Clean, valid HTMLSpecial characters are escaped correctly, so quotes and ampersands never break your tags.
    • Helpful tipsGet instant suggestions for missing tags, short descriptions or accidental noindex.

    Which meta tags matter for SEO?

    TagPurposeImportance
    <title>The clickable headline in search results and the browser tabEssential
    meta descriptionThe summary under the title in search resultsImportant for clicks
    link rel="canonical"Tells search engines the main URL when content appears at several addressesImportant
    meta robotsControls indexing (noindex) and link following (nofollow)Only when needed
    meta viewportMakes the page display properly on phonesEssential
    og: and twitter: tagsControl how links look on Facebook, LinkedIn, WhatsApp and XImportant for sharing
    meta keywordsIgnored by Google and Bing for rankingNot needed

    Writing a great title tag

    • Keep it under about 600 pixels (usually 50–60 characters) so it isn’t cut off.
    • Put the main keyword near the start, and your brand at the end.
    • Make every page’s title unique and specific: “Handmade Ceramic Mugs – Free Shipping” beats “Products”.

    Writing a meta description that gets clicks

    The description doesn’t directly affect rankings, but it strongly affects how many people click. Summarize what the page offers, include the main keyword naturally (Google bolds matching words) and end with a reason to click. Aim for roughly 120–160 characters. Google sometimes rewrites descriptions to match a searcher’s query, but a good one is used much more often.

    Where to put meta tags

    All of these tags belong inside the <head> section of your HTML, before </head>. In WordPress, an SEO plugin such as Yoast or Rank Math adds them for you from its settings box; in Shopify and Wix, use the “SEO” section of each page. To fine-tune the social preview, use the Open Graph Generator; to test lengths in detail, try the SERP Preview tool.

    Frequently asked questions

    How long should a title tag be?
    Google shows titles up to about 600 pixels wide on desktop, usually 50–60 characters. This tool measures the pixel width for you.
    How long should a meta description be?
    Aim for about 120–160 characters. Longer descriptions are usually cut off in search results.
    Do meta keywords still matter?
    No. Google and Bing ignore the meta keywords tag for ranking, so this generator leaves it out.
    What does a canonical tag do?
    It tells search engines which URL is the main version of a page, preventing duplicate-content issues from tracking parameters or similar URLs.
    Where do I paste the generated tags?
    Inside the <head> section of your page’s HTML, or in the SEO settings of your website builder.