SEO and performance guides for AI-built apps

Straightforward explanations of the most common problems in apps built with Lovable, Bolt and v0, and how to fix each one.

• SEO

  Why your Lovable app isn't showing up on Google

  Lovable apps send search engines an empty HTML page. Learn why it happens, how to confirm it on your app, and how to fix it with prerendering or SSR.

• SEO

  Every page of my app has the same title on Google

  In React and Lovable apps, every route usually inherits the same <title> from index.html. Here's why that hurts your SEO and how to set a title and description per page.

• SEO

  My site's link preview shows no image on Slack, LinkedIn or X

  When a link preview has no image or title, the Open Graph tags are missing from the HTML. Here's how to add og:title, og:image and Twitter Cards the right way.

• SEO

  How to add sitemap.xml and robots.txt to a Lovable app

  Without a sitemap.xml, Google is slow to discover your app's pages. Here's what goes in the sitemap and robots.txt, and how to generate them at build time.

• Performance

  My app is slow on mobile: how to improve LCP

  LCP measures how long your main content takes to appear. Here's why AI-generated React apps often take over 4 seconds on mobile, and how to get under 2.5 s.

• Accessibility

  Color contrast and WCAG: how to fix hard-to-read text

  Light gray text on white is the most common accessibility problem in AI-generated apps. Learn the WCAG contrast rule and how to fix it in your theme.

• Best practices

  HTTP security headers: the basics every site should have

  HSTS, CSP, X-Content-Type-Options, Referrer-Policy and framing protection. What each header does and how to set it on your host or CDN.