Missing Meta Description

No title tag or meta description means search engines have to guess what your page is about. Like opening a shop but forgetting to put up the sign.

What is this?

Imagine spending months building the perfect shop — beautiful interior, great products, friendly staff — and then opening for business without a sign above the door. No name on the building, no window display, nothing to tell passersby what you are or why they should walk in. That is your website without a proper <title> tag and meta description. Search engines do not know what your page is about, social media previews look broken, and browser tabs just say "Untitled."

Why it matters

For your visitors: The title tag is what appears in browser tabs, bookmark lists, and search results. The meta description is the two-line preview below your link in Google. When these are missing, your page shows up in search results with an auto-generated snippet that often makes no sense — a random sentence fragment pulled from your page that does not tell anyone why they should click.
For your business: This is free marketing you are leaving on the table. A compelling title and description in search results can double or triple your click-through rate compared to the auto-generated gibberish Google cobbles together. When someone shares your link on Slack, Twitter, or iMessage, the preview card is built from this metadata. A blank or broken preview card screams "amateur hour."
The standard: Every page should have a unique <title> tag (50-60 characters) and a <meta name="description"> tag (120-160 characters). The title should include your primary keyword and brand name. The description should summarize the page content and include a call to action.

Complete meta tags

<head>
  <title>UX Audit for Indie Developers | usability.cat</title>
  <meta
    name="description"
    content="Get instant, actionable UX feedback on your website. The cat scores your site on accessibility, forms, readability, and more — built for solo founders."
  />
  <meta property="og:title" content="UX Audit for Indie Developers" />
  <meta property="og:description" content="Get instant, actionable UX feedback on your website." />
  <meta property="og:image" content="https://usability.cat/og-image.png" />
</head>

Empty or missing metadata

<head>
  <title></title>
  <!-- No meta description -->
  <!-- No Open Graph tags -->
  <!-- Google shows: "Untitled" with a random text snippet -->
  <!-- Social shares show: a blank preview card -->
</head>

How to fix it

React / Next.js

Next.js has built-in metadata support. Use the metadata export in your page or layout file:

// src/app/page.tsx (or any page)
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "UX Audit for Indie Developers | usability.cat",
  description:
    "Get instant, actionable UX feedback on your website. The cat scores your site on accessibility, forms, readability, and more.",
  openGraph: {
    title: "UX Audit for Indie Developers",
    description: "Get instant, actionable UX feedback on your website.",
    images: [{ url: "/og-image.png", width: 1200, height: 630 }],
  },
  twitter: {
    card: "summary_large_image",
    title: "UX Audit for Indie Developers",
    description: "Get instant, actionable UX feedback on your website.",
  },
};

export default function HomePage() {
  return <main>{/* your page content */}</main>;
}

Plain HTML

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <!-- Essential: Title tag (50-60 chars) -->
  <title>Your Page Title | Your Brand</title>

  <!-- Essential: Meta description (120-160 chars) -->
  <meta
    name="description"
    content="A compelling description of this page that makes people want to click through from search results."
  />

  <!-- Open Graph: for Facebook, LinkedIn, Slack, iMessage -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Your Page Title" />
  <meta property="og:description" content="Your compelling description." />
  <meta property="og:image" content="https://yoursite.com/og-image.png" />
  <meta property="og:url" content="https://yoursite.com/this-page" />
</head>

High impact — contentReadability~2 paws

Missing metadata means invisible pages. You did the hard work of building something — now tell the world what it is. The cat cannot believe how many sites skip this five-minute task.

How the cat scores this

The cat checks for the presence of a <title> tag (must be non-empty, not the default "Next.js app" or "React App"), a <meta name="description"> tag (must be non-empty and between 50-300 characters), and Open Graph tags (og:title, og:description, og:image). Pages with no title or an auto-generated title get the biggest penalty. Missing og:image is flagged because it means broken social preview cards. The cat also checks that the title is unique — using the same title on every page hurts your SEO.