Was eine gute Website heute wirklich braucht

1. Der erste Eindruck braucht eine klare Botschaft

Eine gute Unternehmenswebsite beantwortet zuerst drei Fragen: Was bietet das Unternehmen an? Für wen ist das Angebot gedacht? Und wie geht es weiter? Diese Orientierung ist wichtiger als ein aufwendiger Einstieg, der vor allem die Gestaltung selbst zeigt. Besucher bringen eine konkrete Aufgabe mit: einen Anbieter vergleichen, eine Leistung verstehen oder eine Anfrage vorbereiten.

„Wir gestalten die Zukunft“ sagt wenig darüber aus, ob ein Betrieb Fenster montiert, Immobilien vermittelt oder Software entwickelt. „Fenster und Haustüren für Neubau und Sanierung“ benennt dagegen das Angebot. Ein ergänzender Satz kann erklären, welche Region bedient wird und welche Begleitung Kunden erwarten dürfen – sofern diese Angaben zutreffen.

Gestaltung soll beim Verstehen helfen

Typografie, Kontraste und Bildsprache geben Informationen Gewicht. Eine prägnante Überschrift, gut lesbarer Fließtext und ein passendes Motiv bilden eine nachvollziehbare Reihenfolge. Zu viele Schriftgrößen, gleich starke Buttons oder ständig bewegte Elemente erschweren diese Reihenfolge. Auch ein hochwertiges Foto hilft wenig, wenn der darüberliegende Text kaum zu lesen ist.

Bilder sollten das Angebot erklären oder einen glaubwürdigen Einblick geben. Eigene Arbeitsprozesse, Produkte und tatsächlich umgesetzte Projekte sind dafür oft aussagekräftiger als austauschbare Symbolbilder. Bei einem Relaunch lohnt es sich deshalb, Inhalte und Bildmaterial vor der eigentlichen Gestaltung zu prüfen.

2. Eine gute Struktur folgt den Fragen der Besucher

Eine Navigation ist keine vollständige Abbildung der internen Unternehmensstruktur. Sie soll Menschen zu den Informationen führen, die sie benötigen. Verständliche Begriffe wie „Leistungen“, „Projekte“ und „Kontakt“ geben Orientierung. Eigene Wortschöpfungen können zur Marke passen, sollten aber keine Erklärung verlangen, bevor jemand den richtigen Bereich findet.

Jede wichtige Seite braucht eine erkennbare Aufgabe. Eine Leistungsseite erläutert beispielsweise das Angebot, den passenden Einsatz, den Ablauf und die nächsten Schritte. Eine Projektseite zeigt ein konkretes Beispiel. Wenn alle Informationen ungeordnet auf der Startseite stehen, müssen Besucher die Zusammenhänge selbst herstellen.

Vom Überblick zur passenden Vertiefung

Eine kurze Leistungsübersicht kann zunächst die Unterschiede zwischen den Angeboten klären und anschließend zu den Details führen. Aussagekräftige Zwischenüberschriften helfen beim Überfliegen. „So läuft die Zusammenarbeit ab“ ist konkreter als „Mehr erfahren“, wenn es um den Ablauf geht.

Interne Links verbinden diese Ebenen. Ein Fachbegriff kann zu einer Erklärung führen, ein Leistungsversprechen zu einem passenden Projektbeispiel. Gute Nutzerführung bedeutet dabei auch, Entscheidungen zu begrenzen: Nicht jeder Absatz benötigt drei weiterführende Links. Vertiefende Fragen zu Orientierung und Interaktion behandelt unser Leistungsbereich CRO & UX.

3. Mobile First betrifft mehr als das Layout

Eine Website ist nicht automatisch mobil gut nutzbar, nur weil alle Elemente untereinander passen. Entscheidend ist, ob Menschen sie mit wenig Platz, wechselnder Verbindung und einer Hand sinnvoll bedienen können. Deshalb sollten Inhalte und zentrale Abläufe früh im schmalen Format geprüft werden.

Navigation, Text und Touch-Flächen zusammen denken

Ein mobiles Menü muss erkennbar öffnen und schließen und seine Inhalte erreichbar machen. Links und Buttons brauchen ausreichend große Bedienflächen und Abstand zueinander. Lange Überschriften dürfen umbrechen, ohne am Rand abgeschnitten zu werden. Fließtext sollte ohne Zoomen lesbar bleiben; Text in einem Bild lässt sich dagegen nur eingeschränkt anpassen.

Ein Beispiel: Auf dem Desktop liegen drei Leistungsbereiche nebeneinander. Mobil reicht es nicht, die Spalten einfach zu verkleinern. Bild, Überschrift, Beschreibung und Aktion sollten je Leistung als zusammenhängender Bereich untereinander folgen. So bleibt die Lesereihenfolge erhalten. Bei Formularen helfen passende Eingabetypen, sichtbare Beschriftungen und Fehlermeldungen direkt am betroffenen Feld.

Prüfe außerdem, was große Bildschirmflächen verdecken können: Ein fixierter Kontaktbalken darf wichtige Inhalte nicht überlagern, und eine breite Tabelle braucht auch mobil eine verständliche Darstellung. Ein echter Test auf einem Smartphone ergänzt die Vorschau im Desktop-Browser.

4. Gute Conversion beginnt mit einem sinnvollen nächsten Schritt

Conversion bezeichnet eine gewünschte Handlung. Für eine Unternehmenswebsite kann das eine qualifizierte Projektanfrage, ein Gespräch oder eine konkrete Angebotsanfrage sein. Das Ziel sollte zum Geschäftsmodell und zur Situation der Besucher passen. Ein früher Besuch verlangt oft zunächst Orientierung; eine detaillierte Leistungsseite kann bereits zur Anfrage führen.

Ein CTA sollte erklären, was als Nächstes passiert. „Projekt besprechen“ oder „Angebot anfragen“ ist eindeutiger als „Los geht’s“. Die Beschriftung muss zum tatsächlichen Ablauf passen: Wer eine unverbindliche Anfrage stellt, sollte nicht den Eindruck bekommen, damit bereits einen Vertrag abzuschließen. Ebenso darf ein Button keine Versandfunktion versprechen, die noch nicht eingerichtet ist.

Formulare brauchen nur die Informationen für den nächsten Schritt

Frage zuerst, welche Angaben erforderlich sind, um sinnvoll antworten zu können. Ein kurzes Kontaktformular hat eine andere Aufgabe als eine ausführliche Projektanfrage. Pflichtfelder sollten erkennbar sein. Sichtbare Labels bleiben auch nach der Eingabe verständlich; Platzhalter allein ersetzen sie nicht. Bei einem Fehler sollte klar sein, welches Feld betroffen ist und wie sich die Eingabe korrigieren lässt.

Vertrauen entsteht auch unmittelbar vor einer Anfrage: verständliche Leistungsgrenzen, ein nachvollziehbarer Ablauf und passende Referenzen erleichtern die Einordnung. Zusätzliche Hürden wie eine verpflichtende Kontoerstellung brauchen einen guten Grund. Welche technische Grundlage zum Ziel passt, hängt ebenfalls vom Vorhaben ab: Für Produktverkauf sind andere Abläufe wichtig als für eine Beratungsanfrage. Dazu gibt es Informationen unter Shopify & E-Commerce.

5. Performance und Technik müssen im Alltag funktionieren

Eine schnelle Website zeigt wichtige Inhalte früh und reagiert verlässlich auf Eingaben. Dafür zählen nicht nur die Größe einzelner Dateien, sondern auch deren Ladezeitpunkt und die Arbeit, die der Browser ausführen muss. Ein großes Video, unnötige Skripte oder zu spät geladene Schriften können den Einstieg erschweren – besonders auf einem älteren Smartphone oder einer langsamen Verbindung.

Die Core Web Vitals verständlich eingeordnet

Die Core Web Vitals betrachten drei Aspekte der Nutzung: Largest Contentful Paint (LCP) beschreibt, wann das größte sichtbare Inhaltselement erscheint. Interaction to Next Paint (INP) erfasst die Reaktionszeit auf Interaktionen. Cumulative Layout Shift (CLS) bewertet unerwartete Verschiebungen im Layout. Sie helfen, konkrete Probleme zu finden, ersetzen aber keinen Test der tatsächlichen Aufgaben auf der Website.

Ein Labortest unter festgelegten Bedingungen und Messwerte realer Besuche beantworten unterschiedliche Fragen. Nutze Labortests zur Fehlersuche und, sobald genügend Daten vorliegen, reale Nutzungsdaten zur Einordnung. Ein einzelner guter Testlauf ist weder eine allgemeine Qualitätsgarantie noch ein Ranking-Versprechen. Die offizielle Web-Vitals-Dokumentation erläutert die Messgrößen und die Unterscheidung zwischen Labor- und Felddaten.

Bilder, Stabilität und Zugänglichkeit

Bilder sollten passend zur dargestellten Größe ausgeliefert werden. Moderne Formate können die Datenmenge reduzieren; feste Größenverhältnisse reservieren den benötigten Platz. Inhalte weiter unten können bei Bedarf später laden. Das zentrale Einstiegsbild sollte dagegen nicht unnötig auf seinen Ladebeginn warten müssen.

Technische Qualität umfasst außerdem funktionierende Links, verständliche Fehlerzustände und bedienbare Formulare. Prüfe die Seite mit der Tastatur: Ist der Fokus sichtbar? Sind Menü und Formular erreichbar? Haben Bilder mit Informationswert passende Alternativtexte? Barrierearme Gestaltung hilft, Inhalte unabhängig von Eingabegerät und Wahrnehmung zugänglich zu machen. Sie ist Teil der Planung und kein abschließender Dekorationsschritt.

6. SEO braucht hilfreiche Inhalte und eine zugängliche Grundlage

Suchmaschinenoptimierung beginnt mit der Frage, was Menschen tatsächlich wissen oder erledigen möchten. Wer nach einer bestimmten Leistung sucht, braucht andere Informationen als jemand, der erst verschiedene Lösungen vergleicht. Eine hilfreiche Seite beantwortet diese Absicht mit verständlichen Beschreibungen, konkreten Beispielen und passenden nächsten Schritten.

Ein guter Seitentitel benennt das Thema eindeutig. Die Meta-Description fasst den Nutzen der Seite zusammen und kann als Grundlage für den Suchergebnis-Ausschnitt dienen; Suchmaschinen können dafür auch andere Textstellen auswählen. Überschriften gliedern den Inhalt logisch. Sie sollten weder allein zur Schriftgestaltung eingesetzt noch mit wiederholten Suchbegriffen überladen werden.

Auffindbarkeit technisch ermöglichen

Wichtige Seiten müssen über funktionierende Links erreichbar sein und regulär ausgeliefert werden. Ein versehentlich gesetztes noindex, eine Zugangssperre oder fehlerhafte Weiterleitungen können die gewünschte Sichtbarkeit behindern. Eine Sitemap kann die Entdeckung unterstützen, garantiert aber keine Indexierung. Bei einem Relaunch gehören bestehende URLs und sinnvolle Weiterleitungen deshalb in die Planung.

Strukturierte Daten können den Inhalt einer Seite maschinenlesbar einordnen, etwa als Artikel. Sie müssen mit dem sichtbaren Inhalt übereinstimmen. Erfundenes Veröffentlichungsdatum, unbelegte Bewertungen oder ein künstlicher Autorenstatus schaffen keine seriöse Grundlage. Auch korrektes Markup garantiert keine besondere Darstellung in Suchergebnissen. Der SEO-Leitfaden von Google bietet einen Einstieg in die Grundlagen.

Für einen geplanten Neubau oder Relaunch sollten Inhalte, Seitenstruktur und Technik deshalb gemeinsam betrachtet werden. Wie wir diese Themen im Projekt zusammenführen, beschreibt Websites & Relaunch.

7. Vertrauen entsteht durch nachvollziehbare Informationen

Besucher müssen einschätzen können, wer hinter einem Angebot steht und ob es zu ihrer Situation passt. Dazu gehören verständliche Leistungsbeschreibungen, erkennbare Ansprechpartner und klare Unternehmensinformationen. Ein persönlicher Ton kann helfen, sollte aber zur tatsächlichen Zusammenarbeit passen.

Referenzen sind besonders hilfreich, wenn sie konkret werden. Welche Aufgabe wurde bearbeitet? Was lässt sich am Ergebnis erkennen? Welche Leistung hat das Unternehmen selbst erbracht? Eine Case-Study kann diese Fragen mit echten Ansichten und einer nachvollziehbaren Einordnung beantworten. Ein Beispiel aus unserem Portfolio ist die Website für Lumex Fensterbau, deren Leistungs- und Zielgruppenstruktur anhand der Projektansichten vorgestellt wird.

Ungeprüfte Kundenlogos, erfundene Bewertungen und pauschale Erfolgsversprechen schaden dieser Einordnung. Zeige lieber weniger Material, das du belegen darfst, und trenne sichtbare Gestaltungsergebnisse von tatsächlich gemessenen Geschäftsergebnissen. Auch die Aktualität zählt: Veraltete Ansprechpartner oder widersprüchliche Leistungsangaben können Zweifel auslösen, obwohl das Design professionell wirkt.

8. Nach dem Start beginnt die Weiterentwicklung

Eine Website begleitet ein Unternehmen über längere Zeit. Angebote ändern sich, neue Fragen tauchen auf und technische Abhängigkeiten entwickeln sich weiter. Deshalb braucht der Betrieb klare Zuständigkeiten für Inhalte, Updates und Funktionsprüfungen. Ein einmaliger Relaunch ersetzt diese Pflege nicht.

Verbesserungen an konkreten Zielen ausrichten

Lege fest, woran ein sinnvoller Fortschritt erkennbar ist. Für einen Dienstleister kann die Qualität der Anfragen wichtiger sein als die reine Besucherzahl. Hinweise liefern beispielsweise wiederkehrende Rückfragen im Erstgespräch, abgebrochene Formularwege oder nicht auffindbare Leistungsinformationen. Wo Nutzungsdaten eingesetzt werden, sollten Erhebung und Auswertung zum Zweck und zu den geltenden Anforderungen passen.

Priorisiere anschließend einzelne Probleme: eine unverständliche Leistungsbeschreibung präzisieren, ein unnötiges Pflichtfeld entfernen oder eine langsame Bildauslieferung verbessern. Prüfe nach der Änderung, ob die betreffende Aufgabe leichter gelingt. Mehrere gleichzeitige Umbauten erschweren es, die Ursache einer Veränderung zu verstehen.

Regelmäßige Kontrollen von Links, Kontaktwegen, mobilen Ansichten und wichtigen Inhalten lassen sich in einen überschaubaren Pflegeplan aufnehmen. Unterstützung dabei beschreibt unser Bereich Betreuung & Weiterentwicklung.

9. Checkliste: Wie gut funktioniert deine Website?

Öffne deine Website auf dem Smartphone und auf einem größeren Bildschirm. Prüfe sie einmal als jemand, der das Unternehmen noch nicht kennt. Die folgenden Fragen helfen, die nächsten Verbesserungen zu priorisieren:

• Werden Angebot und Zielgruppe im Einstieg konkret erkennbar?
• Führt die Navigation mit verständlichen Begriffen zu den wichtigen Informationen?
• Erklärt jede Leistungsseite Nutzen, Umfang und nächsten Schritt?
• Sind Texte mobil ohne Zoomen lesbar und Aktionen gut bedienbar?
• Funktionieren Menü, Links und Formulare auch mit der Tastatur?
• Fragen Formulare nur die für den nächsten Schritt benötigten Angaben ab?
• Laden zentrale Inhalte früh und bleiben Elemente beim Laden an ihrem Platz?
• Sind Seitentitel, interne Links und Indexierungseinstellungen passend gesetzt?
• Sind Referenzen, Ansprechpartner und Unternehmensangaben belegbar und aktuell?
• Gibt es klare Zuständigkeiten für Pflege und regelmäßige Funktionsprüfungen?

Beginne mit den Punkten, die eine reale Aufgabe verhindern: ein defektes Formular, eine unverständliche Leistung oder ein verdeckter Kontaktweg. Danach lassen sich Details gezielt verbessern. Eine gute Website entsteht aus dem Zusammenspiel von Inhalt, Gestaltung und Technik – und daraus, dass diese Grundlagen im Alltag verlässlich funktionieren.