NuxtSEO

$ nuxt-seo tools

Meta Tag Checker

Check meta tags from any URL. Preview how your page appears in Google search results.

Meta Tag Length Limits

Title Tag

  • 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

Meta Description

  • Desktop: ~155-160 chars, mobile: ~120
  • Google rewrites 62-70% of descriptions
  • Front-load value for mobile truncation
Learn description best practices

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. View Page Source (Ctrl+U / Cmd+U)
  2. Search for your <title> tag
  3. If 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 →
Vue
Use Unhead with SSR or prerendering. Vue SEO Guide →
Next.js
Use generateMetadata (App Router) or <Head> (Pages Router). Next.js Docs →
React
Use react-helmet or Unhead. Requires SSR framework (Next.js, Remix) for SEO.
Astro
Set tags in <head> directly or use @astrojs/sitemap. SSR by default.
SvelteKit
Use <svelte:head> in pages. Svelte Docs →
Remix
Export meta function from routes. Remix Docs →
SolidStart
Use <Title> and <Meta> from @solidjs/meta.

Official References

Google: Title Links in Search Results

Official documentation on how Google generates title links and best practices.

Google: Control Snippets in Search Results

How Google uses meta descriptions and generates snippets.

MDN: <meta> Element Reference

Complete HTML meta tag specification and attributes.

The Open Graph Protocol

Official specification for Open Graph meta tags.

Related Resources

Title Best Practices Description Best Practices Social Sharing Guide useSeoMeta Docs Social Share Debugger