guss-und-antrieb.example

Die geprüfte Seite ist per robots-Meta-Angabe auf „noindex, follow“ gesetzt, und keine der 16 gecrawlten Seiten taucht in der Sitemap auf. Seiten, die Suchmaschinen nicht indexieren dürfen oder nicht in der Sitemap stehen, erscheinen schlicht nicht in den Suchergebnissen.

Lösung→Lass prüfen, ob die noindex-Einstellung wirklich gewollt ist, und sorg dafür, dass deine wichtigen Seiten in einer Sitemap gelistet sind, die in der robots.txt verlinkt wird.

Die Startseite braucht auf dem Handy rund 4,3 Sekunden, bis das Hauptbild sichtbar ist – das Ruckeln und Nachladen (Layout Shift) ist dagegen unauffällig. Suchmaschinen werten langsame Seiten ab und viele Besucher springen vorher schon ab.

Lösung→Lass dein größtes Bild im sichtbaren Bereich verkleinern und früher laden, und reduziere Skripte, die nicht sofort gebraucht werden.

16 Seiten deiner Website haben keine Meta-Beschreibung hinterlegt. Titel und Beschreibung sind deine Werbeanzeige in der Google-Suche – fehlen sie, bekommst du weniger Klicks.

Lösung→Schreibe für jede wichtige Seite eine eigene, kurze Beschreibung von etwa 120 bis 160 Zeichen, die zum Klicken einlädt.

Auf der Seite gibt es keine strukturierten Daten (sogenanntes Schema-Markup). Google muss also selbst erraten, dass [Marke] ein Unternehmen mit Produkten wie „Feinguss“, „Sandguss“ oder „Schmiede“ ist. Ohne diese Angaben verpasst du die Chance auf ansprechendere Suchergebnisse mit Zusatzinfos wie Logo oder Kontaktdaten.

Lösung→Lass deinen Entwickler grundlegende Unternehmensdaten (Name, Logo, Kontakt, Produkte) in einem maschinenlesbaren Format hinterlegen, das Google versteht.

Wenn jemand eine Seite von guss-und-antrieb.example auf WhatsApp, LinkedIn oder Facebook teilt, erscheint kein Titel, keine Beschreibung und kein Bild – es fehlen die entsprechenden Vorschau-Angaben. Links ohne Bild und Beschreibung wirken weniger vertrauenswürdig und werden seltener angeklickt.

Lösung→Lass für die wichtigsten Seiten einen Vorschautitel, eine kurze Beschreibung und ein passendes Bild hinterlegen, am besten im Format 1200 mal 630 Pixel.

Auf deiner Startseite werden Bilder nicht optimal ausgeliefert – das kostet laut Analyse etwa 130 KB an unnötiger Datenmenge, die Besucher zusätzlich laden müssen. Schwere Bilder verlangsamen jede Seite, besonders auf dem Handy mit mobilen Daten, und das kann Besucher vor dem vollständigen Laden abspringen lassen.

Lösung→Lass deine Bilder in einem modernen, platzsparenden Format (wie WebP) speichern, in der tatsächlich angezeigten Größe einbinden und Bilder weiter unten auf der Seite erst beim Scrollen nachladen.

Die Buttons „Mehr über [Marke] erfahren“ und „Karriere bei [Marke] erkunden“ zeigen weißen Text auf orangem Hintergrund mit nur 3,13:1 Kontrast, nötig wären 4,5:1. Der Button „Weiterlesen“ ist ebenfalls betroffen. Für Menschen mit eingeschränktem Sehvermögen oder bei Sonnenlicht auf dem Handy ist dieser Text kaum zu entziffern.

Lösung→Mach die Schrift auf den orangen Buttons dunkler oder wähle einen dunkleren Orangeton als Hintergrund, bis der Kontrast deutlich stärker wird.

Das Logo oben links, das zur Startseite führt, hat keinen Text, den Screenreader vorlesen können. Nutzer mit Screenreader hören bei diesem Link nur „Link“ ohne jede Information, wohin er führt.

Lösung→Gib dem Logo-Link eine unsichtbare Beschriftung wie „Zur Startseite“, damit er für alle verständlich ist.

Von 64 bedienbaren Elementen zeigen 49 keinen sichtbaren Rahmen, wenn man per Tastatur zu ihnen springt – darunter „Suche“, der Sprachumschalter „DE“ sowie die Icon-Links zu „Feinguss“ und „Sandguss“. Wer ohne Maus navigiert, sieht so nicht, wo er sich gerade auf der Seite befindet, und verliert die Orientierung.

Lösung→Sorg dafür, dass jedes klickbare Element beim Durchtabben einen gut sichtbaren Rahmen oder eine andere deutliche Markierung bekommt.

Beim Durchtabben der Seite bleibt das Logo oben links nicht in der Reihenfolge der klickbaren Elemente hängen – es lässt sich per Tastatur nicht ansteuern. Menschen, die ohne Maus surfen, kommen so nicht zur Startseite zurück und bleiben an dieser Stelle hängen.

Lösung→Lass deinen Entwickler prüfen, warum das Logo links oben beim Tabben übersprungen wird, und sorge dafür, dass es wie jeder andere Link erreichbar ist.

Auf allen 15 geprüften Seiten unterscheidet sich die Reihenfolge der Navigation von der Startseite. Wenn sich die Navigation ständig verschiebt, verlieren Besucher die Orientierung, besonders wenn sie sich auf Gedächtnis oder Hilfstechnologien wie Screenreader verlassen.

Lösung→Sorge dafür, dass das Hauptmenü auf jeder Seite in derselben Reihenfolge und an derselben Stelle erscheint.

Nach einer H2-Überschrift folgt direkt eine H5-Überschrift „Unternehmen“, ohne H3 und H4 dazwischen. Außerdem gibt es eine H3-Überschrift ohne für Screenreader sichtbaren Text. Menschen, die mit Screenreadern navigieren, springen anhand der Überschriften-Hierarchie durch die Seite – übersprungene Ebenen und leere Überschriften machen die Seite für sie schwer durchschaubar.

Lösung→Prüfe die Überschriften-Reihenfolge und schließe die Lücke zwischen H2 und der Überschrift „Unternehmen“, zum Beispiel mit einer H3 dazwischen. Ergänze außerdem sichtbaren Text bei der leeren H3.

Im Textabschnitt unter dem Bild-Text-Modul ist der Absatz etwa 168 Zeichen pro Zeile lang und sehr dünn geschrieben – das ist deutlich mehr als die empfohlenen 45 bis 75 Zeichen. Lange Zeilen und dünne Schrift ermüden beim Lesen, besonders auf dem Handy, und viele Besucher brechen dann einfach ab.

Lösung→Begrenze die Textbreite dieses Absatzes auf eine angenehme Zeilenlänge und wähle eine etwas kräftigere Schriftstärke.

Alle sieben großen Überschriften deiner Seite – etwa „Wir schaffen Lösungen - für anspruchsvolle Aufgaben.“ und „[Marke] auf einen Blick“ – haben einen zu weiten Buchstaben- und Zeilenabstand. Das lässt große Überschriften unfertig und auseinandergezogen wirken, statt kraftvoll und lesbar.

Lösung→Lass bei großen Überschriften den Buchstabenabstand etwas enger und den Zeilenabstand kompakter einstellen, damit sie wie aus einem Guss wirken.

Von den getesteten Bedienelementen reagiert nur etwa jedes sechste sofort beim Drücken. Links wie „Suche“, „Produkte“ und „Verfahren“ in der Navigation ändern sich erst, wenn du die Maustaste wieder loslässt. Verzögerte Rückmeldung lässt die Seite träge wirken, selbst wenn sie technisch schnell lädt.

Lösung→Lass deinen Entwickler prüfen, ob Buttons und Menüpunkte direkt beim Klicken sichtbar reagieren können, nicht erst danach.

Auf der Seite werden drei Schriftfamilien und acht verschiedene Schriftgrößen verwendet, von denen nur 88 Prozent sauber zueinander passen. Zu viele unterschiedliche Schriftgrößen lassen die Seite weniger durchdacht wirken und erschweren es, Überschriften von Fließtext zu unterscheiden.

Lösung→Beschränke dich auf höchstens zwei Schriftarten und definiere eine feste Reihe von sechs bis acht Größen, die bei allen Texten konsequent verwendet wird.

Nur 65 Prozent der Abstände auf der Seite orientieren sich an einem einheitlichen 4-Pixel-Raster, und Textblöcke beginnen an zehn verschiedenen linken Kanten statt an wenigen festen Linien. Uneinheitliche Abstände lassen ein Layout unbewusst unruhig wirken, auch wenn Besucher nicht genau sagen können, warum.

Lösung→Lege eine einheitliche Abstandsskala fest (zum Beispiel 8, 16, 24, 32, 48, 64 Pixel) und richte Textblöcke konsequent an denselben wenigen linken Kanten aus.

Sechs Animationen auf der Seite, etwa bei Menüpunkten der Navigation, verändern die Position über die Top-Eigenschaft statt über eine ruckelfreie Technik. Die Seite selbst springt beim Laden nicht (kein Layout-Sprung gemessen). Animationen, die Layout-Eigenschaften bewegen, laufen besonders auf günstigeren Smartphones oft stockend statt flüssig.

Lösung→Lass die Navigationsanimationen technisch so umbauen, dass sie Elemente verschieben, statt ihre Position über das Layout zu ändern.

Die Sätze auf der Seite sind im Schnitt 34 Wörter lang, und der Lesbarkeitswert (Amstad) liegt deutlich im negativen Bereich statt bei den angestrebten mindestens 60 Punkten. Lange, verschachtelte Sätze kosten dich Leser, selbst Fachpublikum liest auf dem Handy lieber kurze, klare Sätze.

Lösung→Teile lange Sätze in kürzere auf, nutze einfachere Wörter statt Fachbegriffe und schreibe aktiv statt passiv. Erkläre Fachbegriffe beim ersten Auftreten.

Auf deiner Startseite kommt „wir“ 13-mal vor, „du“ beziehungsweise „dein“ nur 9-mal. Besucher interessieren sich zuerst für ihr eigenes Anliegen, nicht für dein Unternehmen – zu viel „wir“ lässt den Text firmenzentriert wirken.

Lösung→Formuliere zentrale Abschnitte stärker aus Sicht deiner Besucher: Beginne mit dem, was sie bekommen, und erst danach, was ihr dafür tut.

Der Link „Weiterlesen“ in einem Artikel im Newsbereich beschreibt nicht, worum es im verlinkten Inhalt geht. Vage Linktexte wie „Weiterlesen“ lassen Besucher zögern, weil sie nicht wissen, was sie erwartet.

Lösung→Ersetze „Weiterlesen“ durch einen konkreten Text, der sagt, was im Artikel steht, zum Beispiel den Titel der Meldung.

Dieser schnelle, automatische Check hat 24 Zielseiten gefunden, die unter unterschiedlichen Namen verlinkt sind. Zum Beispiel taucht „Suche“ 15-mal auf, aber auch als „Suche current“ oder „DE“ für dieselbe Funktion, und „Produkte“ führt an 30 Stellen zum gleichen Ziel, einmal aber heißt der Link „Produkte und Verfahren“. Auch bei „Gussteile“, „Alles über [Marke]-Gussteile“ und den Schmiede-Unterseiten wechseln die Bezeichnungen ständig. Wenn derselbe Klick mal „Suche“, mal „DE“ heißt, verliert dein Besucher das Vertrauen in die Navigation und klickt unsicherer.

Lösung→Leg für jede Seite genau einen Namen fest und verwende ihn überall – im Menü, in Buttons und in der Fußzeile. Räum doppelte oder wechselnde Bezeichnungen aus den oben genannten Bereichen auf.

Auf dem Handy muss man erst gut drei Bildschirmlängen scrollen, bevor der erste auffällige Button („Akzeptieren“ im Cookie-Hinweis) erscheint, und das Menü-Symbol oben rechts sowie die Cookie-Buttons „Ablehnen“ und „Akzeptieren“ sind mit 34 bis 42 Pixel etwas kleiner als empfohlen. Die meisten Besucher kommen über das Handy, und zu kleine oder zu weit entfernte Tasten machen die mobile Seite mühsamer zu bedienen.

Lösung→Vergrößere die wichtigsten Buttons auf mindestens 44 Pixel Höhe, vor allem das Menü-Symbol und die Cookie-Buttons, und bring die wichtigste Handlung weiter nach oben.

Die Navigation markiert zwar auf allen 15 Seiten zuverlässig, wo man sich befindet, aber auf den 14 tieferen Seiten wie etwa unter „Produkte“ > „Gussteile“ fehlt eine Brotkrümelnavigation, die den Weg zurück zeigt. Wer über eine Suche oder einen geteilten Link direkt auf einer tiefen Seite landet, kann so schwerer nachvollziehen, wo er sich befindet und wie er zurückfindet.

Lösung→Ergänze auf den tieferen Produktseiten eine kleine Pfadanzeige oben auf der Seite, die zeigt, über welche Kategorien man dorthin gelangt ist.

Die Startseite lädt auf dem Handy 7,9 Megabyte an Daten und braucht 4,3 Sekunden, bis das Hauptbild erscheint – beides deutlich über dem, was für eine gute mobile Erfahrung empfohlen wird. Auf dem Handy kostet jede zusätzliche Sekunde Ladezeit potenzielle Anfragen und Kunden.

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