Lovable SEO: vad Google faktiskt ser när den besöker din AI-byggda hemsida
En kund lanserade sin nya hemsida med Lovable. Snabb process, snygg design, nöjd kund. Tre veckor efter lansering kom mejlet: inga organiska besökare, ingenting på Google.
“Men den syns ju”, stod det.
Det är precis det som är problemet.
Vad du ser är inte vad Google ser
Din browser är smart. Den laddar HTML, kör JavaScript, väntar på att innehållet ska rita upp sig och visar dig sedan resultatet. Det tar kanske en halv sekund.
Googles crawler gör inte samma sak.
Googlebots uppdrag är att ladda HTML-källan och gå vidare. JavaScript-rendering är resurskrävande, och Google prioriterar sidor som ger information direkt i HTML-svaret.
När jag körde curl mot kundens domän och tittade på vad som faktiskt skickades, fick jag det här:
<div id="root"></div>Det var allt. En tom div.
Hela hemsidans innehåll, alla tjänstebeskrivningar, alla rubriker låg låsta bakom JavaScript som crawlern antingen inte körde alls, eller körde med dagars fördröjning.
Det här är standard för Lovable-sajter, Bolt-byggen och de flesta React-appar som skapas utan serverrendering. Verktyget genererar en klientrenderad app. Snygg i browsern, tom för crawlers.
Hur det visade sig i annonsernas Quality Score
Det syntes snabbt i Google Ads.
Av 61 sökord i kontot hade 57 lägre Quality Score än 7. Anledningen Google angav var densamma på nästan alla: “landing page: below average”.
AdsBot, Googles bot för annonsqualificering, renderar inte JavaScript. Den ser exakt samma tomma div som Googlebot. Utan synligt innehåll kan Google inte avgöra om landningssidan är relevant för söktermen. Resultatet: sämre Quality Score och högre CPC.
Det är alltså inte bara organisk rankning som påverkas. Det påverkar vad du betalar per annonsklick.
AI-söktjänsterna renderar inte JavaScript alls
Googles crawler renderar JavaScript, om än med fördröjning och med prioritering. De AI-söktjänster som styr en växande del av sökbeteendet gör det inte.
Perplexity, ChatGPT:s sökfunktion och Claude som svarar på webbrelaterade frågor skickar crawlers som läser HTML och lämnar resten. En React-app med en tom root-div är osynlig för dem, helt och hållet.
Det är ett problem som växer i takt med att fler väljer AI-sök över traditionell sökning.
Kolla om din sajt är drabbad
Det tar tio sekunder:
curl https://din-hemsida.se | grep -i "h1\|title"Får du tillbaka din rubrik och din sidtitel i svaret är du okej. Får du ingenting, eller bara en tom div, ser Googlebot och AdsBot troligen samma tomma svar.
Testa ett par undersidor också, inte bara startsidan. Ofta är startsidan bättre hanterad men tjänste- och produktsidorna tomma.
Har du problem med indexering av andra skäl kan du läsa om hur Google faktiskt bestämmer sig för att indexera en sida.
Tre sätt att lösa det
Byt till ett ramverk som genererar HTML vid byggtid
Astro, Next.js med Static Site Generation eller liknande ramverk renderar sidorna till HTML-filer vid deploy. Googlebot ser fullständigt innehåll direkt.
Bygg en prerender-pipeline i den befintliga appen
Det går att lägga till serverrendering i en React-app, även en som börjat som en ren CSR-app. Idén är att generera statiska HTML-filer av alla routes vid byggtid och serva dem till crawlers. Browsern hydrerar sedan till en vanlig React-app som vanligt.
Jag byggde en sådan pipeline åt kunden vars Lovable-sajt hade det här problemet. 124 av 124 sidor fick HTML med faktiskt innehåll i svaret. curl mot tjänstesidorna returnerade H1 direkt, utan JavaScript.
En prerender-tjänst
Tjänster som Prerender.io cachelagrar renderade versioner av dina sidor och servar dem selektivt till crawlers. Enklare att komma igång med, men en extra löpande kostnad och ytterligare ett beroende att underhålla.
Vanliga frågor
Kan inte Google rendera JavaScript?
Jo, men med fördröjning och prioritering. Nya sidor kan ligga och vänta i dagar. AdsBot renderar aldrig JavaScript. AI-söktjänster renderar aldrig JavaScript. En sida som kräver JavaScript för att visa innehåll missar en stor del av det som faktiskt crawlar webben i dag.
Är det här bara ett problem med Lovable?
Nej. Det gäller alla verktyg som genererar klientrenderade JavaScript-appar: Bolt, Vite-baserade projekt, handskrivna React-appar utan SSG. Lovable hamnar i mönstret för att det är standardformatet för de flesta AI-byggda sajter.
Om jag rankar organiskt redan, är det okej?
Om du rankar bra och Quality Score är okej har Google troligtvis lyckats rendera sidan. Kör ändå curl-testet för att vara säker. QS under 7 på landningssidor är ett tydligt varningstecken.
Räcker det med att skicka in en sitemap?
Nej. En sitemap hjälper Google att hitta dina sidor men löser inte att sidorna är tomma när de besöks. Du behöver HTML med faktiskt innehåll, inte bara en div att rendera JavaScript i.