Free Meta Tag Checker and Generator

The Meta Tags Google Actually Pays Attention To

Google publicly acknowledges using a small number of meta tags in its ranking and display decisions. The rest are either ignored or treated as weak signals. Here are the ones that move the needle.

Title tag. This is the headline Google shows in search results. It is the single most important meta element on your page. Google frequently rewrites titles that are too short, too long, keyword-stuffed or that do not match the actual content of the page. The most common rewrite trigger is a title that reads like a marketing slogan rather than a description of what the page actually contains. Titles written in plain language that match the search query rarely get rewritten. Titles that try to pack in every keyword the business cares about almost always get rewritten.

Meta description. Google does not use the meta description as a ranking factor. But it uses it as the snippet shown below your title in search results. When you write a clear, specific meta description that answers the search query, Google shows it. When you leave it empty or write something vague, Google pulls a random sentence from your page content, which is almost always worse than what you would have written yourself. A well-written meta description that includes the search query the visitor used consistently outperforms an auto-generated one on click-through rate.

Canonical tag. This tells Google which URL is the official version of a page. Without it, Google may treat yoursite.com/page, www.yoursite.com/page and yoursite.com/page?ref=linkedin as three separate pages competing with each other. That splits your ranking authority three ways. One canonical tag consolidates it back into one. It is one of the highest-leverage technical fixes available and takes under two minutes to implement.

Robots meta tag. This tells search engines whether to index the page and whether to follow its links. Most pages should have no robots tag at all, which defaults to indexing. The dangerous case is a robots tag that says noindex left on a page by accident after a development phase. We have seen business websites running noindex on their homepage for months, wondering why organic traffic collapsed. If your pages are not appearing in Google at all, the indexing troubleshooting guide walks through every possible cause.

Viewport meta tag. This controls how the page renders on mobile devices. Without it, a mobile browser treats your page as if it were a desktop screen and scales it down, making text unreadable. Google uses mobile rendering as a primary ranking signal. A missing viewport tag is both a technical SEO issue and a user experience failure at the same time.

Social Meta Tags: The Traffic Leak Nobody Talks About

For many businesses, LinkedIn, Facebook, WhatsApp and industry communities are high-quality referral channels. A single post from a founder, team member, agency partner or customer can send several hundred targeted visitors to a page. But if the Open Graph tags on that page are wrong or missing, every one of those shares looks broken.

Open Graph tags (og:title, og:description, og:image, og:url) are read by LinkedIn, Facebook, WhatsApp and every other platform that generates a link preview. They are completely separate from your regular title and description tags. You can have a perfect meta title and still show a broken LinkedIn preview if your og:title is missing. Most website builders do not add these tags automatically. WordPress without an SEO plugin adds none of them.

The og:image tag deserves special attention. When your content is shared, the image is the first thing people see before they read the headline. A page with no og:image shows a small, low-resolution preview or no image at all, depending on the platform. A page with a well-designed 1200 by 630 pixel image gets the full-width card treatment. We have seen the same article generate 3x more LinkedIn clicks after adding a proper og:image, with no change to the content or the headline.

Twitter Card tags work similarly but control the preview on X (formerly Twitter). For businesses where founders, executives, creators or agencies are active on X, these tags determine whether your shared link looks professional or anonymous. The twitter:card tag set to summary_large_image gives you the full-width image treatment. Without it, you get a small thumbnail that most people scroll past.

og:url is the most overlooked social tag. It specifies the canonical URL for the shared content. Without it, some platforms generate the share URL from the browser address bar, which may include campaign tracking parameters. That can result in duplicate analytics entries and broken caching of previews across different share sessions. Test all your social previews in one place using the OG tag previewer.

Why Google Rewrites Your Title (and How to Stop It)

Google started rewriting page titles at scale in August 2021. The stated reason was that many titles were misleading, keyword-stuffed or did not accurately represent the page content. The actual trigger conditions, based on testing across client sites, are more specific than that.

Google rewrites titles that are too long (over approximately 60 characters at desktop font sizes). It rewrites titles that contain the site name duplicated alongside the page title in a confusing format. It rewrites titles that are all caps. It rewrites titles that read like a list of keywords with no grammatical structure. And most commonly, it rewrites titles where the words on the page do not match the vocabulary in the title.

The solution is not to outsmart the algorithm. It is to write titles the way a journalist would write a headline: clear, specific, accurate, and matching the language of the person searching. A title that says exactly what the page delivers, in plain English, using the words the target reader would use, almost never gets rewritten. We have maintained consistent title display across over 400 audited pages by following that one principle. You can verify which titles Google is actually displaying in Search Console. Our guide on what AI clicks and impressions in GSC actually mean explains how to read the data correctly.

If your title is being rewritten, check four things in order: length in pixels (use the tool above), vocabulary match between your title and your page body copy, presence of the pipe character separating brand name, and whether the title answers the intent of the search query rather than describing the brand. For blog posts and articles, the headline analyzer scores your title on clarity, emotion and search relevance before you publish.

Meta Tags in the AI Era: How ChatGPT and Perplexity Read Your Pages

AI systems do not rank pages the way Google does. They read pages, extract information and decide whether to cite the source. The meta title and meta description are the first signals an AI crawler reads to understand what the page is about. If those signals are unclear, missing or mismatched with the page content, the AI system deprioritises the page as a citation source.

The og:title and og:description tags are also read by social AI crawlers. When a founder shares your page on LinkedIn and an AI assistant is asked to summarise the link, it reads these tags first. A missing og:description means the AI generates its own summary, which may not represent your positioning, your proof points or your call to action accurately.

The meta name="description" tag has become more important for AI citation than it was for pure Google SEO. AI language models use it as a concise, pre-written summary of the page. A well-written meta description that includes specific outcomes, named entities (company names, founder names, tools) and a clear subject of the page is significantly more likely to be cited verbatim than a page with a vague or missing description. The full methodology for structuring content so AI models cite it is covered in how to write B2B content AI models actually cite.

This is a direct application of Answer Engine Optimization, the practice of structuring your pages so AI systems cite them accurately and frequently. Meta tags are the foundation layer. If the foundational signals are broken, nothing else you do for AI brand visibility will work as intended. Every page where Groew has corrected the meta infrastructure has seen improved AI citation rates within 60 to 90 days, which we verify through systematic checks using the AI Brand Visibility Checker.

The Digital Landlord Approach to Meta Infrastructure

Most businesses treat meta tags as a one-time setup task. Fill them in once during the website build, never look at them again. This is the renting mentality applied to technical SEO. You set something up the way the developer configured it and then hand over control to Google, LinkedIn and whoever else reads those tags for the next three years.

The Digital Landlord approach is different. Meta tags are part of your owned infrastructure. You wrote the title. You control how your pages appear in every search result, every AI answer and every social share. When a competitor is featured in Google's AI Overview for a query you should be winning, the difference is usually not their content quality. It is that their meta infrastructure signals authority and relevance more clearly than yours does.

Infrastructure ownership means auditing every page that matters, not just the homepage. Groew clients who run full-site meta audits consistently find that their highest-traffic pages have the best meta tags and their highest-value pages (service pages, case studies, lead-capture pages) have the worst. That inversion exists because homepages get attention and inner pages get forgotten. Fixing the inner pages is where the compounding return actually lives.

The full organic search infrastructure that Groew installs treats meta tags as the signalling layer. Schema markup is the semantic layer. Content depth is the authority layer. Internal linking is the distribution layer. Each layer depends on the one below it. Broken meta tags limit the return of everything built on top of them. This is why meta infrastructure is always the first thing we audit in a new client engagement, before we touch content or links.

How to Prioritise Your Meta Tag Fixes

If your audit returns multiple issues, fix them in this order. The priority is based on the frequency of impact we observe across client sites, not on what is technically easiest to fix.

Priority 1: Missing or duplicate title tags. A missing title means Google writes your headline. A duplicate title means two pages compete for the same query. Both destroy click-through rate immediately. Fix these before anything else.

Priority 2: Missing canonical tags. Every page should have a self-referencing canonical tag. If your site has any pages accessible at multiple URLs (HTTP and HTTPS, www and non-www, with and without trailing slash), this is actively splitting your ranking signals. Fix it once, compound the benefit permanently.

Priority 3: Missing or wrong og:image. For businesses active on social platforms, this is often the highest-impact fix relative to effort. One correctly-sized image tag (1200 by 630 pixels, absolute URL not relative path) changes every future share of that page from a plain text link to a full-width card.

Priority 4: Meta description quality. Not missing (Google will generate one), but quality. A description that includes the search query, a specific outcome and a reason to click consistently outperforms a description that describes what the page is about in abstract terms.

Priority 5: Twitter Card and remaining OG tags. These matter when your content is shared across multiple platforms. Set them once and they work indefinitely. The time investment is under five minutes per page.

One pattern worth noting from our audit data: service pages that rank on page two or three of Google for their target query very often have a title tag or meta description that does not match the search intent of the query they are trying to rank for. The content is strong. The technical foundation is solid. The meta tags describe the service from the company's internal vocabulary rather than the buyer's search vocabulary. Rewriting the title and description to match how the buyer actually searches for this solution is, in many cases, enough to move the page from position 12 to position 6 within one to two indexing cycles. If you have a large site, the B2B content audit framework includes a systematic approach to reviewing metadata across every page.

Common Meta Tag Mistakes Businesses Make

These are the patterns that appear most frequently in audits of business websites. Not theoretical issues. Actual recurring mistakes observed across real client sites.

Using the company tagline as the meta title. Taglines are for brand awareness. Meta titles are for search intent. A title that says "Building the Future of Finance" tells Google nothing about the page and matches no query a buyer would type. A title that says "CFO Dashboard Software for Mid-Market Finance Teams" matches exactly what the buyer searches for and describes the product accurately.

Setting og:image to a relative URL. Social platforms require absolute URLs for og:image. A relative path like /assets/image.jpg fails silently. The page appears to have an image tag when you inspect the source, but the social platform cannot resolve the path and shows no image. Always use https://yourdomain.com/assets/image.jpg.

The same meta description on every page. This is more common than you would expect. A developer copies a template and the meta description field stays as whatever was in the template. Google identifies duplicate descriptions and treats them as a low-quality signal. Every page that matters should have a unique description written specifically for that page's content.

Leaving noindex on after launch. Staging environments, development servers and pre-launch pages all typically have a meta robots noindex tag. This should be removed the moment a page goes live. We have seen this mistake cost one B2B SaaS company six months of indexing time on their core product pages, because the noindex tag was in a site-wide header template and nobody checked it post-launch. If you suspect this is happening on your site, check your robots.txt configuration and read how Google indexes a page to understand the full crawl-to-index pipeline.

Missing charset declaration. Without a charset meta tag, browsers make assumptions about text encoding. For pages with special characters, accented letters or non-Latin scripts, incorrect encoding causes visible display errors. For purely Latin-script pages, it is an invisible risk that surfaces unpredictably. Setting <meta charset="UTF-8"> takes two seconds and eliminates the risk entirely.

How to Add Meta Tags on Every Major Platform

Where you add meta tags depends on what your website is built with. The HTML is the same everywhere. The location where you paste it changes.

WordPress with Yoast or Rank Math. Open any page or post in the editor. Scroll to the SEO plugin panel below the content. The title and description fields are in the main tab. Open Graph and Twitter Card tags are in the Social tab. The plugin handles the HTML output. You never touch code. If you need to add custom tags the plugin does not cover, use the Rank Math Code Editor or Yoast's wp_head action hook.

WordPress without an SEO plugin. Edit your theme's header.php file. Add the meta tags inside the <head> section. Better approach: use the Create Tags tab above, copy the output, and paste it into a child theme header or a custom code plugin like WPCode. This avoids losing your tags when the theme updates.

Shopify. Go to Online Store, then Themes, then edit the theme code. Open the theme.liquid file. Find the <head> section. Shopify generates title and description from the page editor fields automatically. For custom OG tags, add the HTML directly in theme.liquid or use a meta tag app from the Shopify App Store. The Create Tags output above works directly in Shopify's code editor.

Squarespace. Page Settings has a dedicated SEO tab with title and description fields. For Open Graph images, Squarespace uses the page thumbnail by default. For custom OG and Twitter tags, go to Settings, then Advanced, then Code Injection, and paste meta tags in the Header field. This applies site-wide. For page-specific tags, use the per-page Code Injection in the page settings panel.

Webflow. Each page has an SEO Settings panel in the Page Settings. Title, description and OG image fields are all built in. Webflow also has a dedicated Open Graph section where you set og:title, og:description and og:image per page. For custom tags not covered by the UI, use the Custom Code field in the page's head section.

Next.js and React. Use the <Head> component from next/head (Next.js) or react-helmet. Add meta tags as JSX inside the component. For Next.js App Router, export a metadata object from page.tsx. The Create Tags output above gives you the raw HTML. Convert each tag to JSX format (self-closing tags, className instead of class). For static sites built with Astro, add meta tags directly in the frontmatter layout component.

HTML sites (no framework). Open your HTML file. Find or create the <head> section between <html> and <body>. Paste the Create Tags output directly. Save and upload. This is the simplest case. No plugins, no build steps, no configuration files.

The Complete Meta Tag Cheatsheet

Every meta tag your page might need, what it does, and whether it is required or optional. Bookmark this reference.

Required. <title> (50 to 60 characters). The single most important tag. Controls your Google headline and what browsers show in the tab. Write it for the searcher, not for the brand.

Required. <meta name="description"> (140 to 160 characters). The snippet Google shows below your title. Include your target keyword naturally and give a reason to click. Not a ranking factor, but directly affects click-through rate.

Required. <link rel="canonical">. Points to the single official URL for this page. Self-referencing on every page. Prevents duplicate content issues from URL parameters, www vs non-www, and trailing slashes. Learn how it works in the canonical URL guide and use the canonical tag checker to verify yours.

Required. <meta name="viewport">. Always set to width=device-width, initial-scale=1. Without this, mobile browsers render the page at desktop width and scale down. Breaks mobile usability and harms mobile rankings.

Required. <meta charset="UTF-8">. Declares text encoding. Should be the first tag inside <head>. Prevents character display issues.

Strongly recommended. <meta property="og:title">, og:description, og:image, og:url, og:type. Controls how LinkedIn, Facebook and WhatsApp display your page when shared. The og:image should be 1200x630 pixels with an absolute URL. Use the OG tag previewer to test before publishing.

Strongly recommended. <meta name="twitter:card">, twitter:title, twitter:description, twitter:image. Controls X (Twitter) link previews. Set twitter:card to summary_large_image for full-width image cards.

Optional. <meta name="robots">. Only add when you need to override default behaviour. Default is index, follow. Use noindex for staging pages, admin areas, or thin content you do not want Google to index. Use nofollow on pages with many untrusted outbound links.

Optional. <meta name="author">. Names the page author. Useful for articles and blog posts. Strengthens E-E-A-T signals when combined with Person schema. AI systems use this to attribute content.

Optional. <meta property="og:site_name">. Appears as the site label above the title in some social previews. Should match your brand name exactly.

For structured data beyond meta tags, use the schema generator to add JSON-LD markup. Meta tags are the display layer. Technical SEO schema is the semantic layer. Both are part of the same Revenue Infrastructure that Groew builds for businesses and agencies.