reha-zentren.example

Im Textblock unter der Einleitung sind die Zeilen mit rund 80 Zeichen zu lang und der Zeilenabstand mit 1,75 recht großzügig – beides zusammen macht das Lesen auf Dauer mühsam. Lange Zeilen und viel Abstand lassen Augen beim Lesen leicht die Zeile verlieren, besonders am Handy.

Lösung→Begrenze die Textspalte auf etwa 65 bis 75 Zeichen pro Zeile und reduziere den Zeilenabstand etwas, damit Absätze kompakter wirken.

Auf deiner Seite zähle ich 24 Buttons in 7 unterschiedlichen Stilen, etwa der rote Pill-Button „> Jetzt [Marke] finden“ und der grüne „> mehr Info“ im Info-Banner. Wenn Buttons immer unterschiedlich aussehen, wissen Besucher nicht mehr, was anklickbar ist und welche Aktion gerade wichtig ist.

Lösung→Einige dich auf drei Button-Stile: einen Haupt-Button für die wichtigste Aktion, einen zweiten für weniger wichtige und einen schlichten Text-Link. Verwende diese dann überall einheitlich, auch für „Jetzt [Marke] finden“ und „mehr Info“.

Keiner der getesteten Klickbereiche zeigt beim Drücken sofort eine Reaktion, darunter das Banner „30 Jahre [Marke] – Jetzt mitfeiern und gewinnen!“, das Logo oben links sowie die Menüpunkte „Angebot [Marke] Gruppe“ und „Antrag & Info“. Wenn sich nichts sofort tut, wirkt die Seite zäh, selbst wenn sie technisch schnell ist.

Lösung→Lass deinen Entwickler bei Buttons und Links einen sichtbaren Druckzustand einbauen, der sofort beim Antippen erscheint statt erst beim Loslassen.

Deine Seite nutzt zehn verschiedene Schriftgrößen bei nur einer Schriftart (Roboto), von denen 90 Prozent auf ein stimmiges Größenraster passen – die restlichen zehn Prozent fallen aus dem Muster. Zu viele Textgrößen lassen eine Seite ungeplant wirken und verwischen den Unterschied zwischen Überschrift und Fließtext.

Lösung→Einige eurer Textgrößen wie Zwischenüberschriften lassen sich wahrscheinlich zu einer gemeinsamen Größe zusammenfassen – sprich das mit deinem Entwickler ab.

Auf deiner Seite liegen nur 57 Prozent der Abstände auf einem einheitlichen Raster, und Textblöcke beginnen an 16 verschiedenen linken Kanten statt an wenigen festen Linien. Uneinheitliche Abstände lassen eine Seite unbewusst unruhig wirken, auch wenn Besucher nicht benennen können, warum.

Lösung→Legt gemeinsam mit eurem Entwickler ein festes Abstandsraster fest (zum Beispiel Schritte von 8, 16, 24, 32 Pixel) und richtet Texte an möglichst wenigen linken Kanten aus.

Die Links „> mehr Info“ und „> Anträge & Infos“ auf der Startseite haben einen zugänglichen Namen, der den sichtbaren Text nicht enthält – Screenreader-Nutzer hören etwas anderes als das, was auf dem Bildschirm steht. Wenn der vorgelesene Name nicht zum sichtbaren Linktext passt, wissen Nutzer von Screenreadern nicht, worauf sie klicken.

Lösung→Lass die beiden Links so beschriften, dass der vorgelesene Name genau den sichtbaren Text „mehr Info“ beziehungsweise „Anträge & Infos“ enthält.

Ein Element auf der Startseite – vermutlich der Bilder-Slider – wechselt automatisch alle paar Sekunden (4 Mal in 6 Sekunden), ohne dass man es anhalten kann. Automatisch wechselnde Inhalte können Menschen mit Konzentrations- oder Gleichgewichtsproblemen stören oder ablenken.

Lösung→Füge dem Karussell einen sichtbaren Pause-Knopf hinzu und stoppe die automatische Bewegung, wenn Besucher reduzierte Bewegung in ihren Geräteeinstellungen aktiviert haben.

Beim Durchtabben der Seite bleiben 40 interaktive Elemente unerreichbar, darunter der Banner-Link „30 Jahre [Marke] – Jetzt mitfeiern und gewinnen!“ oben auf der Seite. Menschen, die keine Maus nutzen können, kommen an diese Inhalte und Funktionen gar nicht erst heran.

Lösung→Lass prüfen, welche Buttons und Links beim Tabben übersprungen werden, und sorge dafür, dass sie sich wie normale Links und Buttons per Tastatur ansteuern lassen – allen voran der Jubiläums-Banner.

Die Seite hat zwar genau eine Hauptüberschrift „Ambulante Reha Klinik - Therapie nah am Menschen“, aber keinen ausgezeichneten Hauptinhaltsbereich, zu dem Screenreader-Nutzer direkt springen können. Ohne diese Orientierungspunkte müssen Nutzer von Screenreadern sich durch die ganze Seite von oben nach unten durcharbeiten, statt direkt zum Inhalt zu springen.

Lösung→Lass deinen Entwickler den Hauptinhalt der Seite als eigenen Bereich kennzeichnen, damit Screenreader-Nutzer ihn direkt ansteuern können.

Auf deiner Seite sind sechs anklickbare Elemente kleiner als empfohlen, darunter der Such-Button im Kopfbereich und die kleinen Punkte unter dem Bildkarussell (nur 8×8 Pixel groß). Zu kleine Klickflächen sind auf dem Handy schwer zu treffen, besonders für Menschen mit eingeschränkter Feinmotorik.

Lösung→Vergrößere den Such-Button und die Karussell-Punkte auf mindestens 24×24 Pixel, oder sorge für mehr Abstand drumherum.

Mehrere Felder in eurem Kontaktformular, etwa „Vorname“, „Ihre Angabe auswählen“ und das Suchfeld, haben keine sichtbare Beschriftung, sondern nur einen versteckten Hinweis für Screenreader. Zusätzlich fehlt bei vier Feldern mit persönlichen Daten die Autovervollständigung. Wer einen Screenreader oder die Tastatur nutzt, kann dadurch schwerer erkennen, was in ein Feld gehört, und verliert leicht die Lust, das Formular auszufüllen.

Lösung→Lass sichtbare Beschriftungen über oder neben jedem Feld einblenden, markiere Pflichtfelder im Text, und aktiviere für Felder wie Vorname oder E-Mail die automatische Vervollständigung des Browsers.

Auf dem Handy dauert es laut Labordaten rund 4,6 Sekunden, bis der größte sichtbare Inhalt der Startseite erscheint – Ziel wären unter 2,5 Sekunden. Positiv: Es gibt keine störenden Sprünge im Layout. Besucher, die lange auf das Laden warten, springen eher ab, und Suchmaschinen bewerten langsame Seiten schlechter.

Lösung→Lass das größte Bild oder den obersten Bereich der Startseite verkleinern und früher laden lassen, damit Besucher schneller etwas sehen.

Deine Seite enthält keine strukturierten Daten (JSON-LD), also keine maschinenlesbaren Angaben dazu, dass [Marke] eine Reha-Klinik ist. Ohne diese Angaben können Suchmaschinen euer Angebot schlechter einordnen und zeigen eure Seite seltener mit hilfreichen Zusatzinfos in den Suchergebnissen.

Lösung→Lass deinen Entwickler strukturierte Daten für eure Klinik mit Name, Logo, Adresse und Kontaktdaten einbauen.

Wenn jemand eure Seite auf WhatsApp, Facebook oder LinkedIn teilt, erscheint kein Titel, keine Beschreibung und kein Bild, weil die entsprechenden Vorschau-Angaben fehlen. Links ohne Vorschaubild und Beschreibung werden deutlich seltener angeklickt.

Lösung→Lass deinen Entwickler Titel, Beschreibung und ein Vorschaubild für die wichtigsten Seiten hinterlegen und das Ergebnis mit einem Link-Vorschau-Tool prüfen.

Die Bilder auf deiner Seite sind größer als nötig; eine Optimierung könnte laut Messung rund 676 KB einsparen. Schwere Bilder verlangsamen jede Seite, besonders auf dem Handy mit mobiler Verbindung.

Lösung→Lass Bilder in modernen, komprimierten Formaten ausliefern, in der tatsächlich angezeigten Größe, und sorge dafür, dass Bilder weiter unten auf der Seite erst beim Scrollen nachladen.

Auf der Startseite steht „wir“ 21-mal, aber „du/dein“ beziehungsweise „Sie/Ihr“ nur 15-mal. Besucher interessieren sich zuerst für ihre eigene Situation, nicht für euer Unternehmen, und zu viel „wir“ lässt den Text selbstbezogen wirken.

Lösung→Formuliere zentrale Abschnitte, etwa unter Überschriften wie „Mehrwöchige Therapie für jede Lebenslage“ oder „Besondere Umstände erfordern spezielle Therapie“, stärker aus Sicht der Patientinnen und Patienten um. Starte Sätze mit dem, was sie bekommen, statt mit dem, was ihr tut.

Die Texte auf deiner Seite, etwa rund um Überschriften wie „Ambulante Reha Klinik - Therapie nah am Menschen“, sind nach dem Lesbarkeits-Index recht anspruchsvoll formuliert (Amstad-Wert 28 von angestrebten 60). Schwer verständliche Sätze kosten dich Leser, selbst wenn sie fachlich interessiert sind, besonders unterwegs auf dem Handy.

Lösung→Kürze lange Sätze, ersetze Fachbegriffe durch Alltagssprache und erkläre Fachwörter wie „Long COVID“ oder „Reha-Sprechstunde“ beim ersten Auftauchen kurz.

Auf dem Handy braucht das größte sichtbare Element deiner Startseite rund 4,6 Sekunden, bis es erscheint, und die Seite überträgt dabei etwa 4,8 Megabyte. Jede zusätzliche Sekunde Ladezeit auf dem Handy kostet dich Besucher, die vorher abspringen.

Lösung→Lass große Bilder komprimieren und erst beim Scrollen nachladen. Prüfe mit deinem Entwickler, welche Skripte und Schriftarten sich entfernen lassen, um die Seite insgesamt unter 2 Megabyte zu bringen.

Auf der Seite ist kein Analyse-Tool eingebunden, es gibt also keine Möglichkeit nachzuvollziehen, wie oft Besucher Aktionen wie eine Terminanfrage oder einen Download auslösen. Ohne Messung lässt sich nicht erkennen, welche Änderungen wirklich helfen – Verbesserungen bleiben Rätselraten.

Lösung→Richte ein datenschutzfreundliches Analyse-Tool ein und definiere eure wichtigsten Aktionen, etwa Klicks auf „Jetzt [Marke] finden“, als messbare Ziele.

Dein Kontaktformular verlangt 8 Felder, darunter „Ihre Angabe auswählen“, „Vorname“, „Nachname“, „E-Mail-Adresse“ und „Ihre Nachricht“. Keines davon öffnet auf dem Handy die passende Tastatur, etwa eine E-Mail- oder Zifferntastatur. Jedes zusätzliche Feld senkt die Wahrscheinlichkeit, dass jemand das Formular fertig ausfüllt, und falsche Tastaturen machen das Eintippen unnötig mühsam.

Lösung→Reduziere das Formular auf die wirklich notwendigen Angaben (idealerweise fünf oder weniger), kennzeichne optionale Felder deutlich, und sorge dafür, dass E-Mail- und Telefonfelder die richtige Tastatur auf dem Handy öffnen.

Auf manchen Seiten fehlt im Kopfbereich ein Link, der zurück zur Startseite führt, und die Navigation zeigt nirgends an, auf welcher Seite man sich gerade befindet. Besucher, die über eine Suche oder einen geteilten Link auf einer Unterseite landen, wissen dann nicht, wo sie sind oder wie sie zurückfinden.

Lösung→Verlinke dein Logo oben auf jeder Seite fest zur Startseite. Hebe zusätzlich in der Navigation hervor, welcher Menüpunkt gerade aktiv ist.

Ein Bereich mit einem Swiper-Karussell wechselt den Inhalt 4-mal innerhalb von 6 Sekunden, ohne dass jemand etwas anklickt. Inhalte, die sich selbst weiterschalten, lesen sich langsamer als sie wechseln und nehmen Besuchern die Kontrolle über das Tempo.

Lösung→Baue eine Pause-Taste für das Karussell ein oder stoppe es, sobald jemand mit der Maus darüberfährt oder es antippt. Prüfe außerdem, ob sich alle Pop-ups per Kreuz, Escape-Taste und Klick daneben schließen lassen.

Auf dem Handy ist der Menü-Button oben rechts nur 22 Pixel hoch und der Button „Jetzt [Marke] finden“ nur 35 Pixel hoch – beide liegen unter der empfohlenen Mindestgröße für Fingerbedienung. Die meisten Besucher nutzen euer Handy-Angebot, und zu kleine Buttons machen die mobile Seite umständlicher als die Desktop-Version.

Lösung→Vergrößere den Menü-Button und den Button „Jetzt [Marke] finden“ auf mindestens 44 Pixel Höhe.