Zum Inhalt springen

R 4 Monde

Für die Welt

Wie erstellt man eine leistungsstarke und suchmaschinenoptimierte Website?

Eine leistungsstarke Website entsteht schon vor der ersten Zeile Code. Die technische Architektur, die Wahl des Markups und die Content-Strategie bestimmen …

Jeune femme créant des maquettes de site web dans un studio de design moderne avec des esquisses de wireframes sur son bureau

Die Leistungsfähigkeit einer Website entscheidet sich bereits vor der ersten Zeile Code. Die technische Architektur, die Wahl der Auszeichnung und die Content-Strategie bestimmen, wie gut sich eine Website dauerhaft in Suchmaschinen positionieren kann. Eine gut auffindbare Website zu erstellen, setzt voraus, Serverleistung, Barrierefreiheit und redaktionelle Relevanz gleichzeitig zu berücksichtigen.

INP und Core Web Vitals: Kennzahlen, die das Ranking der Website beeinflussen

Seit März 2024 hat INP den FID als Kennzahl für die Reaktionsfähigkeit in den Core Web Vitals abgelöst. Der Unterschied ist grundlegend: Der FID maß nur die Verzögerung bei der ersten Interaktion, während INP die Reaktionsfähigkeit der Seite während des gesamten Besuchs bewertet.

Eine Website kann einen guten Largest Contentful Paint aufweisen und beim INP dennoch schlecht abschneiden, wenn der Hauptthread durch nicht verzögert ausgeführtes JavaScript blockiert wird. Wir stellen fest, dass die meisten INP-Verschlechterungen auf Drittanbieter-Skripte zurückzuführen sind (Analytics, Chat-Widgets, Werbepixel), die ohne Priorisierungsstrategie geladen werden.

Bei jeder JavaScript-Ressource stellt sich eine einfache Frage: Muss dieses Skript ausgeführt werden, bevor Nutzer interagieren können? Wenn nicht, wird es mit defer oder bedingt geladen. Die Verbesserung des INP fällt oft deutlicher aus als bei jeder Bildoptimierung.

Beim LCP ist die Komprimierung von Bildern im WebP- oder AVIF-Format weiterhin eine Grundvoraussetzung. Der begrenzende Faktor ist jedoch häufig die Serverantwortzeit (TTFB). Ein günstiges Shared Hosting mit einem nicht zwischengespeicherten CMS verursacht eine hohe TTFB, die den LCP beeinträchtigt, noch bevor der Browser mit dem Rendern beginnt.

Fachleute, die die Erstellung leistungsorientierter Websites begleiten, wie die Website von Referencement Consulting, berücksichtigen diese technischen Faktoren bereits bei der Projektplanung, um kostspielige Überarbeitungen wenige Monate nach dem Launch zu vermeiden.

Webentwickler analysiert die SEO-Leistung seiner Website auf zwei Bildschirmen in einem modernen Homeoffice

Digitale Barrierefreiheit und Website-Erstellung: eine regulatorische Vorgabe, die frühzeitig berücksichtigt werden sollte

Seit dem 28. Juni 2025 verpflichtet der European Accessibility Act Online-Dienste des elektronischen Geschäftsverkehrs, die sich an Verbraucher richten, zur Einhaltung bestimmter Anforderungen. Konkret gilt: Jede Website, auf der online eingekauft, gebucht oder ein Abonnement abgeschlossen werden kann, ist betroffen. Eine reine Unternehmenswebsite ohne Transaktionsmöglichkeit fällt grundsätzlich nicht darunter.

Kleinstunternehmen, die Dienstleistungen anbieten, sind unter bestimmten Voraussetzungen ausgenommen. Diese Ausnahme gilt jedoch nicht für alle Fälle. Die Prüfung sollte bereits bei der Projektplanung erfolgen und nicht erst vor dem Go-live.

Barrierefreiheit bedeutet mehr, als Bildern alt-Attribute hinzuzufügen. Sie betrifft vollständige Nutzerabläufe:

  • Zahlungsformulare müssen per Tastatur bedienbar und mit Screenreadern kompatibel sein – einschließlich der Schritte zur Prüfung und Bestätigung
  • Die Farbkontraste zwischen Text und Hintergrund müssen auf allen Seiten ein ausreichendes Verhältnis aufweisen, nicht nur auf der Startseite
  • Fehlermeldungen müssen programmatisch ausgegeben werden und dürfen nicht lediglich durch eine Farbänderung des betreffenden Feldes kenntlich gemacht werden

Die Wahl des Frameworks, der Komponentenbibliothek und der HTML-Struktur bestimmt, wie einfach sich die Website barrierefrei gestalten lässt. Barrierefreiheit bereits bei der Konzeption einzuplanen verhindert, dass nach dem Launch sämtliche Komponenten überarbeitet werden müssen.

SEO-Inhalte und Auszeichnung: Seiten für Google und KI-Funktionen strukturieren

Die im Juli 2025 veröffentlichten Hinweise von Google bestätigen einen wichtigen Punkt: Für die Anzeige in den KI-Funktionen von Google ist keine spezielle Auszeichnung erforderlich. Es gelten dieselben Kriterien wie für die klassische Suchmaschinenoptimierung: indexierbare Seiten und nützliche Inhalte.

Es ist sinnvoller, in redaktionelle Qualität zu investieren als in eine hypothetische, technisch unbegründete „KI“-Optimierung. Inhalte sollten eine klar definierte Suchintention erfüllen, über eine stimmige interne Verlinkung verfügen und für jede Seite individuell formulierte Title-Tags und Meta-Beschreibungen enthalten.

Title-Tags und Meta-Beschreibungen

Der Title-Tag ist nach wie vor das wichtigste Relevanzsignal für Suchmaschinen. Er sollte das Hauptkeyword der Seite enthalten und innerhalb der in den Google-Suchergebnissen angezeigten Länge bleiben. Die Meta-Beschreibung wirkt sich nicht direkt auf das Ranking aus, beeinflusst aber die Klickrate.

Jede Seite der Website sollte einen eigenen Title-Tag haben. Werden dieselben Titles auf mehreren Seiten verwendet, verwässert das das Signal und führt zu interner Konkurrenz.

Überschriftenhierarchie und interne Verlinkung

Die Hn-Struktur (H1, H2, H3) sollte die semantische Hierarchie der Inhalte widerspiegeln: eine H1 pro Seite, H2 für die Hauptabschnitte und H3 für Unterabschnitte. Eine Ebene zu überspringen (H1, dann H3 ohne H2) ist nach wie vor ein häufiger Fehler, der das Verständnis der Inhalte durch Suchmaschinen-Crawler erschwert.

Die interne Verlinkung verteilt die Autorität auf die Seiten und führt Crawler zu den wichtigsten Inhalten. Bei einer Website mit zwanzig Seiten ohne interne Links muss Google jede Seite einzeln entdecken. Das verlangsamt die Indexierung und zersplittert die thematische Relevanz.

Interdisziplinäres Team bei einer Besprechung zur Webstrategie an einem Tisch mit Leistungsberichten und SEO-Analysen

Technische Entscheidungen bei der Website-Erstellung: Hosting, CMS und technische Schulden

Die Wahl des CMS und des Hostings bestimmt, welches Leistungsniveau sich erreichen lässt. Eine WordPress-Website mit einem Dutzend schlecht gepflegter Plugins häuft technische Schulden an, die zu längeren Ladezeiten und Sicherheitslücken führen.

  • Ein Hosting mit integriertem Server-Cache und aktiviertem HTTP/2 bevorzugen, statt eines generischen Shared Hostings ohne entsprechende Konfiguration
  • Plugins auf tatsächlich benötigte Funktionen beschränken und ihre Auswirkungen auf das Seitengewicht überprüfen
  • Bereits zum Launch ein SSL-Zertifikat einrichten (HTTPS ist seit mehreren Jahren ein Rankingsignal für Google)
  • Weiterleitungen vom Typ 301 bereits beim Go-live einrichten, um bei einem Relaunch 404-Fehler für alte URLs zu vermeiden

Die Leistung einer gut auffindbaren Website hängt von Entscheidungen ab, die frühzeitig getroffen werden. Einen Architekturfehler nach dem Launch zu beheben, ist, als würde man das Fundament eines bewohnten Gebäudes erneuern. Die anfänglichen technischen Entscheidungen (serverseitiges oder clientseitiges Rendering, Cache-Strategie, Format statischer Ressourcen) prägen die Website über ihre gesamte Lebensdauer.

Eine schnelle, barrierefreie und für Suchmaschinen strukturierte Website entsteht nicht durch nachträgliche Optimierungen. Sie ist das Ergebnis eines Lastenhefts, das Leistung und Suchmaschinenoptimierung ebenso stark gewichtet wie Design und geschäftliche Funktionen.

Wie erstellt man eine leistungsstarke und suchmaschinenoptimierte Website?