Wie Künstliche Intelligenz das Webdesign Verändert: Feldnotizen aus 2026

2004, als ich meine erste Website erstellte, war das Internet ein völlig anderer Ort. Es gab kein ChatGPT, kein Claude, kein Gemini und keine Tools, die behaupteten, "eine Website in 30 Sekunden zu erstellen". Damals war es wirklich schwierig, eine Website zu erstellen. Dieser Artikel ist nicht einer der klassischen "KI kommt, Webdesign ist tot"-Inhalte, die Sie im Internet lesen. Was ich hier erzähle, ist eine Zusammenfassung meiner 22-jährigen Erfahrung, die 2004 mit Mambo begann, hunderte von Projekten, tausende von Entwicklungsstunden, dutzende von Branchen und echte Kunden umfasst.

Heute müssen Sie kein Entwickler mehr sein, um eine Website zu erstellen. Künstliche Intelligenz entwirft für Sie, schreibt Code, erstellt Inhalte, produziert Logos, bereitet visuelle Elemente vor und bietet SEO-Empfehlungen an. Bedeutet das, dass Webdesign jetzt unwichtig ist? Absolut nicht. Tatsächlich ist das Gegenteil der Fall. Künstliche Intelligenz hat gute Webdesigner nicht verdrängt; sie hat nur die durchschnittlichen unsichtbar gemacht.

Die 22-jährige Evolution des Webdesigns: Von 2004 bis 2026

2004 war das Erstellen einer Website eher eine "Ingenieursarbeit" als das, was wir heute unter "Design" verstehen.

Die Unterstützung für CSS war nicht so stark wie heute. Es gab kein Konzept von Responsive Design. Smartphones waren noch nicht in unserem Leben. Es konnte den ganzen Tag dauern, herauszufinden, warum dieselbe Seite in Internet Explorer und Firefox unterschiedlich aussah. Selbst das transparente Erscheinen einer PNG-Datei galt als Erfolg.

In den folgenden Jahren änderte sich alles schnell. 2007 kam das iPhone heraus und das mobile Internet explodierte. Ab den 2010er Jahren wurde Responsive Design zur Notwendigkeit. Flexbox und Grid kamen, und das Erstellen von Seitenlayouts wurde menschlicher. jQuery wurde durch modernes JavaScript ersetzt. WordPress eroberte die Hälfte der Welt. Dann kamen statische Site-Generatoren, Headless-Architekturen und Edge Computing.

Das Wichtigste, was ich in diesen 22 Jahren gelernt habe, ist: Werkzeuge ändern sich ständig, aber die Logik, gute Arbeit zu leisten, bleibt gleich. Egal, welche Technologie kommt, am Ende kehren wir immer zur gleichen Frage zurück. Für wen ist diese Seite, welche einzige Aufgabe wird sie erfüllen und wozu wird sie den Besucher überzeugen?

Von Mambo zu Joomla: Meine ersten Projekte

Mein erstes professionelles Projekt war eine mehrsprachige Website für den plastischen Chirurgen Erhan Eryılmaz. Das System, das ich damals verwendete, war Mambo CMS.

Mambo war eines der stärksten Content-Management-Systeme seiner Zeit. Einige Jahre später trennte sich das Projektteam und Mambo wurde durch Joomla ersetzt. Viele Jahre lang war ich mitten in diesem Wandel. Ich erlebte die Geburt, das Wachstum und den Übergang eines Systems zu einem neuen von Anfang bis Ende.

Diese Erfahrung brachte mir mehr als nur technisches Wissen. Ich lernte, wann eine Technologie aufsteigt, wann sie ihren Höhepunkt erreicht und wann sie aufgegeben werden sollte. Wenn ich heute einem Kunden sage "Spezialcode statt WordPress" oder "Lauf nicht dem aktuellen Trend hinterher", kommt diese Voraussicht nicht von ungefähr. Sie ist das Ergebnis einer Intuition, die in hunderten von Projekten immer wieder erlebt wurde.

Was hat Künstliche Intelligenz wirklich verändert?

Lassen Sie mich zuerst das Richtige sagen: Künstliche Intelligenz hat alle beschleunigt. Das zu leugnen ist unmöglich.

Auch ich nutze täglich künstliche Intelligenz. Beim Code-Erstellen, Blog-Schreiben, Entwickeln visueller Ideen, bei SEO-Analysen und sogar bei der Vorbereitung von Meetings. Richtig eingesetzt, steigert sie die Produktivität enorm. Aufgaben, die früher vier Stunden dauerten, können heute in zwanzig Minuten erledigt werden.

Doch hier übersehen viele Menschen einen kritischen Punkt. Künstliche Intelligenz bietet für alle den gleichen Geschwindigkeitsvorteil. Das heißt, sie beschleunigt nicht nur Sie, sondern auch Ihre Konkurrenz. Der Wettbewerbsvorteil liegt also nicht mehr darin, KI zu nutzen, sondern darin, wie Sie sie nutzen.

Was die KI wirklich verändert hat, ist nicht die Produktion, sondern wo der Wert entsteht. Produktion ist billiger und weit verbreitet geworden. Der Wert hat sich jedoch auf Strategie, Erfahrung und Urteilsvermögen verlagert. Eine Website in Minuten zu erstellen ist keine Kunst mehr. Die Kunst besteht darin, sicherzustellen, dass diese Seite die richtige Person zur richtigen Zeit mit der richtigen Botschaft überzeugt.

Warum sehen alle Websites gleich aus?

In den letzten zwei Jahren habe ich hunderte neue Websites untersucht. Auf den ersten Blick sehen sie alle ziemlich modern aus.

Große Überschriften. Farbverläufe im Hintergrund. Glaseffekte. Abgerundete Karten. Leuchtende Buttons. Mikroanimationen. Der erste Eindruck ist wirklich beeindruckend. Doch nach ein paar Minuten bemerken Sie etwas Interessantes: Es scheint, als wären alle Websites von derselben Person erstellt worden.

Der Grund ist einfach. Die verwendeten Werkzeuge sind die gleichen, die Prompts ähnlich, die vorgefertigten Komponenten identisch, die Farbpaletten Kopien voneinander. Das Ergebnis sind technisch erfolgreiche, aber charakterlose Websites.

Früher gab es Websites, die amateurhaft aussahen. Heute gibt es Websites, die professionell aussehen, aber nicht im Gedächtnis bleiben. Ich denke, das ist das größte Problem von 2026. Eine Website sollte nicht nur gut aussehen; sie sollte die Marke widerspiegeln, dem Benutzer Vertrauen geben und in den ersten Sekunden das Gefühl vermitteln, "hier bin ich richtig". Dieses Gefühl entsteht nicht durch Vorlagen, sondern durch Erfahrung.

UI gewinnt nicht, UX gewinnt

Die meisten Menschen denken bei Webdesign an das Visuelle, also die Benutzeroberfläche (UI). Doch die eigentliche Arbeit dreht sich um die Benutzererfahrung (UX).

Eine schöne Benutzeroberfläche beeindruckt den Benutzer. Eine gute Erfahrung hingegen verwandelt den Benutzer in einen Kunden. Diese beiden Dinge sind nicht dasselbe. Eine Seite kann wie ein Diamant aussehen und den Benutzer bis zum Warenkorb bringen, ihn dort aber verlieren. Eine andere Seite kann schlichter aussehen und eine viel höhere Konversion erzielen.

UX beantwortet folgende Fragen. Wie schnell findet der Besucher, was er sucht? Ist der nächste Schritt klar? Wie viele Felder hat das Formular, sind wirklich alle notwendig? Kann es mit einer Hand auf dem Telefon bedient werden? Was sieht der Benutzer bei einem Fehler? Die Antworten auf diese Fragen bringen viel mehr Geld ein als die Farbe oder Schriftart der Seite.

Künstliche Intelligenz kann Ihnen eine schöne Benutzeroberfläche zeichnen. Aber sie weiß nicht, was in Ihrem Geschäft den Besucher überzeugt, welcher Satz das Telefon klingeln lässt oder welcher Einwand den Verkauf stoppt. Diese Dinge lernt man durch 420 Projekte, die man einzeln durchlebt hat.

Mein System zur Arbeit mit Künstlicher Intelligenz

Das Geheimnis, künstliche Intelligenz effizient zu nutzen, besteht darin, sie als Assistenten und nicht als Strategen zu positionieren.

Mein Arbeitsablauf verläuft in dieser Reihenfolge. Zuerst die Strategie: Für wen ist das Projekt, welche einzige Aufgabe wird es erfüllen, wie wird der Erfolg gemessen. Diese Entscheidung trifft der Mensch, nicht die KI. Dann die Geschwindigkeit: Sobald die Strategie klar ist, beschleunige ich Entwürfe, Variationen und Routine-Codeblöcke mit KI. Am Ende steht das Urteil: Ich überprüfe alles, weil nur Erfahrung den Unterschied zwischen dem "durchschnittlich richtigen" und dem wirklich "richtigen" schließen kann.

Die besten Einsatzgebiete der KI sind für mich: wiederkehrende Produktion, das Überwinden des leeren Seiten-Syndroms, Geduld erfordernde Kontrollen wie Zugänglichkeit und Fehlerprüfung. Ihr schwächstes Gebiet ist jedoch nur eines: Sie kennt Ihr Geschäft nicht. Diese Lücke füllt der Mensch.

Warum PageSpeed Insights immer noch entscheidend ist

Geschwindigkeit ist keine Komfortfrage, sondern eine direkte Geldfrage. Jede Sekunde, die eine Seite langsamer lädt, bedeutet verlorene Besucher und sinkende Konversion.

Google PageSpeed Insights misst die Leistung einer Seite sowohl mit Labor- als auch mit echten Nutzerdaten und erstellt eine konkrete Roadmap für Sie. Aber hier gibt es einen wichtigen Unterschied: Ein hoher PageSpeed-Score ist kein Ziel, sondern ein Ergebnis. Das Ziel ist, dass der echte Benutzer die Seite schnell und flüssig erlebt. Ich habe Websites gesehen, die Tricks anwenden, um den Score aufzublähen und dabei das echte Erlebnis ruinieren. Der richtige Ansatz besteht darin, die grundlegenden Metriken wirklich zu verbessern.

In all meinen Projekten ist Geschwindigkeit keine nachträgliche Ergänzung, sondern eine Designentscheidung von Anfang an. Kein unnötiges Framework, self-hosted Fonts, optimierte Bilder, minimales JavaScript. Deshalb sind sie strukturell schneller als die meisten auf Vorlagen basierenden Websites.

Core Web Vitals: LCP, CLS und INP

Googles Performancesprache basiert auf drei grundlegenden Metriken, und ohne sie kann modernes Webdesign nicht funktionieren.

LCP (Largest Contentful Paint): Die Zeit, die benötigt wird, bis das größte Bild oder Textblock auf der Seite erscheint. Der Moment, in dem der Benutzer das Gefühl hat, dass die Seite geladen ist. Ein guter Wert liegt unter 2,5 Sekunden. Große Hero-Bilder, langsame Serverantworten und renderblockierende Ressourcen verschlechtern diese Metrik.

CLS (Cumulative Layout Shift): Misst, wie stark sich Elemente beim Laden der Seite verschieben. Das ärgerliche Gefühl, wenn man gerade auf einen Button klicken will und eine Werbung das Layout verschiebt. Ein guter Wert liegt unter 0,1. Das Vorab-Festlegen von Größen für Bilder und Werbeflächen löst dies.

INP (Interaction to Next Paint): Misst, wie schnell die Seite auf einen Klick oder eine Eingabe des Benutzers reagiert. Ersetzt 2024 die alte FID-Metrik. Ein guter Wert liegt unter 200 Millisekunden. Wenn schweres JavaScript den Haupt-Thread blockiert, verschlechtert sich diese Metrik.

Diese drei Metriken sind nicht nur technische Details; sie beeinflussen direkt das Google-Ranking und die Verweildauer des Benutzers auf der Seite.

Bildoptimierung: AVIF, WebP und Lazy Loading

Die Schuld an den meisten langsamen Websites liegt an einem Ort: schweren Bildern. Der Großteil der Gesamtgröße einer Seite besteht oft aus nicht optimierten Bildern.

Die Lösung ist dreischichtig. Zuerst das richtige Format: AVIF bietet die beste Komprimierung von heute, WebP ist eine starke Alternative mit sehr breiter Browserunterstützung. Klassische JPEGs und PNGs bleiben in den meisten Fällen zurück. Dann die richtige Größe: Ein Foto mit 4000 Pixel Breite in einem 800-Pixel-Bereich zu platzieren, macht keinen Sinn; das Bild sollte in der Größe bereitgestellt werden, in der es angezeigt wird. Schließlich Lazy Loading: Bilder, die nicht im sichtbaren Bereich sind, werden mit loading="lazy" nur bei Bedarf geladen, wodurch der erste Ladevorgang erleichtert wird.

Diese drei Schritte reduzieren die Seitengröße auf den meisten Websites erheblich und verbessern direkt die LCP-Metrik.

Schriftoptimierung

Schriften sind stille Performance-Killer. Falsch eingerichtet, verlangsamen sie nicht nur die Seite, sondern schaffen auch Datenschutzprobleme.

Der richtige Ansatz ist zuerst self-host: Anstatt Google Fonts direkt von Googles Server zu beziehen, sollte die Schrift auf Ihrem eigenen Server liegen, was sowohl die Geschwindigkeit erhöht als auch aus KVKK- und GDPR-Sicht sauberer ist, da die Daten des Besuchers nicht an Dritte gehen. Dann das woff2-Format: bietet die beste Komprimierung. Dann font-display: swap: verhindert, dass der Text unsichtbar bleibt, bis die Schrift geladen ist, der Benutzer wird nicht aufgehalten. Und Subsetting: Nur das verwendete Zeichenset zu laden, verkleinert die Datei.

Auf meiner eigenen Website sind die Schriften genau so eingerichtet; null externe Anfragen, null Datenschutzlecks.

JavaScript und Bundle-Größe

Der häufigste Fehler im modernen Web ist, alles unnötigerweise auf einem schweren JavaScript-Framework aufzubauen.

Jede Zeile JavaScript ist ein Kostenfaktor. Sie muss heruntergeladen, geparst und ausgeführt werden; all dies blockiert den Haupt-Thread und verschlechtert die INP-Metrik. Eine Präsentationsseite mit der gesamten Last eines Frameworks wie React zu erstellen, ist oft wie mit einem Vorschlaghammer eine Nuss zu knacken.

Mein Ansatz ist, das Werkzeug nach Bedarf auszuwählen. Eine einfache Unternehmensseite kann ich leicht mit Vanilla JavaScript erstellen, ohne in ein schweres Framework einzusteigen. Wenn ein Framework benötigt wird, halte ich die Bundle-Größe mit Tree-Shaking, Code-Splitting und Lazy Loading unter Kontrolle. Die Regel ist einfach: Der Benutzer sollte nur den Code herunterladen, den er gerade benötigt.

CDN und Edge Cache

Wie schnell eine Seite lädt, hängt auch von der physischen Entfernung des Servers zum Benutzer ab. Für einen Besucher in Deutschland bedeutet das Abrufen von Inhalten von einem einzigen Server in der Türkei bei jeder Anfrage eine Verzögerung von tausenden Kilometern.

CDN (Content Delivery Network) löst dieses Problem. Es verteilt die statischen Dateien Ihrer Website auf Server weltweit, sodass der Besucher schnell Daten vom nächstgelegenen Punkt erhält. Edge Cache speichert die verarbeiteten Seiten auf diesen Randservern, sodass nicht bei jeder Anfrage eine neue Produktion erfolgt.

Besonders für Marken, die mehrsprachig und international tätig sind, ist dies kein Luxus, sondern eine Notwendigkeit. Wenn Deutschland, die Türkei und ein anderes Land gleichzeitig angesprochen werden, führt der Weg, allen die gleiche Geschwindigkeit zu bieten, hierüber.

SSR, SSG, ISR und Headless-Architekturen

Die Frage, wie die Seiten einer Website produziert werden, beeinflusst sowohl die Leistung als auch das SEO und die Sichtbarkeit durch künstliche Intelligenz direkt. Es gibt vier Hauptansätze.

SSR (Server-Side Rendering): Die Seite wird bei jeder Anfrage auf dem Server erstellt. Ideal für dynamische Seiten, deren Inhalt sich ständig ändert.

SSG (Static Site Generation): Die Seiten werden im Voraus als statisches HTML erstellt und unverändert bereitgestellt. Die schnellste und sicherste Methode; funktioniert hervorragend, wenn der Inhalt nicht häufig geändert wird.

ISR (Incremental Static Regeneration): Die flexible Form der statischen Produktion. Die Seiten bleiben statisch, werden aber in bestimmten Abständen im Hintergrund aktualisiert. Ideal für große Seiten, die sowohl Geschwindigkeit als auch Frische wünschen.

Headless-Architektur: Trennt die Inhaltsverwaltung von der Darstellungsschicht. Der Inhalt kommt über eine API, die Darstellung wird mit der gewünschten Technologie erstellt; dadurch steigt die Flexibilität erheblich.

In meiner eigenen Blog-Infrastruktur setze ich bewusst auf die statische Produktion. Wenn ich im Panel einen Beitrag speichere, erstellt das System die Seiten als statisches HTML neu; der Besucher erhält keine Datenbankabfrage, sondern eine blitzschnelle Datei. Dies bringt sowohl Geschwindigkeit als auch Sichtbarkeit durch künstliche Intelligenz gleichzeitig.

Semantisches HTML

Ebenso wichtig wie das Erscheinungsbild einer Seite ist die Bedeutung des darunter liegenden HTML. Viele Seiten sind visuell korrekt, aber strukturell bedeutungslos.

Semantisches HTML bedeutet, jedes Element mit dem passenden Tag zu kennzeichnen. Überschriften mit h1, h2, h3; Hauptinhalt mit main; Navigation mit nav; Artikel mit article; Fußzeile mit footer. Anstatt alles mit div-Stapel zu erstellen, sagen Sie dem Browser, den Bildschirmlesern und den KI-Bots klar, was die Seite bedeutet.

Warum ist das wichtig? Weil sowohl Google als auch KI-Systeme die Seite anhand dieser Struktur lesen. Ein bedeutungsvolles HTML-Skelett erleichtert das Verständnis und die Zitierfähigkeit Ihres Inhalts. Ein schlechtes Skelett macht selbst den besten Inhalt unsichtbar.

Zugänglichkeit (Accessibility, WCAG)

Zugänglichkeit bedeutet, dass die Seite von allen genutzt werden kann. Von einem sehbehinderten Benutzer bis zu jemandem, der das Telefon mit zitternden Händen kaum halten kann.

Der Standard heißt WCAG und wird in den Stufen A, AA, AAA definiert; für die meisten Projekte ist das Ziel AA. Praktisch bedeutet das: ausreichender Farbkontrast zwischen Text und Hintergrund, sinnvolle Alt-Texte für jedes Bild, vollständige Navigation mit der Tastatur, bei Bedarf ARIA-Tags, die Möglichkeit, Animationen für Bewegungsunempfindliche zu reduzieren.

Zugänglichkeit ist nicht nur eine Frage des Gewissens, sondern auch eine Möglichkeit, eine breitere Zielgruppe zu erreichen und das SEO zu stärken. Google belohnt zugängliche Seiten, weil gute Zugänglichkeit oft Hand in Hand mit guter Struktur geht.

Schema.org und JSON-LD

Ein Mensch versteht, was eine Seite aussagt, aber es gibt einen Weg, dies Suchmaschinen und künstlicher Intelligenz klar zu sagen: strukturierte Daten.

Schema.org ist der gemeinsame Standard, mit dem Sie Ihren Inhalt in einem für Maschinen verständlichen Wörterbuch kennzeichnen können. JSON-LD ist die von Google empfohlene Methode, diese Kennzeichnung zur Seite hinzuzufügen; es bleibt als sauberer Datenblock im Hintergrund, ohne das Erscheinungsbild der Seite zu stören.

Dank dieser Daten muss die Suchmaschine nicht raten, "das ist ein Artikel, der Autor ist dieser, das Veröffentlichungsdatum ist jenes, es gehört zu dieser Unternehmensidentität", sondern liest es direkt. Ergebnis: reichhaltige Ergebnisse, besseres Verständnis und leichtere Zitierbarkeit in KI-Systemen.

Welche Schema-Typen sollten verwendet werden?

Jeder Seitentyp hat seinen eigenen geeigneten Schema-Typ. Die nützlichsten sind folgende.

• Organization: Markenidentität; Firmenname, Logo, Social-Media-Konten.
• LocalBusiness: Für lokale Unternehmen; Adresse, Telefon, Öffnungszeiten. Grundlage des lokalen SEO.
• Person: Personenidentität; das Profil eines Experten, Autors oder Arztes.
• FAQPage: Häufig gestellte Fragen; können bei Google als aufklappbare Antwortfelder erscheinen.
• Article: Blog-Beiträge und Artikel; Titel, Autor, Datum.
• BreadcrumbList: Seitenhierarchie; zeigt dem Benutzer, wo er sich auf der Website befindet.

Auf meiner eigenen Website sind einige davon bereits eingerichtet. Unter diesem Blogbeitrag befinden sich die Daten für Article und BreadcrumbList; daher können sowohl Google als auch KI diesen Inhalt genauer lesen.

llms.txt: Was ist das?

Es gibt einen neuen Standard in der Webwelt: llms.txt. Wie der Name schon sagt, zielt er direkt auf große Sprachmodelle, also KI-Systeme.

Seine Logik ähnelt robots.txt, aber sein Zweck ist anders. robots.txt sagt Bots, wohin sie gehen dürfen und wohin nicht; llms.txt erklärt der KI in einfacher Sprache, was Ihre Website ist, welche die wichtigsten Seiten sind und wie sie Ihre Marke zusammenfassen sollte. Es ist eine Markdown-Datei, die im Stammverzeichnis der Website liegt und auch vom Menschen gelesen werden kann.

Warum ist das wichtig? Weil, wenn die KI Sie nicht kennt, sie Sie nicht erwähnt, wenn sie eine Frage beantwortet. llms.txt ist der sauberste Weg, Ihre Marke dem Modell korrekt vorzustellen. Auf meiner eigenen Website habe ich diese Datei bereits vorbereitet; sie sagt der KI klar, wer ich bin, welche Dienstleistungen ich anbiete und welche meine wichtigen Seiten sind.

Wie sollte robots.txt aussehen?

robots.txt ist der Türsteher Ihrer Website. Er sagt, welcher Bot wohin gehen darf. Im Jahr 2026 ist die Bedeutung dieser Datei größer als je zuvor, denn wir verwalten nicht nur den Google-Bot, sondern auch die KI-Bots.

Der klassische Ansatz dachte nur an Suchmaschinen. Heute müssen jedoch Zeilen mit offenen Genehmigungen für die KI-Bots von ChatGPT, Claude, Perplexity und Google hinzugefügt werden. Denn wenn diese Bots Ihren Inhalt nicht lesen können, können sie Sie in keiner Antwort als Quelle angeben.

Es gibt ein wichtiges Gleichgewicht: Während Sie Bereiche, die geheim bleiben sollen (wie Verwaltungspanels), schließen, sollten Sie den KI-Bots den Zugriff auf den Inhalt, den Sie sichtbar machen möchten, offen halten. Eine falsch eingerichtete robots.txt kann selbst den wertvollsten Inhalt unsichtbar machen.

sitemap.xml

sitemap.xml ist eine Inhaltsübersicht, die Ihre Website den Suchmaschinen bietet. Sie informiert regelmäßig darüber, welche Seiten vorhanden sind, wann sie aktualisiert wurden und ihre Priorität.

Besonders bei mehrsprachigen und umfangreichen Websites ist diese Datei entscheidend. Sie sorgt dafür, dass ein neu veröffentlichter Blogbeitrag oder eine Kategorieseite schneller entdeckt wird. Bei mehrsprachigen Websites sagt sie Google mit hreflang-Informationen, dass die verschiedenen Sprachversionen desselben Inhalts Übersetzungen voneinander sind.

Meine Blog-Infrastruktur aktualisiert die Sitemap automatisch, wenn ein neuer Beitrag veröffentlicht wird. So sollte es sein; die Sitemap sollte keine manuell aktualisierte Datei sein, sondern Teil des Systems.

Wie lesen KI-Bots Ihre Website?

Hier gibt es eine kritische Wahrheit, die die meisten Menschen nicht kennen. Die große Mehrheit der KI-Bots führt kein JavaScript aus; sie lesen nur das rohe HTML.

Das bedeutet: Wenn der Inhalt Ihrer Website nur erscheint, wenn JavaScript im Browser ausgeführt wird, sieht die KI ihn höchstwahrscheinlich nicht. Googles fortschrittlicher Bot kann JavaScript bis zu einem gewissen Grad verarbeiten, aber die meisten KI-Bots sind in dieser Hinsicht viel eingeschränkter. Für sie zählt nur das erste HTML, das vom Server kommt.

Deshalb haben statische und serverseitig generierte Websites einen klaren Vorteil in der Sichtbarkeit durch KI. Wenn der Inhalt im ersten HTML bereit ist, kann der Bot ihn problemlos lesen und als zitierbare Quelle verwenden. Einer der Hauptgründe, warum ich meinen Blog bewusst so eingerichtet habe, dass er statisches HTML erzeugt, ist genau dieser.

In ChatGPT, Gemini, Claude und Perplexity sichtbar sein

Die Menschen fragen nicht mehr nur Google. Sie fragen direkt ChatGPT, Gemini, Claude oder Perplexity nach einer Antwort. Und diese Tools geben bei der Beantwortung Quellen an.

Die Spielregeln haben sich hier geändert. Die alte Frage war "Auf welchem Platz bin ich bei Google?". Die neue Frage lautet: "Erwähnt die KI mich, wenn sie über dieses Thema spricht?" Wenn ein Benutzer fragt "Wer macht in Istanbul maßgeschneidertes Webdesign?", ist es eine ganz andere Sichtbarkeit, im Modellantwort zu erscheinen.

Diese Sichtbarkeit basiert auf drei Dingen. Sauberer und statischer Inhalt, den die Maschine lesen kann. Informationen, die wirklich Fragen beantworten, also kein Prosatext, sondern Wert. Und am wichtigsten, Markensignale: Erwähnungen auf anderen Websites, echte Bewertungen, konsistente Identität. Die KI erwähnt Quellen, denen sie vertraut und die sie immer wieder sieht.

GEO: Generative Engine Optimization

All diese neuen Sichtbarkeitsbemühungen haben einen Namen: GEO, also Generative Engine Optimization. Auf Deutsch: Optimierung, um in generativen KI-Motoren sichtbar zu sein.

GEO baut auf klassischem SEO auf, hat aber ein anderes Ziel. Es geht nicht nur darum, in den Suchergebnissen oben zu erscheinen, sondern als Quelle in der von der KI erzeugten Antwort zu stehen. Praktisch erfordert es drei Dinge. Strukturierter Inhalt, den die Maschine leicht lesen kann, also Schema, schnelle Seiten und Signale wie llms.txt. Inhalt, der wirklich Fragen beantwortet. Und das einzige, was synthetischer Text nicht nachahmen kann: gelebte Erfahrung.

GEO steht bei den meisten Unternehmen noch nicht einmal auf der Agenda. Genau deshalb gibt es für diejenigen, die früh handeln, ein großes Chancenfenster. Ich habe die GEO-Infrastruktur auf meiner eigenen Website bereits eingerichtet; in den kommenden Jahren werden wir die Vorteile davon sehen.

Der Unterschied zwischen SEO und GEO

Die beiden werden oft verwechselt, sind aber unterschiedliche Dinge. Es ist hilfreich, die Unterscheidung klar zu machen.

SEO (Search Engine Optimization) zielt auf klassische Suchmaschinen ab. Ziel ist es, bei Google für ein Schlüsselwort oben zu erscheinen und den Besucher von der Ergebnisseite auf Ihre Website zu ziehen. Der Erfolg wird durch Ranking und Klicks gemessen.

GEO (Generative Engine Optimization) zielt auf KI-Motoren ab. Ziel ist es, in der von der KI erzeugten Antwort als Quelle zu erscheinen. Hier sieht der Benutzer keine Ergebnisliste; er erhält direkt eine Antwort, und Sie sind entweder darin oder nicht.

Die beiden sind keine Konkurrenten, sondern ergänzen sich. Die technische Grundlage von SEO (Geschwindigkeit, semantisches HTML, Schema) ist auch die Grundlage von GEO. Der Unterschied liegt in der Absicht des Inhalts: SEO wird geschrieben, um angeklickt zu werden, GEO, um zitiert zu werden. 2026 und darüber hinaus werden diejenigen gewinnen, die beide zusammen denken.

Warum echte Erfahrung wertvoller ist als künstliche Intelligenz

Inmitten all dieser Technologie gibt es eine Sache, die sich nicht ändert: gelebte Erfahrung. Künstliche Intelligenz kann alles schreiben, aber nicht das, was Sie vor Ort gelernt haben.

Ein Modell weiß nicht, was einen Patienten in einer Zahnarztpraxis überzeugt. Es weiß nicht, wie viele der Anrufe eines Autohändlers Preisfragen sind. Es weiß nicht, mit welchem Foto ein Immobilienmakler mehr Termine bekommt. Diese Dinge stehen nicht in Büchern; sie werden über Jahre, Projekt für Projekt, Fehler für Fehler gelernt.

Google und KI suchen jetzt nach diesem "Erfahrungssignal". Was sie E-E-A-T nennen (Erfahrung, Expertise, Autorität, Vertrauenswürdigkeit) misst genau das. Fallstudien, echte Zahlen, echte Geschichten. Das ist etwas, das synthetischer Inhalt niemals erzeugen kann, und das ist das eigentliche Material einer guten Website.

Vertrauenssignale

Wenn ein Besucher Ihre Website betritt, fragt er sich, auch wenn er es nicht bewusst tut, ständig eine Frage: "Kann ich diesem Ort vertrauen?" Vertrauenssignale sind die Antwort auf diese Frage.

Die Dinge, die Vertrauen schaffen, sind oft klein, aber entscheidend. Echte Fotos, keine Stockbilder. Klare und ehrliche Preise oder zumindest ein transparenter Prozess. Echte Kundenbewertungen und Fallstudien. Klare Kontaktinformationen und das Versprechen einer schnellen Antwort. Vollständige rechtliche Texte (KVKK, Datenschutz). Konsistente Markenidentität.

Jedes dieser Signale mag für sich genommen klein erscheinen, aber in ihrer Gesamtheit verändern sie die Konversionsrate einer Website grundlegend. Im Jahr 2026 ist Vertrauen die knappste und wertvollste Währung.

Echte Fotos oder KI-Bilder?

KI-Bilder sind unglaublich fortgeschritten. Sollten wir sie also überall verwenden? Meine Antwort ist klar: je nach Situation, aber niemals an Orten, die Vertrauen erfordern.

KI-Bilder sind ein großartiges Werkzeug für abstrakte Konzepte, dekorative Hintergründe und Illustrationen. Schnell, günstig, flexibel. Aber wenn es um Sie, Ihr Team, Ihren Arbeitsplatz oder Ihr Produkt geht, ändert sich die Sache. Ein echtes Foto eines Arztes in einer Klinik, ein echtes Auto in einem Autohaus, eine echte Hand eines Handwerkers; diese Dinge können nicht durch ein synthetisches Bild ersetzt werden.

Denn Menschen spüren Fälschungen. Zu perfekt, zu poliert, ein "unwirkliches" Gesicht erhöht nicht das Vertrauen, sondern bricht es. Die stärkste Differenzierung von 2026 ist die Realität. Deshalb sage ich meinen Kunden immer dasselbe: Wir können KI im Dekor verwenden, aber bei dem, was Sie ausmacht, seien wir echt.

Conversion-Optimierung (CRO)

Traffic auf eine Website zu bringen, ist die halbe Miete. Die andere Hälfte besteht darin, diesen Traffic in Kunden zu verwandeln. Diese zweite Hälfte nennt man CRO (Conversion Rate Optimization), also Konversionsoptimierung.

CRO beschäftigt sich mit der Frage: Wie viele der hundert Besucher auf der Website führen die gewünschte Aktion aus? Füllen sie ein Formular aus, rufen sie an, kaufen sie. Diese Rate zu erhöhen ist oft profitabler als mehr Traffic zu generieren, da es bedeutet, die vorhandenen Besucher besser zu nutzen.

Das Material von CRO sind kleine, aber kraftvolle Details. Eine klare und einzige Handlungsaufforderung. Vereinfachte Formulare, das Entfernen unnötiger Felder. Vertrauenssignale an der richtigen Stelle positionieren. Schnelle Seite, denn Langsamkeit senkt direkt die Konversion. Perfekte mobile Erfahrung. Und ständige Messung: herausfinden, was funktioniert, nicht durch Vermutungen, sondern durch Daten.

Eine schöne, aber nicht verkaufende Website ist ein teures Schild. Gute CRO verwandelt dieses Schild in ein funktionierendes Verkaufsteam.

Was eine moderne Website haben sollte: Checkliste 2026

Ich reduziere diesen gesamten Artikel auf eine praktische Liste. Eine ernsthafte Website im Jahr 2026 sollte diese Punkte enthalten.

• Sauberes, semantisches und gültiges HTML-Skelett.
• Echte Geschwindigkeit, die die Core Web Vitals (LCP, CLS, INP) Ziele erfüllt.
• Bilder im AVIF- oder WebP-Format, richtig dimensioniert und mit Lazy Load.
• Selbst gehostete, mit woff2 und swap optimierte Schriften.
• Minimales und kontrolliertes JavaScript, ohne unnötige Framework-Last.
• Statischer oder serverseitig generierter Inhalt, den die KI lesen kann.
• Vollständige Schema.org / JSON-LD-Daten (Organization, Article, FAQ, Breadcrumb).
• Offene robots.txt für KI-Bots und vorbereitete llms.txt.
• Automatisch aktualisierte sitemap.xml und hreflang für mehrsprachige Websites.
• Zugänglichkeit auf WCAG AA-Niveau.
• Echte Fotos, echte Bewertungen und klare Vertrauenssignale.
• Vereinfachte Formulare und klare Handlungsaufforderungen für Konversion.
• Vollständige KVKK- und Datenschutzerklärungen.
• Perfekte mobile Erfahrung.

Die meisten dieser Punkte sind unsichtbar. Aber genau diese bestimmen, ob eine Website langfristig gewinnt oder verliert.

Webdesign ist nicht tot, durchschnittliches Webdesign ist tot

Vor 22 Jahren war es eine Leistung, eine Website zum Laufen zu bringen. Heute kann jeder etwas zum Laufen bringen. Das Schwierige ist nicht mehr die Produktion, sondern das Auffallen.

Künstliche Intelligenz hat das Webdesign nicht beendet. Sie hat nur den einfachen Teil für alle kostenlos gemacht. Der schwierige Teil, also Strategie, Erfahrung, Vertrauen und der echte menschliche Touch, ist immer noch das Wertvollste. Und dieser Teil ist genau das, was KI nicht kann.

Wenn Sie ein Geschäftsinhaber sind, lautet mein Rat für 2026 in drei Sätzen. Vermeiden Sie Vorlagen, denn wenn Sie sich mit Ihren Konkurrenten vermischen, bedeutet das, dass selbst die teuerste Werbung mit einem gemieteten Gesicht auftritt. Zeigen Sie das Echte, denn Vertrauen ist die knappste Währung dieser Zeit. Und lehnen Sie KI nicht ab, setzen Sie sie an die richtige Stelle; überlassen Sie die Strategie dem Menschen, die Wiederholung der Maschine.

Künstliche Intelligenz hat das durchschnittliche Webdesign getötet. Und ehrlich gesagt, kann ich nicht sagen, dass ich darüber traurig bin. Denn was übrig bleibt, ist mehr Raum für diejenigen, die wirklich gute Arbeit leisten.

Wenn Ihre Website auch in diesem Durchschnitt verschwindet, lassen Sie uns reden. Lassen Sie uns gemeinsam planen, wie wir meine 22-jährige Erfahrung und all diese technische Infrastruktur auf Ihr Projekt anwenden können.