Die kurze Antwort

Eine starke Website sagt in wenigen Sekunden, was du anbietest, für wen und was der Besucher jetzt tun soll. Sie lädt mobil in höchstens 2,5 Sekunden (LCP), zeigt pro Abschnitt einen klaren nächsten Schritt und belegt Vertrauen mit echten Namen, Zahlen und Cases.

Dazu kommen ein CMS, das dein Team wirklich nutzt, eine saubere HTML-Struktur und gut lesbare Kontraste. Am Ende des Artikels steht eine Prüfliste mit Zielwerten, die du an deiner eigenen Seite abhaken kannst.

Egal ob Neubau, Relaunch oder laufende Pflege: Wir messen jedes Website-Projekt an denselben Grundprinzipien. Es geht nicht um Trends. Es geht um die Basis, ohne die eine Website ihren eigentlichen Job nicht erfüllt: aus Besuchern Anfragen und Kunden zu machen.

1. Versteht ein Besucher in Sekunden, was du anbietest?

Ein Besucher entscheidet sehr schnell, ob er bleibt. Diese Zeit gewinnst du nicht mit einem originellen Slogan. Du gewinnst sie mit einer sofort verständlichen Antwort auf drei Fragen: Was macht ihr? Für wen? Was soll ich jetzt tun?

In der Praxis heißt das: Die Headline nennt die Leistung, nicht nur ein Gefühl. Die Unterzeile nennt Zielgruppe oder Region. Und der Button steht ohne Scrollen im Blickfeld. Beispiel: „Wir leben Qualität“ sagt nichts. „Elektroinstallation für Gewerbe im Raum Stuttgart, Angebot in 48 Stunden“ beantwortet alle drei Fragen in einer Zeile.

Wie wichtig das ist, hat der Relaunch des Hotel Zuckerfabrik gezeigt. Auf der alten Seite war der Willkommenstext erst nach dem ersten Scroll erreichbar. Es gab keinen Buchungs-Anreiz im Blickfeld. Heute stehen Headline, „Jetzt buchen“ und Verfügbarkeitsprüfung direkt im Hero.

2. Wie schnell muss eine Website laden?

Ladezeit fließt über die Core Web Vitals in Googles Bewertung der Seitenerfahrung ein. Google empfiehlt drei Zielwerte [2]: Das größte sichtbare Element (Largest Contentful Paint, LCP) erscheint innerhalb von 2,5 Sekunden. Die Seite reagiert auf Eingaben in unter 200 Millisekunden (INP). Und das Layout springt beim Laden kaum (CLS unter 0,1).

Die häufigsten Bremsen sind große Bilder ohne moderne Formate, Schriften von externen Servern, zu viele Tracking- und Chat-Skripte und ein Baukasten voller Funktionen, die niemand nutzt. Jede dieser Bremsen ist lösbar. Am einfachsten aber, bevor sie entstehen: Ladezeit gehört als Ziel ins Projekt, nicht als Nacharbeit danach.

3. Warum muss die mobile Version zuerst kommen?

Rund 60 % der Seitenaufrufe in Deutschland kommen inzwischen von Smartphones [1]. Google nutzt für Indexierung und Ranking die mobile Version deiner Inhalte [3]. Eine Seite, die für den Desktop entworfen und mobil nur „angepasst“ wurde, startet deshalb mit einem Nachteil.

Mobile first heißt konkret: Inhalte, Navigation und Formulare werden zuerst für den kleinen Bildschirm gedacht. Buttons sind groß genug für den Daumen. Telefonnummern lassen sich antippen. Und nichts Wichtiges ist auf dem Handy versteckt, was auf dem Desktop sichtbar ist.

4. Wie viele Call-to-Actions verträgt eine Seite?

Viele Websites bieten fünf nächste Schritte gleichzeitig an: Newsletter, Download, Kontakt, Demo und Social Media. Am Ende passiert keiner davon zuverlässig. Eine starke Seite hat einen dominanten Call-to-Action, der an passenden Stellen wiederkehrt.

Ein zweiter, leiserer Schritt ist in Ordnung, wenn er zu einer früheren Phase passt. Beispiel: „Projekt anfragen“ als Hauptbutton, dazu ein Textlink „Was kostet das?“ zu einem Preisartikel. Mehr als zwei unterschiedliche Angebote pro Seite sind nach unserer Projekterfahrung fast immer zu viele. Wie du den Weg dahinter aufbaust, steht im Artikel zu Conversion-Funnels.

5. Welche Vertrauenssignale wirken wirklich?

Sterne ohne Quelle, Logos ohne Kontext und „über 100 zufriedene Kunden“ ohne Beleg werden schnell überlesen. Was wirkt, ist überprüfbar:

  • Echte Menschen. Ansprechpartner mit Namen, Rolle und Foto, keine Stockbilder.
  • Konkrete Zahlen mit Rahmen. Zeitraum, Ausgangslage und Quelle gehören dazu. Beispiel aus unserer Arbeit: Batteriecenter Ludwigsburg, +521 % Besucher von April bis August 2026.
  • Cases mit Vorher und Nachher statt vager Erfolgsversprechen.
  • Ehrliche Grenzen. Ein Satz wie „Dafür sind wir nicht die Richtigen“ schafft oft mehr Vertrauen als jedes Siegel.

Google formuliert es ähnlich: Für Besucher soll offensichtlich sein, wer einen Inhalt erstellt hat, etwa über eine Verfasserzeile mit Infos zum Hintergrund [4]. Das gilt für Ratgeber genauso wie für Leistungsseiten.

6. Welches CMS passt zu deinem Team?

Eine Website, bei der jede Textänderung eine externe Anfrage braucht, veraltet schneller, als den meisten bewusst ist. Niemand will das. Aber die Hürde ist zu hoch. Ein CMS, das zum echten Pflegeaufwand passt, ist wichtiger als eines mit möglichst vielen Funktionen.

Die Faustregel aus unserer Projekterfahrung: Ändert ihr monatlich Inhalte, braucht ihr ein CMS mit einfacher Oberfläche und klaren Rechten. Ändert ihr ein- oder zweimal im Jahr etwas, kann eine statische Seite ohne CMS schneller, günstiger und wartungsärmer sein. Frag dich vorher: Wer pflegt was, wie oft?

7. Was brauchen Google und KI-Suchen von deiner Seite?

Eine echte HTML-Hierarchie hilft Maschinen, deine Seite zu verstehen: eine H1, darunter H2 und H3 als tatsächliche Überschriften, nicht nur fett gesetzter Text. Wichtige Inhalte stehen als Text auf der Seite, nicht nur in Bildern.

Strukturierte Daten nach Schema.org beschreiben zusätzlich, wer du bist und was du anbietest. Sie sind aber kein Geheimtrick für KI-Antworten. Google sagt ausdrücklich: Für AI Overviews und den AI Mode gibt es keine zusätzlichen Anforderungen und kein spezielles Schema-Markup [5]. Es gelten die normalen SEO-Grundlagen. Wichtig ist, dass strukturierte Daten zum sichtbaren Text passen. Mehr dazu im Artikel zu SEO vs. GEO. Wie Crawling, Local SEO und Messung zusammenspielen, zeigt unser Überblick SEO & GEO.

Ob KI-Suchen deine Inhalte überhaupt abrufen dürfen, regelt deine robots.txt. Was du dort erlauben oder blockieren solltest, steht in unserem Artikel KI-Crawler und robots.txt.

8. Warum ist Barrierefreiheit gutes Design?

Gut lesbare Kontraste, große Klickflächen und Formulare mit klaren Beschriftungen helfen Menschen mit Einschränkungen. Sie helfen aber auch allen, die draußen in der Sonne aufs Handy schauen. Die Richtlinie WCAG 2.2 nennt konkrete Werte [6]: Normaler Text braucht ein Kontrastverhältnis von mindestens 4,5:1. Klickziele sollen mindestens 24 × 24 CSS-Pixel groß sein oder genug Abstand haben.

Für manche Websites ist Barrierefreiheit seit Juni 2025 auch Pflicht, etwa für Online-Shops für Verbraucher. Wann das Gesetz greift, steht im Artikel Agentur beauftragen.

Welche Fehler sehen wir in Audits am häufigsten?

Aus unserer Projekterfahrung tauchen vier Muster immer wieder auf, quer durch alle Branchen:

  • Der Slogan steht vor der Leistung. Die Headline klingt gut, sagt aber nicht, was das Unternehmen macht. Wer über Google kommt, sucht eine Leistung, keinen Leitspruch.
  • Das Hero-Bild ist ein riesiges Foto ohne Kompression. Es sieht auf dem Desktop schön aus und bremst mobil den LCP-Wert über die 2,5 Sekunden.
  • Kontakt ist nur im Menü erreichbar. Wer am Ende einer Leistungsseite überzeugt ist, muss erst nach oben scrollen und suchen.
  • Referenzen ohne Kontext. Ein Logo-Band ohne ein Wort dazu, was gemacht wurde, überzeugt kaum. Ein Satz pro Projekt und ein Link zum Case reichen oft schon.

Keiner dieser Fehler braucht einen Relaunch. Jeder lässt sich mit wenig Aufwand beheben, wenn er einmal erkannt ist. Genau dafür ist die Prüfliste da.

Die Prüfliste mit Zielwerten

Nimm dir 30 Minuten und geh deine Startseite und eine Leistungsseite damit durch:

Prinzip & PrüfungZielwert
Klarheit
5-Sekunden-Test mit einer fremden Person
Sie nennt Leistung, Zielgruppe und nächsten Schritt
Ladezeit
PageSpeed Insights (mobil)
LCP ≤ 2,5 s, INP < 200 ms, CLS < 0,1
Mobile
Eigenes Smartphone
Anfrage in unter einer Minute abschickbar
Call-to-Action
CTAs pro Seite zählen
Ein Hauptangebot, höchstens ein leiser Zusatz
Vertrauen
Startseite durchlesen
Echter Name, Foto und mindestens ein Beleg mit Quelle
Pflege
Selbst einen Text ändern
Ohne externe Hilfe in unter 10 Minuten
Struktur
Browser-Erweiterung für Überschriften
Genau eine H1, logische H2/H3
Kontrast
Kontrast-Checker
Fließtext mindestens 4,5:1

Je mehr Zeilen grün sind, desto eher funktioniert deine Website als digitaler Anlaufpunkt, egal wie alt oder neu sie ist. Wenn vier oder mehr Zeilen rot sind, lohnt sich ein Blick auf die 7 Anzeichen für einen Relaunch.