--- title: "Free Meta Tag Checker · Check Title Length, Description & OG Tags · Nuxt SEO" canonical_url: "https://nuxtseo.com/tools/meta-tag-checker" last_updated: "2026-08-09T03:39:06.519Z" meta: description: "Inspect title, description, Open Graph, and Twitter card tags from a public URL. Compare text lengths with common display ranges." "og:description": "Inspect title, description, Open Graph, and Twitter card tags from a public URL. Compare text lengths with common display ranges." "og:title": "Free Meta Tag Checker · Check Title Length, Description & OG Tags · Nuxt SEO" --- Nuxt SEO on GitHub $ nuxt-seo tools # Free Meta Tag Checker Inspect title, description, Open Graph, and Twitter card tags from a public URL. Preview likely search and social layouts. **Was this tool helpful? ** Your feedback helps us improve ## Title & Meta Description Length Checker ### **Check Title Tag Length ** - Use **about 60 characters** as an editing range - Rendered width matters more than the character count - Put the useful words first; narrow results show less text [Read title guide ](https://nuxtseo.com/learn-seo/vue/mastering-meta/titles) ### **Check Meta Description Length ** - Use **about 155 characters** as a desktop editing range - Search engines may replace the description with page text - Put the useful information first for narrow results [Read description guide ](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 rendered width to make the character count more useful, but the final search layout can differ. ## 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. This checker reads the fetched HTML without running client-side JavaScript. Tags shown above were present in that response; search engines may render the page differently. ### **Manual Check ** 1. **1**View Page Source (Ctrl+U / Cmd+U) 2. **2**Search for your \ tag 3. **3**If it's missing or shows a placeholder, you have an SSR problem ## Solutions by Framework Nuxt Use `useSeoMeta()` or `useHead()`. Both render on the server 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). ## Common questions <details> <summary>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>What is the ideal title tag length?</summary> About 60 characters is a useful editing range, but search engines measure rendered width and may rewrite the title. Keep the important words early and use the preview as an estimate. </details> <details> <summary>How long should a meta description be?</summary> About 155 characters is a useful editing range for desktop, with less space on many mobile results. Put the useful information first because search engines may truncate or replace the description. </details> <details> <summary>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>Why are my meta tags not showing in search results?</summary> Google may rewrite a title or description to better match a query. Make each tag describe the page clearly. If tags are added only after JavaScript runs, confirm that crawlers can see the rendered head. </details> <details> <summary>How do I check my meta description length?</summary> Paste the description into the quick length check to compare its character count and estimated width with common display ranges. The preview is an estimate because search engines can rewrite or truncate descriptions. </details> <details> <summary>What does a title tag checker look for?</summary> This checker reports a missing title, compares its length with a common editing range, and estimates rendered width. It cannot predict a search engine rewrite or find duplicate titles across other pages. </details> Checked one page. Nuxt SEO Pro monitors titles, descriptions and OG tags across every page and flags regressions before they cost you clicks. [**Monitor in Pro **](https://nuxtseo.com/pro) Part of [**Nuxt SEO **](https://nuxtseo.com/). One install covers sitemaps, robots.txt, meta tags, Schema.org, and OG images. [**Nuxt and Vue SEO checklist ** 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)