Why every page of your Lovable site has the same title (client-side rendering, explained gently)

Who this is for: Non-developers who need enough technical context to brief the builder correctly.

A site can have several visible pages while the underlying app shell still serves one generic title. Search engines and social previews then receive the same clue for every route.

Lovable often generates app-like experiences, and app-like routing can make page-specific metadata an explicit task rather than a default outcome.

Repeated titles blur every page into one idea. A pricing page, service page, and about page should not all introduce themselves with the same generic label.

Start with this diagnosis

The target query for this guide is Lovable sites where multiple pages show the same browser title or search snippet.. That matters because a good fix should match the real search or buyer problem, not a generic SEO scorecard. Treat this as a launch-readiness pass: find the blocker, fix the smallest useful thing, publish, then verify from the live URL.

For AI-built sites, the visible design often gets ahead of the operational details. The homepage might look polished while the browser title is generic, the canonical points at the wrong host, the images are heavier than they need to be, or the copy avoids the facts a buyer needs. That is why the checks below are ordered from technical blockers to trust and persuasion.

What to check, in order

1. Open each public page and read the browser tab title.
2. Inspect the rendered HTML for title, meta description, canonical, and og:url.
3. Share two URLs in a private message draft and compare the generated previews.
4. Check whether each route has its own metadata source rather than one global default.
5. Give the builder a page map with the intended title and description for each URL.
6. Re-scan after publishing to confirm the served output changed.

Do not skip the order. If Google cannot crawl the final URL, a better description will not help. If buyers cannot verify the business, a faster hero image will not earn trust. If the copy is generic, a new animation will not make the offer more credible.

What not to do

• Do not solve repeated titles by stuffing every keyword into the global homepage title.
• Do not rely on visible H1 text alone if the title tag remains generic.
• Do not create new URLs just to fix a metadata problem on the existing URLs.

The point is not to make the site bigger. The point is to remove confusion. Most AI-built sites improve fastest when you preserve the useful parts of the generated design and replace vague defaults with exact settings, real proof and clearer next actions.

A 20-minute workflow

Start with the live production URL and write down what you expect a stranger to understand in the first screen: the audience, the problem, the offer, the proof, and the next action. Then compare that expectation with what the page actually exposes to a crawler, a keyboard user, and a skeptical buyer. This keeps the work grounded in evidence instead of taste.

Spend the first five minutes on access and indexability. The page should load without a preview token, return a normal success status, avoid noindex directives, and point canonical signals at the same URL you want people to share. Spend the next five minutes on metadata and page structure: title, description, H1, headings, internal links, and whether the important copy is real text rather than only visual decoration.

Use the next five minutes for trust and action. Look for the contact path, policy links, business context, proof you can stand behind, and the form or CTA state after a visitor clicks. Use the final five minutes for mobile speed and accessibility basics. That order is deliberately boring, because boring checks catch the problems that make a finished-looking AI-built site underperform.

1. Check the exact live URL, including host, protocol and path.
2. Confirm the page explains lovable sites where multiple pages show the same browser title or search snippet. in visible, crawlable copy.
3. Fix one blocker at a time instead of asking the builder for a full redesign.
4. Publish the smallest safe change and verify it outside the editor.
5. Keep a short change log so future prompts do not undo the fix.

How to brief the builder

A good builder prompt names the page, the constraint and the proof boundary. Do not ask for better SEO in the abstract. Ask for the exact output you need: the metadata fields, redirect behavior, accessible labels, image sizes, footer links, form states or copy changes. Include the instruction to keep existing URLs unless a URL itself is the problem.

For non-developers who need enough technical context to brief the builder correctly., the safest wording is usually: keep the current visual direction, change only the launch-readiness issues, and show the before/after evidence. That prevents the tool from replacing a working layout with a new generic one. It also keeps the conversation focused on the business risk rather than a fresh design pass.

Be especially firm about proof. If a page needs a testimonial, customer result, office address, certification or measured performance claim, supply the real detail yourself. If you do not have it yet, ask the builder to write around the gap honestly. Specificity beats fake confidence. A smaller true claim is stronger than a dramatic claim a buyer cannot verify.

How to verify after publishing

Verification should happen on the published URL, not inside the builder preview. Open the page in a private window, inspect the source or rendered DOM where relevant, and run the same checks again. If the fix was metadata, compare the title, description, canonical and social URL. If it was accessibility, tab through the page and check labels. If it was speed, test mobile and look at the largest visible assets first.

Do not expect every external tool to update instantly. Search Console, snippets and social previews can lag behind the published change. What you can verify immediately is whether the live page now serves the right evidence. Once the page is technically clean, request indexing or resubmit a sitemap only where that makes sense.

Concrete example

The fix is conceptually simple: each route needs its own metadata, even if the app shares one layout.

const pageMeta = {
  "/": "Acme Finance | Shopify Bookkeeping",
  "/pricing": "Pricing | Acme Finance",
  "/about": "About Acme Finance"
};

Use examples like this as a pattern, not a claim to copy. Replace every business name, page promise, audience and proof point with your own real details. If you do not have proof yet, say less and be clearer rather than manufacturing confidence.

Builder-specific notes

• Ask Lovable to keep the route structure and update metadata per route.
• If the generated app uses React Helmet or framework metadata, make the fix in the page-level source.
• Validate the production URL rather than the editor preview.

After each change, test the production URL rather than trusting the editor preview. Preview pages are useful while building; Google, buyers and accessibility tools interact with the published page.

Copy-paste fix prompt

Paste this into your builder or hand it to whoever owns the site. Keep the constraints in place, especially the instruction not to invent proof.

Fix repeated titles and metadata across my Lovable site. Keep the existing URLs and layout. For each route, add a unique title tag, meta description, canonical URL, og:title, og:description, and og:url. Make the metadata visible in the rendered production page. Show me a table of URL, title, description, and canonical after the change.

Scan it before and after

Run the page through Clunky AI's free scan before the fix and again after publishing. The scan will not replace judgment, but it gives you a repeatable way to check speed, findability, accessibility, trust, action and copy credibility.

Useful next steps inside Clunky AI:

• Lovable problem hub
• findability checks
• the full Lovable SEO guide

Related deep dives:

• Lovable SEO: the complete 2026 guide for non-developers
• v0 sites and Google: what gets indexed and what doesn't

References

• Google: JavaScript SEO basics
• Google: title links in Search