Eine Website, die drei Sekunden braucht, um ihre erste Seite anzuzeigen, verliert die meisten Besucher, bevor diese auch nur ein Wort gelesen haben. Technische Performance, Inhalte und Struktur bilden ein Dreieck, dessen Seiten sich gegenseitig beeinflussen. Eine leistungsstarke Website zu erstellen, bedeutet mehr, als ein ansprechendes Theme auszuwählen: Es geht darum, Geschwindigkeit, Klarheit und die Einhaltung gesetzlicher Vorgaben miteinander in Einklang zu bringen.
Von Google gemessene Reaktionsfähigkeit: Was der INP-Wert für Ihre Website bedeutet
Seit März 2024 hat Google den bisherigen Messwert für die Reaktionsfähigkeit (First Input Delay) durch einen neuen ersetzt: Interaction to Next Paint (INP). Der Unterschied ist konkret: FID erfasste nur die erste Interaktion eines Besuchers. INP bewertet jeden Klick, jedes Tippen und jede Tastatureingabe während des gesamten Besuchs.
Ein „In den Warenkorb“-Button, der beim ersten Klick schnell reagiert, beim dritten aber langsamer wird, kann Ihren Wert inzwischen bereits verschlechtern. Das bedeutet, dass punktuelle Tests – etwa das einmalige Laden einer Seite in einem Mess-Tool – die Realität nicht mehr widerspiegeln. Die Core Web Vitals basieren auf echten Nutzungsdaten, die über Chrome erfasst werden, nicht auf einem isolierten Labortest.
Um den INP-Wert zu verbessern, muss die bei jeder Interaktion ausgeführte JavaScript-Arbeit reduziert werden. Auf der Website von Pixel 23 zeigen detaillierte technische Ansätze, wie sich diese Optimierung bereits in der Entwicklungsphase umsetzen lässt. Umfangreiche Skripte in kurze Aufgaben aufzuteilen, nicht sichtbare Prozesse aufzuschieben und aufwendige Animationen auf Mobilgeräten zu begrenzen – all diese Entscheidungen werden beim Programmieren getroffen, nicht erst nach dem Launch.
Inhaltsstruktur und Suchmaschinenoptimierung: für Besucher und Google schreiben
Ist Ihnen schon aufgefallen, dass manche Websites mit einem sehr schlichten Design auf der ersten Google-Seite erscheinen? Ihr Vorteil liegt oft in der Struktur ihrer Inhalte. Ein gut gegliederter Text mit einer logischen Überschriftenhierarchie hilft Suchmaschinen, das behandelte Thema zu verstehen.
Seitenstruktur und interne Verlinkung
Die Seitenstruktur einer Website ist der Aufbau ihrer Seiten. Besucher sollten einen bestimmten Service von der Startseite aus mit zwei oder drei Klicks erreichen können. Jede wichtige Seite sollte mindestens einen Link von einer anderen Seite der Website erhalten. Diese interne Verlinkung hilft sowohl Nutzern als auch Suchmaschinen-Crawlern bei der Orientierung.
Eine verwaiste Seite ohne eingehende Links ist für Google nahezu unsichtbar. Prüfen Sie vor der Veröffentlichung neuer Inhalte, ob sie über mindestens einen kontextbezogenen Link mit dem Rest der Website verbunden sind.
Nützliche Inhalte statt Füllmaterial
Google bewertet die Relevanz einer Seite danach, welchen tatsächlichen Nutzen sie den Besuchern bietet. Ein Vorstellungstext, der dreimal wiederholt, „wir sind Experten“, ohne ein konkretes Beispiel zu nennen, hat keinen SEO-Wert. Jede Seite sollte eine konkrete Frage beantworten oder ein klar umrissenes Problem lösen.
- Jede Seite richtet sich auf ein Haupt-Keyword und zwei oder drei ähnliche Varianten aus, die in Überschriften und im ersten Absatz vorkommen
- Überschriften (H2, H3) enthalten Begriffe, die Nutzer in die Suchleiste eingeben – keine poetischen Formulierungen
- Bilder verfügen über ein aussagekräftiges Alt-Attribut, das sowohl der Suchmaschinenoptimierung als auch der Barrierefreiheit dient
Eine Website mit zehn gut geschriebenen Seiten ist in den meisten lokalen oder spezialisierten Branchen einer Website mit fünfzig inhaltsleeren Seiten überlegen.
Cookie-Einwilligung und Barrierefreiheit: zwei gesetzliche Anforderungen, die von Anfang an berücksichtigt werden sollten
Die Einhaltung gesetzlicher Vorgaben ist kein Thema, das Juristen vorbehalten ist. Sie hat direkte technische Auswirkungen auf die Performance und das Nutzererlebnis.
Einwilligungsbanner: die Falle einer vorzeitigen Auslösung
Bei nicht unbedingt erforderlichen Trackern – etwa Analyse-Tools oder Werbepixeln – muss die Einwilligung des Besuchers vor dem Laden eingeholt werden. Ablehnen muss genauso einfach sein wie Zustimmen. Ein gut gestaltetes Banner reicht nicht aus, wenn im Hintergrund ein Google-Analytics-Skript oder ein Meta-Pixel bereits ausgelöst wird, bevor der Besucher geklickt hat. Die Einwilligung muss das Setzen von Trackern technisch verhindern und darf nicht nur eine Meldung anzeigen.
Eine Website, die Tracker lädt, bevor der Besucher seine Auswahl getroffen hat, riskiert Sanktionen der CNIL. Technisch erfordert dies die Einrichtung einer Consent Management Platform, die die Ausführung von Skripten Dritter tatsächlich von der Einwilligung abhängig macht.
Digitale Barrierefreiheit und European Accessibility Act
Seit dem 28. Juni 2025 gilt der European Accessibility Act für E-Commerce-Dienste, die sich an Verbraucher richten. Kleinstunternehmen, die Dienstleistungen anbieten, sind unter bestimmten Voraussetzungen ausgenommen. Eine reine Unternehmenswebsite ohne Bestell- oder Buchungsfunktion fällt grundsätzlich nicht darunter.
Für betroffene Websites bedeutet Barrierefreiheit konkrete Maßnahmen:
- Ausreichender Farbkontrast zwischen Text und Hintergrund, der sich mit kostenlosen Tools überprüfen lässt
- Bedienbarkeit ausschließlich über die Tastatur, ohne Maus
- Formulare mit eindeutigen Beschriftungen für jedes Feld
- Untertitel oder Transkripte für Multimedia-Inhalte
Barrierefreiheit von Anfang an ins Design zu integrieren, kostet wenig. Nachträgliche Korrekturen sind teuer.
Ladegeschwindigkeit auf Mobilgeräten: der Faktor, den die meisten Websites vernachlässigen
Die meisten Besucher rufen Websites über ihr Smartphone auf, oft mit einer durchschnittlichen Internetverbindung. Eine Website ausschließlich auf einem Desktop-Computer mit Glasfaseranschluss zu testen, vermittelt ein verzerrtes Bild ihrer tatsächlichen Performance.
Das Bildgewicht bietet nach wie vor den größten Optimierungshebel. Werden Bilder in WebP oder AVIF konvertiert, verringert sich ihre Dateigröße ohne sichtbaren Qualitätsverlust. Bilder außerhalb des sichtbaren Bereichs verzögert zu laden (Lazy Loading), verhindert, dass sie den initialen Seitenaufbau verlangsamen.
Jede zusätzliche Sekunde Ladezeit senkt die Conversion-Rate. Individuelle Schriftarten, animierte Karussells und automatisch startende Videos sind die drei häufigsten Ursachen für langsame Ladezeiten auf Mobilgeräten. Bevor Sie ein visuelles Element hinzufügen, fragen Sie sich: Hilft es Besuchern, das Gesuchte zu finden, oder verlangsamt es ihre Navigation?
Eine leistungsstarke Website beruht auf konkreten technischen Entscheidungen, die früh im Projekt getroffen werden. Die mit INP gemessene Reaktionsfähigkeit, eine suchmaschinenfreundliche Inhaltsstruktur, die von Anfang an berücksichtigte Einhaltung gesetzlicher Vorgaben und die tatsächliche Geschwindigkeit auf Mobilgeräten bilden vier konkrete Handlungsfelder. Wird eines davon vernachlässigt, geraten auch die anderen drei ins Wanken.
