Blog · 06.07.2026 · Josef Wilhelm · 8 Min.
SEO für Lovable-Websites: So wird deine exportierte Seite gefunden
Eine Stunde Prompten, und Lovable hat dir eine Website gebaut, für die Agenturen früher Wochen gebraucht hätten. Du schickst den Link an Freunde, alle sind beeindruckt, und drei Wochen später zeigt Google für deinen Produktnamen deine Seite nicht mal auf Seite 2. Das ist kein Pech, sondern Systematik: Lovable optimiert auf „schnell gebaut und schön“, nicht auf „wird gefunden“. Hier steht, wie du das reparierst, inklusive der unbequemen Entscheidung, um die du nicht herumkommst.
Quick Answer
Lovable-Websites starten meist als React-Single-Page-Apps: schön, aber für Suchmaschinen schwer lesbar und technisch kaum steuerbar, solange sie direkt bei Lovable gehostet sind. Der Weg zu echtem SEO führt über den GitHub-Export (volle Code-Kontrolle) oder die Trennung: App bei Lovable, Content-Website daneben auf der Hauptdomain.
Warum startet deine Lovable-Website unsichtbar?
Zwei Gründe, ein technischer und ein inhaltlicher. Der technische: Lovable-Projekte sind typischerweise React-Single-Page-Apps. Der Server liefert eine fast leere HTML-Hülle, und erst JavaScript im Browser baut die Seite zusammen. Google kann JavaScript rendern, aber langsamer, unzuverlässiger und mit weniger Geduld als bei fertigem HTML. Dazu kommt: Individuelle Title-Tags pro Unterseite, eine Sitemap, strukturierte Daten — all das, was Rankings trägt, ist in einer SPA unter Lovables direktem Hosting nur begrenzt steuerbar (Stand Juli 2026).
Der inhaltliche Grund wiegt mindestens genauso schwer: Deine Website besteht vermutlich aus einer Handvoll Seiten über dein Produkt. Gefunden wirst du aber über die Fragen deiner Kunden, und dafür gibt es auf deiner Site schlicht noch keine Seiten. Beides zusammen ergibt die typische Lovable-Kurve: null Impressionen, Wochen lang.
Die Grundsatzentscheidung: Lovable-Hosting oder GitHub-Export?
Bevor du irgendein SEO-Detail anfasst, steht diese Weiche. Drei ehrliche Optionen:
- Bei Lovable bleiben. Okay für Prototypen, interne Tools und alles, was nicht über Google gefunden werden muss. Für organischen Traffic ist es die schwächste Option: Du kämpfst gegen die SPA-Grenzen, ohne sie beheben zu können.
- GitHub-Export: Der Code gehört dir. Lovable synchronisiert dein Projekt in ein Repository (Stand Juli 2026). Ab da kannst du es selbst deployen, die technischen Basics einbauen und mit einem Coding-Agenten weiterentwickeln. Wie das praktisch läuft, zeigt der Guide SEO für Claude-Code-Projekte.
- Das Subdomain-Muster: App und Content trennen. Oft die klügste Lösung: Deine Lovable-App lebt weiter unter app.deinedomain.de, und auf die Hauptdomain stellst du eine schlanke Content-Site aus Code (Next.js oder Astro), serverseitig gerendert und voll SEO-fähig. Die App muss nicht ranken. Deine Antworten auf Kundenfragen müssen es.
Faustregel: Wenn deine Lovable-Site im Kern eine App ist, trenne. Wenn sie im Kern eine Website ist, exportiere.
Die 5 technischen Basics für deine exportierte Seite
Sobald du Code-Kontrolle hast, ist die Pflichtliste überschaubar:
- Sitemap.xml. Das Inhaltsverzeichnis für Google. In Next.js oder Astro sind das wenige Zeilen; jede neue Seite muss automatisch darin landen.
- robots.txt. Erlaubt Crawlern den Zugriff und verweist auf die Sitemap. Prüfe besonders nach einem Export, dass nichts versehentlich blockiert ist.
- Meta-Daten pro Seite. Eigener Title, eigene Description für jede Unterseite, aus dem Inhalt abgeleitet statt „Willkommen auf meiner Website“.
- Strukturierte Daten (JSON-LD). Sag Google, was deine Seiten sind: Organisation, Produkt, Artikel, FAQ. Gerade für spätere KI-Suchtreffer ist das Gold wert.
- Search Console anmelden und Sitemap einreichen. Kostenlos, zehn Minuten, und ab dann siehst du echte Daten statt zu raten. Ohne diesen Schritt fliegst du dauerhaft blind.
Das alles kannst du übrigens von dem Werkzeug erledigen lassen, das deine exportierte Site weiterbaut: Ein Coding-Agent implementiert diese Liste in einer Sitzung.
Welche Inhalte braucht deine Seite, damit sie gefunden wird?
Jetzt erst beginnt das eigentliche SEO. Deine Produktseiten fangen Suchende ab, die dich schon kennen; Wachstum kommt von Seiten, die Fragen beantworten, bevor jemand dich kennt. Das Muster: Finde die Suchanfragen deiner Nische mit nachweisbarem Volumen, und beantworte pro Seite genau eine davon: direkt, belegt, mit einem FAQ-Block am Ende. Welche Formate 2026 funktionieren und welche Mythen du ignorieren darfst, sortiert der große KI-SEO-Überblick.
Der Anfängerfehler, vor dem dich niemand warnt: Themen nach Bauchgefühl wählen. Ohne Suchvolumen-Daten schreibst du mit etwas Pech monatelang Artikel, nach denen niemand sucht: Die Arbeit ist futsch, die Kurve bleibt flach.
Wie sieht deine SEO-Woche mit Lovable aus?
Einmal eingerichtet, reicht ein fester Rhythmus: Anfang der Woche 20 Minuten Search-Console lesen: Welche Anfragen bekommen Impressionen, wo stehst du auf Position 8 bis 20? Daraus das Thema der Woche ableiten, einen Artikel schreiben oder schreiben lassen, veröffentlichen, intern verlinken. Einmal im Monat: kaputte Links prüfen und den besten alten Artikel verbessern. Unspektakulär? Genau. SEO gewinnt, wer langweilig konsequent ist.
Der ehrliche Hinweis in eigener Sache
Einfach SEO automatisiert genau diese Woche, allerdings nur für Websites aus Code. Für Lovable heißt das ehrlich: erst GitHub-Export oder Content-Site daneben, dann können wir dir helfen. Ob sich das für deine Nische lohnt, verrät dir der Gratis-Report mit 5 Keywords und echten Suchzahlen, kostenlos und bevor du irgendetwas umbaust.
FAQ
Kann eine Lovable-Website bei Google ranken?
Ja, aber mit Einschränkungen. Direkt bei Lovable gehostete Projekte sind typischerweise React-Single-Page-Apps, bei denen du technisches SEO nur begrenzt steuern kannst. Volle Kontrolle über Sitemap, Meta-Daten und Rendering bekommst du über den GitHub-Export — dann steht deinem Ranking technisch nichts im Weg.
Was ist das Problem mit Single-Page-Apps und SEO?
Eine SPA liefert zunächst eine fast leere HTML-Datei; die Inhalte baut der Browser per JavaScript zusammen. Google kann JavaScript rendern, aber der Prozess ist weniger zuverlässig und langsamer als bei fertigem HTML. Dazu sind per-Seite-Meta-Daten, saubere URLs und strukturierte Daten in SPAs mühsamer umzusetzen.
Soll ich meine Lovable-App neu bauen, nur für SEO?
Meist nein. Das bewährte Muster ist die Trennung: Deine App bleibt, wo sie ist (zum Beispiel unter app.deinedomain.de), und daneben stellst du eine leichte Content-Website aus Code wie Next.js oder Astro auf die Hauptdomain. Die App muss nicht ranken; deine Inhalte müssen es.
Wie exportiere ich mein Lovable-Projekt zu GitHub?
Lovable bietet eine GitHub-Anbindung, die dein Projekt als Repository synchronisiert (Stand Juli 2026). Danach gehört dir der Code: Du kannst ihn bei Vercel oder Netlify deployen, SEO-Basics ergänzen und mit Werkzeugen wie Claude Code oder Cursor weiterentwickeln, unabhängig von Lovables Hosting.
Reicht es, in Lovable bessere Texte zu prompten?
Nein. Texte auf einer technisch unsichtbaren Seite sind wie Plakate im Keller. Erst müssen Rendering, Sitemap, Meta-Daten und Indexierung stehen; dann entscheiden Inhalte mit echter Suchnachfrage über dein Ranking. Die Reihenfolge ist nicht verhandelbar: erst sichtbar werden, dann überzeugen.
Weiterlesen