Free Meta Tag Checker · Check Title Length, Description & OG Tags · Nuxt SEO [NuxtSEO](https://nuxtseo.com/ "Home") - [Modules](https://nuxtseo.com/docs/nuxt-seo/getting-started/introduction) - [Tools](https://nuxtseo.com/tools) - [Pro](https://nuxtseo.com/pro) - [Learn SEO](https://nuxtseo.com/learn-seo/nuxt) [Releases](https://nuxtseo.com/releases) [1.4K](https://github.com/harlan-zw/nuxt-seo) [Nuxt SEO on GitHub](https://github.com/harlan-zw/nuxt-seo) $ nuxt-seo tools # Free Meta Tag Checker Check title length, meta description & Open Graph tags from any URL. Preview how your page appears in Google search results and social media. Quick Length Check Check a Live URL Title Tag0/60 chars Meta Description0/160 chars ## Title Tag & Meta Description Length Checker ### Check Title Tag Length - Keep under **60 characters** to avoid truncation - 51-60 chars have **lowest rewrite rates** (39-42%) - Front-load keywords - users may only see first 50 [Learn title best practices ](https://nuxtseo.com/learn-seo/vue/mastering-meta/titles) ### Check Meta Description Length - Desktop: **~155-160 chars**, mobile: ~120 - Google rewrites **62-70%** of descriptions - Front-load value for mobile truncation [Learn description best practices ](https://nuxtseo.com/learn-seo/vue/mastering-meta/descriptions) ## Why Pixel Width Matters Characters have different widths. "iiiiii" is narrower than "WWWWWW". This tool estimates actual pixel width, not just character count, giving you a more accurate picture of how your titles will display. ## Are Your Meta Tags Server-Rendered? Search engines need meta tags in the initial HTML response. Client-side rendered meta tags (added by JavaScript after page load) may not be indexed. Good news: This tool fetches your page exactly like a search engine would - no JavaScript execution. If your meta tags appear above, they're server-rendered correctly. ### Manual Check 1. 1View Page Source (Ctrl+U / Cmd+U) 2. 2Search for your tag 3. 3If it's missing or shows a placeholder, you have an SSR problem ## Solutions by Framework Nuxt Use `useSeoMeta()` or `useHead()` - SSR by default. [Nuxt SEO Docs](https://nuxtseo.com/docs/nuxt-seo/getting-started/introduction) Vue Use [Unhead](https://unhead.unjs.io) with SSR or prerendering. [Vue SEO Guide](https://nuxtseo.com/learn-seo/vue/mastering-meta) Next.js Use `generateMetadata` (App Router) or `<Head>` (Pages Router). [Next.js Docs](https://nextjs.org/docs/app/building-your-application/optimizing/metadata) React Use [react-helmet](https://github.com/nfl/react-helmet) or [Unhead](https://unhead.unjs.io). Requires SSR framework (Next.js, Remix) for SEO. Astro Set tags in `<head>` directly or use [@astrojs/sitemap](https://docs.astro.build/en/guides/integrations-guide/sitemap/). SSR by default. SvelteKit Use `<svelte:head>` in pages. [Svelte Docs](https://svelte.dev/docs/svelte/svelte-head) Remix Export `meta` function from routes. [Remix Docs](https://remix.run/docs/en/main/route/meta) SolidStart Use `<Title>` and `<Meta>` from [@solidjs/meta](https://docs.solidjs.com/solid-meta). ## Frequently Asked Questions <details> <summary>01 ### What is a meta tag checker? </summary> A meta tag checker is a tool that analyzes your page's HTML meta tags including title, description, Open Graph, and Twitter cards. It validates tag length, checks for missing tags, and previews how your page appears in search results and social shares. </details> <details> <summary>02 ### What is the ideal title tag length? </summary> Keep title tags under 60 characters to avoid truncation in search results. Titles between 51-60 characters have the lowest rewrite rates (39-42%). Google measures by pixel width (~580px), so character count is an approximation. </details> <details> <summary>03 ### How long should a meta description be? </summary> Meta descriptions should be 155-160 characters for desktop and around 120 characters for mobile. Front-load the most important information since mobile truncates earlier. Note: Google rewrites 62-70% of meta descriptions anyway. </details> <details> <summary>04 ### What is the meta robots tag? </summary> The meta robots tag controls how search engines crawl and index your page. Common values include index/noindex (whether to index), follow/nofollow (whether to follow links), and noarchive (prevent cached copy). It's placed in the <head> section. </details> <details> <summary>05 ### Why are my meta tags not showing in search results? </summary> Google may rewrite your title and description if it thinks they don't match the search query well. Ensure your tags accurately describe page content, include relevant keywords naturally, and are the right length. Server-side rendering is also essential - client-side rendered tags may not be indexed. </details> <details> <summary>06 ### How do I check my meta description length? </summary> Use the Quick Length Check mode above to paste your meta description and see the character count instantly. Aim for 155-160 characters on desktop and 120 on mobile. This meta description length checker also shows a live Google SERP preview so you can see exactly where truncation occurs. </details> <details> <summary>07 ### What does a title tag checker look for? </summary> A title tag checker validates character length (under 60 recommended), estimates pixel width (~580px max before Google truncates), and checks for common issues like missing titles, duplicate titles, or titles that are too short to be descriptive. Use the Quick Length Check mode above for instant feedback. </details> Part of [Nuxt SEO](https://nuxtseo.com/) — the all-in-one technical SEO toolkit for Nuxt. Sitemaps, robots.txt, meta tags, Schema.org, and OG images in one install. [2026 SEO Checklist for Nuxt & Vue Meta tags are just the start. Walk through the complete SEO checklist.](https://nuxtseo.com/learn-seo/checklist) ### References [Google: Title Links in Search Results Official documentation on how Google generates title links and best practices.](https://developers.google.com/search/docs/appearance/title-link) [Google: Control Snippets in Search Results How Google uses meta descriptions and generates snippets.](https://developers.google.com/search/docs/appearance/snippet) [MDN: <meta> Element Reference Complete HTML meta tag specification and attributes.](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta) [The Open Graph Protocol Official specification for Open Graph meta tags.](https://ogp.me/) ### Related [Title Best Practices](https://nuxtseo.com/learn-seo/vue/mastering-meta/titles) [Description Best Practices](https://nuxtseo.com/learn-seo/vue/mastering-meta/descriptions) [Social Sharing Guide](https://nuxtseo.com/learn-seo/vue/mastering-meta/social-sharing) [useSeoMeta Docs](https://unhead.unjs.io/usage/composables/use-seo-meta) [Social Share Debugger](https://nuxtseo.com/tools/social-share-debugger) [Robots.txt Generator](https://nuxtseo.com/tools/robots-txt-generator) [GitHub](https://github.com/harlan-zw/nuxt-seo) [ Discord](https://discord.com/invite/275MBUBvgP) ### [NuxtSEO](https://nuxtseo.com/ "Home") - [Getting Started](https://nuxtseo.com/docs/nuxt-seo/getting-started/introduction) - [MCP](https://nuxtseo.com/docs/nuxt-seo/guides/mcp) Modules - [Robots](https://nuxtseo.com/docs/robots/getting-started/introduction) - [Sitemap](https://nuxtseo.com/docs/sitemap/getting-started/introduction) - [OG Image](https://nuxtseo.com/docs/og-image/getting-started/introduction) - [Schema.org](https://nuxtseo.com/docs/schema-org/getting-started/introduction) - [Link Checker](https://nuxtseo.com/docs/link-checker/getting-started/introduction) - [SEO Utils](https://nuxtseo.com/docs/seo-utils/getting-started/introduction) - [Site Config](https://nuxtseo.com/docs/site-config/getting-started/introduction) - [Skew Protection](https://nuxtseo.com/docs/skew-protection/getting-started/introduction) - [AI Ready](https://nuxtseo.com/docs/ai-ready/getting-started/introduction) ### [NuxtSEO Pro](https://nuxtseo.com/pro "Home") - [Getting Started](https://nuxtseo.com/pro) - [Dashboard](https://nuxtseo.com/pro/dashboard) - [Pro MCP](https://nuxtseo.com/docs/nuxt-seo-pro/mcp/installation) ### [Learn SEO](https://nuxtseo.com/learn-seo "Learn SEO") Nuxt - [Mastering Meta](https://nuxtseo.com/learn-seo/nuxt/mastering-meta) - [Controlling Crawlers](https://nuxtseo.com/learn-seo/nuxt/controlling-crawlers) - [Launch & Listen](https://nuxtseo.com/learn-seo/nuxt/launch-and-listen) - [Routes & Rendering](https://nuxtseo.com/learn-seo/nuxt/routes-and-rendering) - [Staying Secure](https://nuxtseo.com/learn-seo/nuxt/routes-and-rendering/security) Vue - [Vue SEO Guide](https://nuxtseo.com/learn-seo/vue) - [Mastering Meta](https://nuxtseo.com/learn-seo/vue/mastering-meta) - [Controlling Crawlers](https://nuxtseo.com/learn-seo/vue/controlling-crawlers) - [SPA SEO](https://nuxtseo.com/learn-seo/vue/spa) - [SSR Frameworks](https://nuxtseo.com/learn-seo/vue/ssr-frameworks) - [SEO Checklist](https://nuxtseo.com/learn-seo/checklist) - [Pre-Launch Warmup](https://nuxtseo.com/learn-seo/pre-launch-warmup) - [Backlinks & Authority](https://nuxtseo.com/learn-seo/backlinks) ### [Tools](https://nuxtseo.com/tools "SEO Tools") - [Social Share Debugger](https://nuxtseo.com/tools/social-share-debugger) - [Robots.txt Generator](https://nuxtseo.com/tools/robots-txt-generator) - [Meta Tag Checker](https://nuxtseo.com/tools/meta-tag-checker) - [HTML to Markdown](https://nuxtseo.com/tools/html-to-markdown) - [XML Sitemap Validator](https://nuxtseo.com/tools/xml-sitemap-validator) - [Schema.org Validator](https://nuxtseo.com/tools/schema-validator) - [Keyword Research Pro](https://nuxtseo.com/tools/keyword-research) - [SERP Analyzer Pro](https://nuxtseo.com/tools/serp-analyzer) - [Domain Rankings Pro](https://nuxtseo.com/tools/domain-rankings) Copyright © 2023-2026 Harlan Wilton - [MIT License](https://github.com/harlan-zw/nuxt-seo/blob/main/license) · [mdream](https://mdream.dev)