Meta description missing, or still "Lovable Generated Project": how to add a real one

Updated Oct 27, 2026 · Pewterkit Guides

A meta description is one line in your page's <head>, <meta name="description" content="...">, that Google may show under your title in search results and that many link previews show too. In a Vite-based app it lives in index.html; replace an empty tag or a template default such as "Lovable Generated Project" with one or two plain sentences about what your product does and for whom.

What Google does with it

  • "Google sometimes uses the meta description HTML element if it might give users a more accurate description of the page" than the page text alone.
  • "Snippets are primarily created from the page content itself", so a missing description means Google picks text from your page.
  • "There's no limit on how long a meta description can be"; long ones are cut to fit the screen.
  • "Identical or similar descriptions on every page of a site aren't helpful" when several pages show in results.

The fix in index.html

<head>
  <title>Acme Shifts: staff scheduling for cafes</title>
  <meta name="description" content="Build next week's cafe schedule in five minutes, share it to every phone, and swap shifts without the group chat." />
  <meta property="og:description" content="Build next week's cafe schedule in five minutes and share it to every phone." />
</head>

Write it like an answer: who it's for, what they get, one concrete detail. Put the most important words early, since long descriptions are cut.

In Lovable: ask: "Replace the meta description and og:description in index.html with: '...'." Lovable's SEO & AI review also flags generic descriptions and offers Try to fix. Republish.

In Bolt, Cursor or a local project: edit index.html, commit and redeploy.

Different descriptions per page

A single-page app shares one index.html, so every route starts with the homepage description. Code that sets a description per route runs only after the app loads, and many link previews read only the raw HTML, so keep a strong default in index.html.

What Pewterkit Check looks for

A free check reads <meta name="description"> in your homepage's HTML. It flags a template default ("Lovable Generated Project", "Generated by create next app", "Web site created using create-react-app" and similar) and notes when the tag is missing.

FAQ

How long should a meta description be?

Google sets no limit and cuts long descriptions to fit the device, so lead with the key point in the first sentence.

Does a meta description help ranking?

Google describes it as a candidate for the snippet shown under your title, which is what people read before they click.

Why does Google show different text from my description?

Google uses the description when it gives "a more accurate description of the page"; otherwise it builds a snippet from page content, and it can vary by search.

I changed it. When will Google show the new one?

After Google recrawls the page. You can request indexing of the homepage with Search Console's URL Inspection tool.

Sources

  1. Google Search Central: Control your snippets in search results — read 27 Oct 2026: when Google uses the meta description, no length limit, unique descriptions
  2. Lovable docs: Automatic SEO features — read 27 Oct 2026: generic starting metadata, SEO & AI review
  3. Google Search Central: Block indexing with noindex (URL Inspection to request a recrawl) — read 27 Oct 2026: URL Inspection tool

How this page was made: drafted with AI from the sources listed, reviewed by Pewterkit. Docs checked Oct 27, 2026. Spotted something out of date? Tell us.

Related guides