Skip to content
Email signature generator update - check out new features tools
Arteon - company logo
#MadeWithNext.js
Arteon logo

Free online tools for web developers, designers, and marketers.

Tools

  • Online image editor
  • Favicon generator
  • Meta title & description checker
  • Word & character counter
  • Lorem Ipsum Generator
  • Email signature generator
  • Color contrast checker
  • Image color extractor
  • Color palette generator

Tools

  • Free QR code generator
  • pt to px
  • rem to px
  • em to px
  • cm to px
  • mm to px
  • inches to px
  • DPI to PPI
  • HEX to RGB

Tools

  • RGB to HSL
  • RGB to CMYK
  • bytes to KB/MB/GB
  • Unix to date
  • DEC to BIN
  • DEC to HEX
  • Mbps to MB/s
  • vw to px
  • Tailwind CSS spacing to px

Tools

  • JPG to WebP
  • PNG to WebP
  • WebP to JPG
  • WebP to PNG
  • PNG to JPG
  • JPG to PNG
  • SVG to PNG
  • BMP to JPG
  • JPG to AVIF

Legal documents

  • Privacy Policy
  • Terms of Service
© 2025 Arteon. All rights reserved.#MadeWithNext.js

Check meta title and description length – Google SERP preview

Enter a title and description, and the tool will calculate character count, word count, pixel width, and show whether the length meets SEO best practices

  1. /Tools
  2. /Meta title & description checker
Loading tool editor...
Meta title and description checker – Arteon

What are meta title and meta description?

Meta title and meta description are two short texts that describe the content of a web page. They are not visible directly on the page but appear in Google search results as the title (blue link) and description (gray text below the title).

Well-written meta tags work like an ad for your page in search results - they attract attention and increase the chance of a click. Poorly written or truncated tags can discourage clicks, even if the page itself is valuable.

How to use the meta title and description checker

Checking meta tag length takes about a minute:

  1. 1. Enter the page title

    Paste or type the meta title in the first text field. The tool will immediately show three metrics: character count, word count, and pixel width. A colored status will appear next to them.
  2. 2. Enter the page description

    Add the meta description in the second field. You will see the same metrics. The field is larger because descriptions are longer than titles - you can fit 2–3 short sentences.
  3. 3. Check the preview

    On the right side (desktop) or below (mobile) you will see a preview showing how the title and description look in Google search results. Text is automatically truncated as the search engine would.
  4. 4. Adjust based on tips

    If the status shows Too short or Too long, adjust the text. Changes are visible instantly - you can experiment until you get optimal length and content.

How many characters should meta title and description have?

Google truncates titles and descriptions that are too long. Below are recommended ranges that reduce the risk of text being cut off in search results.

ElementCharactersPixelsNotes
Meta title50–60 charactersup to ~580 pxPut the most important words at the beginning. Brand name at the end.
Meta description120–160 charactersup to ~920 pxYou can fit 2–3 short sentences. End with a call to action.

These are approximate values - Google does not publish strict limits and may adjust them depending on device and query context.

Meta title

Characters: 52Words: 7Pixels: 456px
Good length

Meta description

Characters: 142Words: 21Pixels: 812px
Good length

How to interpret the results

The tool shows three metrics for each field along with a color-coded length evaluation:

Metrics

  • Characters - total character count (including spaces). Easy to understand but less precise than pixels.
  • Words - word count. Useful for a quick assessment of length.
  • Width (px) - text width in pixels. This is the value Google actually uses when truncating.

Evaluation statuses

  • Good length (green) - text is within the recommended range. Google should display it in full.
  • Too short (yellow) - text is very short. You have room for more information that could encourage clicks.
  • Too long (red) - text exceeds the recommended range. Google will likely truncate it. Consider shortening.
  • No data (gray) - the field is empty. Enter text to see the analysis.

Recommended ranges

Meta title: 35–65 characters or 350–580 pixels wide. Put the most important words at the beginning.

Meta description: 100–165 characters or 430–920 pixels wide. You can fit 2–3 short sentences.

iiiiiiiiiiiiiiii (16 characters)

~64px wide

WWWWWWWWWWWWWWWW (16 characters)

~256px wide

Why pixel width matters more than character count

Different letters have different widths. Compare "iiii" and "WWWW" - both have 4 characters, but the visual width is completely different. Google measures text width in pixels, not characters.

This means a title with many narrow letters (i, l, t, f) can be longer than a title with wide letters (W, M, O), despite the same character count. The tool shows both values: character count (easier to grasp) and pixel width (more accurate for Google).

Snippet preview - what does it show?

The snippet preview simulates how the title and description of your page look in Google search results. It is an approximate visualization - the actual appearance may vary slightly depending on device and browser.

Preview elements

  • URL - the page address displayed above the title. You can enter it in the optional field to make the preview more realistic.
  • Title - the blue heading. If it is too long, the tool automatically truncates it and adds an ellipsis.
  • Description - the gray text below the title. Also truncated if it exceeds the limit.

What the preview does not show

The preview does not include all elements that Google may add to a result: dates, star ratings, sitelinks, or rich snippets. It is a simplified version focused on text length.

Common problems and solutions

  1. Title is too long

    Shorten the title while keeping the most important words at the beginning. Remove adjectives like "best" or "professional" - they rarely add value. Place the brand name at the end after a separator.
  2. Description is too short

    Add more information: what the user will find on the page, what benefit they will get, what sets the offer apart. End with a call to action.
  3. Pixel width is different than expected

    The tool measures width using a standard font similar to what Google uses. The result may vary slightly depending on the browser.

Who is the meta tag checker for?

The meta tag checker is useful for anyone creating web content:

  1. Website and store owners

    Check whether titles and descriptions are truncated in Google results before publishing a new page or product.
  2. SEO specialists

    Test different title and description variants, check the search results preview, and verify compliance with guidelines.
  3. Copywriters

    Write titles and descriptions that fit within limits and encourage clicks.
  4. Marketers

    Create meta tags for campaigns and landing pages, optimizing click-through rate in organic results.
  5. Developers

    Verify meta tags before deploying a page to production.

What makes this meta title and description checker special?

  1. Pixel measurement

    We don't just count characters - we measure actual text width the way Google does.
  2. Google preview

    See how the title and description look in search results before publishing your page.
  3. Color-coded evaluation

    Instantly know whether the text is too short, optimal, or too long.
  4. Pixel and character count together

    The tool shows both values at once - you can compare whether the title fits within both the character and pixel limits.
  5. Title and description in one view

    Check both meta title and description simultaneously, without switching between tabs.

Writing meta titles that earn clicks - beyond character limits

A title that fits within 580 pixels is only the first step. The next step is making it compelling enough to click. Front-load the primary keyword - put the most important words at the very beginning of the title. Users scan search results quickly, and words at the start get the most attention. Numbers attract the eye: "9 free SEO tools" outperforms "Free SEO tools for your website" in click-through rate.

The title tag and the H1 heading on the page do not need to be identical. The title tag is for search results - it should contain the target keyword and a reason to click. The H1 is for visitors already on the page - it can be longer, more descriptive, or use a different phrasing. Google compares the two and may rewrite your title if they are too different, so keep them thematically aligned.

Place the brand name at the end of the title, after a separator like "|" or "-". The brand adds trust but rarely drives clicks on its own. Exception: if the brand is well-known and relevant to the query (e.g., "Nike running shoes"), the brand name can go first. Remove filler adjectives like "best", "top", "amazing" - they waste pixel space and rarely influence click behavior.

Meta descriptions that drive click-through rate

A meta description is a short ad for your page. It should answer the question: why should the searcher click this result instead of the nine others on the page? Start with the main benefit or answer. If the page is a guide, say what the reader will learn. If it is a product page, mention the key feature or price range. If it is a service page, state the outcome.

Use active voice and direct language. "Learn how to optimize your meta tags in 5 minutes" is stronger than "This article discusses meta tag optimization methods." End the description with a call to action: "Check your titles now", "Compare prices", "Read the full guide". The call to action gives the searcher a clear next step.

Google sometimes ignores your meta description and generates its own snippet from the page content. This happens more often when the description does not match the search query. To reduce this, write descriptions that closely match the main keywords the page targets. If a page targets multiple queries, consider updating the description when you notice Google overriding it for high-traffic terms.

Meta tags for e-commerce: product pages, category pages, and homepages

Product page titles should follow a consistent structure: Brand + Product Name + Key Attribute. Example: "Nike Air Max 90 - Men's Running Shoes, Size 10". This format gives the searcher brand, model, category and size in one glance. Avoid stuffing multiple keywords - one clear, specific title outperforms a list of synonyms.

Category page descriptions should signal the breadth of the selection. "Shop 200+ running shoes from Nike, Adidas, and New Balance. Free shipping over $50" tells the searcher three things: variety, brands, and a benefit. Compare that to "Running shoes - our store", which says almost nothing. Category descriptions are often neglected, but they appear in search results for broad, high-volume queries.

Homepage meta tags serve a different purpose. The homepage title should position the brand and its primary offering: "Arteon - Web Design, SEO and Branding Agency". The description should summarize what the business does and for whom. Avoid duplicate descriptions across pages - Google may flag them as low quality. Each page needs a unique description that matches its specific content.

How Google rewrites your title tag - and how to prevent it

Since August 2021, Google uses an automated system to generate the title shown in search results. In many cases, Google will use your title tag as-is. But if the system decides the title is not a good match for the query, it will rewrite it - pulling text from the H1, other headings, anchor text of links pointing to the page, or even the page content.

Common triggers for title rewrites include: the title is too long and gets truncated, the title does not match the page content, the title contains repetitive boilerplate (e.g., every page starts with the brand name), or the title is stuffed with keywords. Half-empty titles also get rewritten - if your title is only 20 characters, Google assumes it is incomplete and will try to improve it.

To reduce the chance of rewrites, keep the title within the recommended pixel width, make sure it closely matches the H1 heading, and avoid repeating the site name at both the beginning and end. Use this checker tool to verify the length before publishing. If Google still rewrites a title, check in Google Search Console under the "Page Indexing" report - it shows the title Google actually displays.

Meta tags across platforms: WordPress, Shopify, and custom sites

In WordPress, the most common way to set meta tags is through an SEO plugin. Yoast SEO and Rank Math both add a meta box below the content editor where you can type the title and description. The plugin shows a live preview and character count. If you do not fill in these fields, the plugin will auto-generate a title from the post title and a description from the first paragraph - which is rarely optimal.

Shopify stores set the meta title and description in the SEO section at the bottom of each product, collection, and page editor. The default title is the product name plus the store name. For better results, customize each title to include the brand, a key feature, and the product type. Shopify also allows bulk editing through CSV import, which is useful for stores with hundreds of products.

For custom-built sites (React, Next.js, static HTML), meta tags live in the HTML <head> section. In Next.js, use the metadata export or the Head component. In plain HTML, add <title> and <meta name="description"> tags. The key pitfall with custom sites is forgetting to set unique meta tags for dynamically generated pages - product pages, blog posts, filtered listings. Test each page type by viewing the source code or using Google Search Console's URL Inspection tool.

Frequently asked questions about the meta title and description checker

Why does the tool show pixel width instead of just character count?

Different letters have different widths. The letter &quot;i&quot; takes much less space than &quot;m&quot; or &quot;W&quot;. Google truncates titles and descriptions based on pixel width, not character count. This means text with many narrow letters can be longer than text with wide letters, even at the same character count.

Does Google always show my meta title and description?

Not always. Google may change the displayed title or description if it considers something else a better fit for the user's query. It often pulls snippets from the page content. Well-written meta tags increase the chance that Google will use them, but there is no 100% guarantee.

What is the optimal length for meta title and meta description?

Meta title should be about 50–60 characters (up to ~580 pixels wide). Meta description works best at 120–160 characters (up to ~920 pixels). These are approximate values - Google does not publish strict limits and may adjust them.

Does meta description affect page ranking in Google?

Meta description is not a direct ranking factor - Google does not use it to determine page position. However, a good description increases the click-through rate from search results, and higher CTR can indirectly affect rankings.

What should I do if my title is too long?

Shorten the title while keeping the most important words at the beginning. Remove filler words (e.g., &quot;best&quot;, &quot;professional&quot;) and focus on specific value for the user. If you include a brand name, place it at the end after a separator.

Meta title and description checker – Arteon

Help us improve our tools

Have an idea for a new feature, found a bug, or want to suggest another tool that would make your work easier? Write to us – we respond within 24 hours.