elektrotechnik-gruppe.example

Die Menüpunkte „LEISTUNGEN“, „REFERENZEN“ und „AKTUELLES“ sind in einem Rot auf weißem Hintergrund gesetzt, das mit 4,49:1 knapp unter dem nötigen Kontrast liegt. Insgesamt betrifft das 38 Elemente auf der Seite. Schwacher Kontrast erschwert das Lesen für Menschen mit Sehschwäche, ältere Besucher und alle, die bei Sonnenlicht aufs Handy schauen.

Lösung→Dunkle das Rot der Menüpunkte minimal ab, bis es sich deutlich vom weißen Hintergrund abhebt. Prüfe anschließend auch die anderen betroffenen Texte auf der Seite.

Mehrere Bedienelemente, darunter ein Pfeil-Button links und rechts im Bildkarussell sowie ein Social-Media-Link im Footer, haben keinen Text, den ein Screenreader vorlesen kann. Insgesamt betrifft das 7 Steuerelemente. Screenreader-Nutzer hören bei diesen Elementen nur „Button“, ohne zu erfahren, was er tut.

Lösung→Gib jedem Icon-Button und jedem Social-Media-Link im Footer eine kurze, beschreibende Bezeichnung wie „Vorheriges Bild“ oder „Zu Facebook“.

Das Bilderkarussell im Kopfbereich der Seite wechselt automatisch alle paar Sekunden (4 Wechsel in 6 Sekunden), ohne dass Besucher es anhalten können. Ständig wechselnde Inhalte können schwindlig machen oder die Konzentration stören, besonders für Menschen mit Aufmerksamkeits- oder Gleichgewichtsproblemen.

Lösung→Füge dem Karussell im Kopfbereich eine Pause-Taste hinzu, oder stoppe es automatisch, wenn Besucher eine Einstellung für reduzierte Bewegung aktiviert haben.

Springt man per Tabulatortaste durch die Seite, zeigen 34 von 47 Stopps keine sichtbare Markierung, etwa beim Logo oben links sowie bei den Menüpunkten „AKTUELLES“ und „KARRIERE“. Wer ohne Maus navigiert, muss sehen können, wo der Fokus gerade ist, sonst tastet er sich blind durch die Seite.

Lösung→Lass bei jedem anklickbaren Element eine deutlich sichtbare Umrandung erscheinen, sobald es per Tastatur angesteuert wird, etwa beim Logo und bei den Menüpunkten.

Auf der Seite gibt es keine einzige Hauptüberschrift (h1), stattdessen starten die Abschnitte direkt mit Zwischenüberschriften wie „MITARBEITER“, „STANDORTE“ oder „Referenzen“. Screenreader-Nutzer springen über Überschriften durch eine Seite, ohne Hauptüberschrift fehlt ihnen der Einstiegspunkt.

Lösung→Ergänze eine einzige, zentrale Hauptüberschrift für die Seite, zum Beispiel mit dem Firmennamen oder dem zentralen Leistungsversprechen, und ordne die bestehenden Überschriften sinnvoll darunter.

Wer die Seite nur mit der Tastatur bedient, hat keine Möglichkeit, das Menü oben zu überspringen und direkt zum Inhalt zu springen – es fehlt ein „Zum Inhalt springen“-Link. Besucher, die keine Maus nutzen können, müssen sich sonst bei jeder Seite erst durch das komplette Menü tabben.

Lösung→Lass deinen Entwickler einen unsichtbaren „Zum Inhalt springen“-Link ganz oben auf der Seite einbauen, der beim Tabben sichtbar wird.

Die Reihenfolge der Menüpunkte unterscheidet sich auf allen 15 geprüften Seiten von der Startseite. Wenn sich das Menü von Seite zu Seite ändert, verlieren besonders Nutzer von Hilfstechnologien oder wer sich die Position merkt die Orientierung.

Lösung→Sorge dafür, dass das Hauptmenü mit den gleichen Punkten in der gleichen Reihenfolge auf jeder Unterseite erscheint.

Deine Startseite braucht auf dem Handy etwa 17,9 Sekunden, bis das größte sichtbare Element (vermutlich dein Hauptbild) überhaupt erscheint. Zum Vergleich: Unter 2,5 Sekunden gilt als gut. Bevor die Seite überhaupt geladen ist, haben viele Besucher schon wieder abgebrochen, und auch bei Google wirkt sich das negativ auf dein Ranking aus.

Lösung→Lass dein Hauptbild verkleinern und so einbinden, dass es sofort lädt. Prüfe außerdem, ob unnötige Skripte oder Plugins die Seite ausbremsen.

Der Titel deiner Startseite „[Marke] | Familienunternehmen | Installations- und Gebäudetechnik - [Marke]“ ist mit 93 Zeichen deutlich zu lang, und 13 Seiten haben gar keine Meta-Beschreibung. Titel und Beschreibung sind deine Werbeanzeige in den Suchergebnissen – fehlen oder passen sie nicht, klicken weniger Leute.

Lösung→Kürze den Startseiten-Titel auf das Wichtigste (Thema zuerst, Firmenname am Ende, unter 60 Zeichen) und schreibe für jede Seite eine eigene, einladende Beschreibung mit 120 bis 160 Zeichen.

Auf der Website wurden keinerlei strukturierte Daten (JSON-LD) gefunden – Suchmaschinen müssen also raten, dass ihr ein Elektrofachbetrieb mit mehreren Standorten seid. Strukturierte Daten helfen Google, dein Unternehmen richtig einzuordnen, und können zu auffälligeren Suchergebnissen führen.

Lösung→Lass deinen Dienstleister grundlegende Unternehmensdaten wie Name, Logo, Adresse und Kontakt in einem maschinenlesbaren Format hinterlegen, passend zu einem lokalen Handwerksbetrieb.

Wenn jemand eure Seite bei WhatsApp, Facebook oder LinkedIn teilt, erscheint keine Vorschau – es fehlen die entsprechenden og:title-, og:description- und og:image-Angaben. Links ohne Bild und Beschreibung wirken unauffällig und werden seltener angeklickt.

Lösung→Lass für die wichtigsten Seiten ein Vorschaubild sowie einen Titel und eine kurze Beschreibung für das Teilen in sozialen Netzwerken einrichten.

Deine Bilder sind unnötig groß – etwa 1,7 MB ließen sich einsparen – und es fehlen feste Breiten- und Höhenangaben für Bildelemente. Schwere Bilder verlangsamen jeden Seitenaufruf, besonders bei mobilen Besuchern mit langsamerer Verbindung.

Lösung→Lass deine Bilder in einem modernen, kleineren Format speichern (zum Beispiel WebP) und in der passenden Größe einbinden.

Deine Sätze sind im Schnitt 21 Wörter lang, und der Lesbarkeitswert (Amstad) liegt bei nur 20 von 100 – das macht den Text anstrengend zu lesen, auch für Fachleute auf dem Handy. Wer deine Texte nicht auf Anhieb versteht, liest nicht weiter und ruft eher nicht an.

Lösung→Kürze lange Sätze, schreibe aktiv statt passiv, und erkläre Fachbegriffe beim ersten Auftauchen kurz.

Im Textabschnitt zu Gebäudeautomatisierung verlinkst du mit dem Wort „HIER“ auf eure Referenzen – der Linktext selbst verrät nicht, was Besucher dort erwartet. Ein Linktext ohne erkennbares Ziel lässt Besucher zögern und senkt die Chance, dass sie klicken.

Lösung→Ersetze „HIER“ durch einen Linktext, der das Ziel beschreibt, zum Beispiel „Unsere Referenzen zur Gebäudeautomatisierung ansehen“.

Die großen Zahlen bei „1060“, „13“ und „630“ (vermutlich deine Kennzahlen-Anzeige) haben einen ungewöhnlich großen Zeilenabstand im Verhältnis zur Schriftgröße, wodurch sie etwas auseinandergezogen wirken. Große Überschriften mit zu viel Luft zwischen den Zeilen wirken unfertig und weniger professionell.

Lösung→Lass den Zeilenabstand dieser großen Zahlen von deinem Entwickler etwas verringern, damit sie kompakter wirken.

Wenn du im Startbereich mit der Maus über die Bilder im Karussell fährst, dauert die Bewegung 600 Millisekunden – das ist spürbar langsamer als es sich gut anfühlt. Zu langsame Übergänge lassen deine Seite behäbig wirken, obwohl sie technisch schnell ist.

Lösung→Lass deinen Dienstleister die Dauer der Hover-Animation im Bilderkarussell auf der Startseite verkürzen, damit sie flott statt zäh wirkt.

Nur 58 Prozent der Abstände auf deiner Seite folgen einem einheitlichen Raster, und Textblöcke beginnen an sechs verschiedenen linken Kanten statt an wenigen festen Linien. Uneinheitliche Abstände lassen eine Seite unbewusst unruhig oder weniger professionell wirken, auch wenn Besucher den Grund nicht benennen können.

Lösung→Lege ein einheitliches Abstandsraster fest (zum Beispiel Vielfache von 8 Pixel) und richte Überschriften sowie Textblöcke an denselben linken Linien aus.

Deine Startseite überträgt auf dem Handy 5,9 MB an Daten und braucht rund 17,9 Sekunden, bis das Hauptbild zu sehen ist – beides deutlich über dem empfohlenen Rahmen. Gerade auf dem Handy springt ein großer Teil der Besucher ab, bevor die Seite fertig geladen ist, und das kostet dich Anfragen.

Lösung→Lass Bilder verkleinern und komprimieren, nicht benötigte Skripte und Schriftarten entfernen, und Inhalte unterhalb des sichtbaren Bereichs erst bei Bedarf nachladen.

Auf deiner Seite ist kein Analyse-Tool eingebunden, und wichtige Klicks wie auf „Alles aus einer Hand!“ werden nirgends erfasst. Ohne Zahlen weißt du nicht, welche Änderungen an deiner Seite tatsächlich mehr Anfragen bringen.

Lösung→Richte ein datenschutzfreundliches Analyse-Tool ein und lege fest, welche Klicks (zum Beispiel auf Kontakt- oder Angebotsbuttons) als Erfolg gezählt werden sollen.

Der Link „elektrotechnik“ taucht 32-mal auf, führt aber nicht immer zur gleichen Stelle, und ähnliche Abweichungen gibt es bei „brandmeldeanlagen“, „telefontechnik“ und „gebäudeautomatisierung“. Insgesamt wurden 15 Seiten gefunden, die unter unterschiedlichen Namen erreichbar sind. Wenn ein Linktext nicht zuverlässig zum selben Ziel führt, verlieren Besucher das Vertrauen in deine Navigation und klicken unsicherer.

Lösung→Leg für jede Seite genau einen Namen fest und verwende ihn überall gleich, egal ob im Menü, im Text oder im Footer. Räum dafür die abweichenden Varianten aus den Leistungsseiten auf.

Der Bilderslider ganz oben auf der Startseite wechselt automatisch vier Mal in sechs Sekunden, ohne dass erkennbar ist, ob Besucher ihn anhalten können. Wer gerade liest, wird vom automatischen Wechsel unterbrochen, bevor er fertig ist – das nimmt Besuchern die Kontrolle über das Lesetempo.

Lösung→Füge dem Slider eine Pause-Taste hinzu oder verlangsame ihn deutlich, damit Besucher genug Zeit zum Lesen haben.

Auf dem Handy liegt der Button „Alles aus einer Hand!“ erst ganz am Anfang des Bildschirms, ist aber mit rund 41 Pixel Höhe knapp zu klein zum Tippen. Auch der Menü-Button oben rechts ist mit 40 Pixel etwas unter der empfohlenen Größe. Die meisten Besucher kommen über das Handy, und zu kleine Buttons machen die mobile Seite umständlich und wirken weniger vertrauenswürdig.

Lösung→Vergrößere den Hauptbutton und das Menüsymbol auf mindestens 44 Pixel Höhe, damit sie sich leicht antippen lassen.