On-page meta checker
Enter any URL to see its title, meta description, H1s, canonical and robots tags - with quick length checks.
Run a full graded audit for the whole site.
Enter any URL to see its title, meta description, H1s, canonical and robots tags - with quick length checks.
A meta tag checker inspects the HTML metadata on any single webpage—its title, description, canonical tag, headings, and HTTP status—to verify they're correctly set for search engines and social sharing. Enter a URL to see what's currently in place.
Meta tags are HTML elements that live in a page's <head> section and tell search engines, social platforms, and browsers what your page is about. They don't appear as visible text on the page itself—they're metadata, or "data about data." Search engines like Google, Bing, and DuckDuckGo read meta tags to understand your page's topic and match it against search queries. When your site appears in results, the title tag becomes the clickable headline and the meta description becomes the preview text below it. If those tags are missing or poorly written, search engines may rewrite them or pull random text from your page instead.
Social platforms (Facebook, LinkedIn, X, WhatsApp, Slack) use Open Graph meta tags to generate rich link previews when someone shares your URL. Without them, the preview is generic or broken. The heading tags (H1, H2, H3) structure your page's content and signal the hierarchy of topics to search engines. The canonical tag tells search engines which version of a URL is the authoritative one—critical when multiple URLs have the same or similar content. The HTTP status tells search engines whether the page is accessible (200 = success, 404 = not found, 503 = server error). A working page must return 200 to be indexed.
This tool checks one page at a time. It reads what's in the page's initial HTML—the same thing search engines see when they crawl you. If your tags are added by JavaScript after the page loads, this tool (like search engines) may not see them. See the server-rendered section below for details on how to verify this.
When you submit a URL, the checker returns several pieces of information. Here's what each means and what to look for:
| Meta Tag | What It Does | Ideal Length | When Google Truncates |
|---|---|---|---|
| Title tag | Appears as the clickable headline in search results and browser tab | 50–60 characters | At roughly 580 pixels (varies by font rendering) |
| Meta description | Preview text under the title in search results; social platforms use it for link descriptions | 50–160 characters for desktop (less on mobile) | At roughly 155–160 characters or 920 pixels, whichever comes first |
| Canonical tag | Tells search engines which URL is the primary version if you have duplicate or similar content | N/A (a URL) | N/A; must be absolute URL, not relative |
| H1 heading | The main topic heading of the page; should appear once and match the page's intent | Naturally fits the content | Multiple H1s confuse search engines about the main topic |
| HTTP status | Server's response when fetching the page; 200 means success, 404 means not found, 5xx means server error | 200 | Anything other than 200 blocks indexing |
Character count is misleading because of font rendering. The letter 'i' is much narrower than 'W', so "iiiiiiii" (8 characters) renders narrower than "WWWWWWWW" (8 characters). This tool estimates rendered width based on typical browser font rendering, but the final display varies by platform. Use the character count as a rough guide; the preview is more accurate.
Optimizing meta tags improves how your page appears in search results and when shared on social media. These practices apply universally across all industries:
The difference between mediocre and click-worthy: a description that says "We offer SEO services" gets ignored, but "Professional SEO auditing for e-commerce sites. Find crawl errors, fix indexing issues, and boost rankings. Free checklist inside." invites clicks because it's specific and offers value.
Some modern web frameworks (React, Vue, Svelte, Angular) render pages with JavaScript. If your framework adds meta tags by running JavaScript after the page loads (client-side rendering), search engines may not see them because they fetch and read the initial HTML response before JavaScript runs.
This checker reads the initial HTML response, the same way search engines do. If your tags appear in this tool's results, search engines will see them. If they don't appear here but your site claims to set them, your framework is likely adding them with JavaScript after the page loads.
To verify whether your tags are server-rendered:
Most modern frameworks support server-side rendering or static generation, which is best for SEO. Check your framework's documentation: Next.js (use generateMetadata in App Router), Nuxt (use useSeoMeta or useHead), Vue (use Unhead with SSR), Astro (SSR by default), SvelteKit (use svelte:head), Remix (export meta function from routes).
Paste the URL here and the tool will display its title tag, meta description, canonical tag, headings, and HTTP status. Alternatively, visit the page in your browser, press Ctrl+U (Windows) or Cmd+U (Mac) to view the page source, then search for "<title>" or "<meta name=" to find them in the raw HTML.
Yes, absolutely. Google uses your title tag and meta description to generate search result snippets, though it may rewrite them if they don't match the search query or the page's actual content. Canonical tags prevent duplicate-content penalties. Heading tags help search engines understand your page's structure and topic hierarchy. Open Graph meta tags control how your links appear when shared on social media. Without proper meta tags, you're leaving rankings and clicks on the table.
Metadata is "data about data"—information that describes something else without being part of the main visible content. In web context, meta tags are metadata that tell search engines and social platforms about a page's title, topic, canonical version, and other attributes without appearing as visible text on the page. Think of meta tags as the page's label or information sheet.
Use this checker by pasting the URL to see title, description, canonical tag, headings, and HTTP status. Or manually inspect the page source: press Ctrl+U (Windows) or Cmd+U (Mac) in any browser, then search for "meta" or "title" using Ctrl+F. You'll see the tags in the <head> section at the top of the HTML. Look for <title>, <meta name="description">, <link rel="canonical">, and heading tags like <h1>, <h2>, and <h3>.
No, this is a read-only inspection tool. It shows you what meta tags are currently set on any page, but cannot modify them. To update your meta tags, you'll need to edit your site's HTML directly or through your content management system (CMS).
Yes. Each page should have a unique title tag and meta description tailored to that specific page's content and purpose. Using the same title and description across multiple pages wastes SEO opportunities—search engines see identical tags as weak signals, and users get generic previews that don't encourage clicks. Write unique, page-specific tags to maximize rankings and click-through rates.
Search engines truncate titles and descriptions based on pixel width, not character count. The letter 'i' is much narrower than 'W', so a 60-character title with many 'i's may fit, while another 60-character title with many 'W's might get cut off. Most desktop titles truncate around 580 pixels (roughly 50–60 characters), and descriptions truncate around 920 pixels (roughly 155–160 characters). Mobile devices truncate earlier. Use character count as a rough guide and the preview in this tool as your final check.
Meta tags is the broad category that includes title tags, meta descriptions, canonical tags, Open Graph tags, and many others. A meta description is one specific type of meta tag—the snippet of text that appears below your title in search results. Confusingly, the HTML attribute is <meta name="description">, so people often use "meta description" to refer to just that one tag, but "meta tags" refers to the entire group of metadata elements that live in your page's <head> section.