Heutzutage erfolgt mehr als 80 % des Internetverkehrs über mobile Geräte. Wenn Ihre Website auf Telefonen verrutscht, Bilder überlaufen oder Buttons nicht anklickbar sind, verlieren Sie den Großteil Ihrer potenziellen Kunden, bevor diese Ihre Seite überhaupt betreten haben. Was sind die Hauptgründe für diese Fehler?
1. Fehlendes Responsive Design Websites der alten Generation wurden für feste Breiten entworfen. Eine moderne Seite muss sich jedoch der Bildschirmgröße anpassen. Wenn Ihre Seite auf dem Telefon in der „Desktop-Ansicht“ öffnet und Sie zoomen müssen, ist Ihre responsive Struktur fehlerhaft oder gar nicht vorhanden.
2. Fehler bei der Bildskalierung Hochauflösende und große Bilder, die für Desktop-Computer hochgeladen wurden, können auf mobilen Bildschirmen über den Rahmen hinausragen. Wenn Bilder nicht nach der CSS-Regel „max-width: 100%“ optimiert sind, ist dies der häufigste Fehler, der dazu führt, dass die Seite nach links oder rechts verschiebt.
3. Zu kleine Touch-Ziele Eine Computermaus ist sehr präzise, ein menschlicher Finger jedoch nicht. Menülinks, die zu nah beieinander liegen, oder zu kleine Buttons werden für mobile Nutzer zur Qual. Google markiert dies als Fehler „Touch-Elemente liegen zu nah beieinander“ und senkt Ihr Ranking.
4. Flash und nicht unterstützte Software Wenn Ihre Website noch Flash-Elemente oder alte JavaScript-Bibliotheken enthält, die von mobilen Browsern nicht unterstützt werden, erscheinen diese Bereiche auf Telefonen nur als „leere Box“ oder als „X“-Zeichen. Das moderne Web basiert heute vollständig auf HTML5.
5. Falsche Viewport-Einstellungen Wenn im Code Ihrer Website kein Meta-Tag (Viewport) vorhanden ist, der dem Browser mitteilt: „Die Breite dieses Bildschirms entspricht der Breite des Geräts“, weiß das Telefon nicht, wie es Ihre Seite skalieren soll. Dies ist eine einfache Codezeile, aber ihr Fehlen ruiniert das gesamte Design.
