Du hast mit Lovable, Bolt, v0 oder Claude Code eine Website oder App zusammengebaut, sie läuft, sie sieht auf den ersten Blick gut aus. Trotzdem merkt jeder Besucher innerhalb der ersten zehn Sekunden, dass da niemand mehr drüber geschaut hat, der es schon hundertmal gemacht hat. Nicht weil der Code schlecht ist, sondern weil fünf kleine Dinge fehlen, die kein KI-Tool automatisch mitliefert.
Die fünf hier sind bewusst keine tiefe Sicherheits- oder Code-Qualitäts-Baustelle, dafür gibt es meinen ausführlichen Cleanup-Guide. Das hier sind die Dinge, die du an einem Nachmittag selbst fixt, ohne eine Zeile Code wirklich zu verstehen.
1. Favicon und Social-Preview-Bild
Schau dir deinen eigenen Browser-Tab an. Steht da das Logo von Lovable, Bolt oder ein graues Standard-Icon statt deiner eigenen Marke? Das ist der schnellste Weg, “Prototyp” zu signalisieren, noch bevor jemand die Seite überhaupt geladen hat.
Der zweite, unsichtbarere Teil davon: Schick deinen eigenen Link mal an dich selbst über WhatsApp oder poste ihn auf LinkedIn. Wenn da keine Vorschau erscheint oder ein kaputtes graues Kästchen, fehlt das Open-Graph-Bild. Das ist das Bild, das Plattformen anzeigen, wenn jemand deinen Link teilt, gesteuert über ein Meta-Tag im <head> deiner Seite:
<link rel="icon" type="image/png" href="/favicon.png" />
<meta property="og:image" content="https://deine-domain.de/og-image.png" />
<meta property="og:title" content="Deine Seite in einem Satz" />Ohne dieses Tag entscheidet die Plattform selbst, was sie anzeigt, meistens nichts Brauchbares. Ein Favicon (mindestens 32×32px PNG) und ein Social-Preview-Bild (1200×630px ist der Standard, den so gut wie jede Plattform respektiert) sind zusammen zehn Minuten Arbeit und der Unterschied zwischen “wirkt fertig” und “wirkt wie ein Wochenendprojekt”.
2. Eigene Domain statt Tool-Subdomain
meinprojekt.lovable.app oder meinprojekt.vercel.app im Adressfeld sagt jedem technisch versierten Besucher sofort, mit welchem Tool die Seite gebaut wurde, und vor allem: dass sie noch nicht offiziell live ist. Eine eigene Domain kostet zehn bis fünfzehn Euro im Jahr und ist über die DNS-Einstellungen deines Domain-Anbieters in der Regel innerhalb von zehn Minuten eingerichtet, jedes gängige KI-Tool hat dafür eine eigene Anleitung in den Projekteinstellungen.
3. Nicht optimierte Bilder und Ladezeit
KI-Tools generieren gerne Bilder in voller Auflösung und liefern sie unkomprimiert aus, teils mehrere Megabyte pro Bild. Das Ergebnis: Deine Seite braucht auf dem Handy im mobilen Netz spürbar lange zum Laden, und Google bewertet das direkt als Rankingfaktor.
Prüfen kannst du das kostenlos mit den PageSpeed Insights von Google, URL eingeben, Ergebnis abwarten. Alles unter 50 bei “Mobile Performance” ist ein klares Signal, dass Bilder das Problem sind. Der schnellste Fix ohne Codeänderung: Bilder vor dem Upload ins Tool über ein Onlinetool wie Squoosh ins WebP-Format konvertieren und auf eine sinnvolle Breite skalieren (bei einem Hero-Bild reichen in der Regel 1600px Breite, mehr sieht kein Bildschirm).
4. Fehlendes Impressum und Datenschutzerklärung
Der Punkt, den kein KI-Tool automatisch mitbaut, weil er nichts mit Design oder Funktion zu tun hat: In Deutschland und der EU brauchst du für praktisch jede geschäftlich genutzte Website ein Impressum (Pflicht nach § 5 Telemediengesetz) und, sobald du irgendwas trackst oder ein Kontaktformular hast, eine Datenschutzerklärung. Fehlt beides komplett, ist das nicht nur ein Eindrucksproblem, sondern ein reales Abmahnrisiko.
Für den ersten Wurf reicht ein kostenloser Generator wie der Impressum-Generator von e-recht24, das Ergebnis kopierst du auf eine eigene Unterseite, die du im Footer verlinkst. Für alles, was über die Basics hinausgeht (Tracking-Tools, Newsletter, Zahlungsanbieter), lohnt sich irgendwann ein echter Blick durch einen Anwalt, aber die Basis in einer Stunde selbst zu haben ist besser als gar keine.
5. Platzhalter-Content und kaputte Links
Der Klassiker: Ein Button führt zu einer Seite, die noch “Lorem Ipsum” zeigt. Ein Kontaktformular sendet nirgendwohin, weil das Backend dafür nie fertig verdrahtet wurde. Ein Link im Footer zeigt auf # statt auf eine echte Seite. Das passiert, weil beim Bauen mit einem KI-Tool der Fokus auf “sieht gut aus” liegt und niemand am Ende jede einzelne Seite und jeden einzelnen Klickpfad einmal selbst durchgeht.
Der Fix kostet keine einzige Zeile Code: Öffne deine Seite in einem Browser-Fenster im Inkognito-Modus (damit du wirklich siehst, was ein fremder Besucher sieht, nicht deinen eigenen eingeloggten Zustand), und klick systematisch jeden Link, jeden Button und jedes Formular einmal durch. Screenshot machen, wo etwas nicht stimmt, danach in der KI-Session gezielt nachbessern lassen.
Und wenn diese fünf nicht reichen
Diese fünf Punkte holen dich von “offensichtlich ein Prototyp” zu “wirkt fertig”. Was sie bewusst nicht abdecken: echte Sicherheitslücken im generierten Code, Barrierefreiheit, DSGVO-konformes Tracking oder die Frage, ob deine Infrastruktur einen echten Nutzeransturm überlebt. Das sind die Themen, die in einen richtigen Vibecoding Cleanup gehören, sobald aus deinem Projekt ein echtes Geschäft werden soll. Und falls du noch nicht sicher bist, was “Vibe Coding” als Begriff eigentlich genau meint und wo die Grenze zwischen Prototyp und Produktion verläuft, das steht in meinem Grundlagen-Artikel dazu.
Kommentare