Erstellen Sie eine Webseite Das funktioniert gut auf dem Handy ist nicht einfach, aber es ist eine mögliche Aufgabe. Solange Sie Ihre Website vor dem Einreichen überprüfen, gibt es keinen Grund, warum mobile Benutzer keine großartige Erfahrung machen sollten. Sie fragen sich jedoch vielleicht, welche Elemente Ihre Aufmerksamkeit am meisten erfordern.
In diesem Tutorial stellen wir Ihnen eine einfache Liste von Kriterien zur Verfügung, die Ihre Website erfüllen sollte. In diesem Fall haben Ihre Benutzer wahrscheinlich eine großartige mobile Erfahrung. Wenn nicht, erfahren Sie, wie Sie Änderungen vornehmen können. Beginnen wir mit Punkt Nummer eins!
1 - Testen Sie Ihre Website mit mehreren Auflösungen
Eines der wichtigsten Dinge bei mobilen Websites ist, dass Ihre Website nicht als verkleinerte Version der Desktop-Version erscheinen sollte. Dies bedeutet, dass jedes Ihrer Elemente nach mehreren Auflösungen Ausschau halten sollte.
Wenn andererseits keines Ihrer Elemente auf Mobilgeräten gut angezeigt wird, kann sich dies negativ auf Ihre Absprungrate auswirken. Das Schlaue, was Sie tun können, ist, Ihre zu testen Website vorher auf mehreren Auflösungen und schau ob alles richtig angezeigt wird.
Glücklicherweise ist dieser Vorgang nicht so kompliziert, wie es sich anhört, und Sie müssen dafür nicht mehrere Geräte besitzen. Es gibt viele Dienste, mit denen Sie alles schnell testen können Website auf verschiedenen Auflösungen, wie z.
Chrome Dev-Tools : Diese integrierte Chrome-Browserfunktion enthält eine Gerätesymbolleiste, mit der Sie Ihre Website mit mehreren Auflösungen testen können.
Dienstleistungen wie Screenfly et BrowserStack : Mit diesen Diensten von Drittanbietern können Sie Ihre Website auf einer viel größeren Anzahl von Auflösungen testen.
Alle Tools, die wir erwähnt haben, sind kostenlos, daher sollte das Budget kein Problem sein und es gibt keine Entschuldigung, diesen Schritt zu überspringen!
2 - Stellen Sie sicher, dass Ihre Menüs und Ihre Navigation auf kleineren Bildschirmen angezeigt werden
In den meisten Fällen sind Menüs das primäre Navigationsmittel für Ihr Besucher. Wenn Ihre Links bei kleineren Auflösungen schwer anzuklicken oder zu lesen sind, wirkt sich dies auf die Benutzerfreundlichkeit aus. Darüber hinaus möchten Sie auch, dass alle Ihre Menüpunkte leicht zugänglich sind, unabhängig davon, welches Gerät Sie zum Navigieren verwenden.
In diesem Sinne sollten Sie einige Schritte unternehmen, um sicherzustellen, dass Sie nichts verpassen, wenn Sie Ihre mobilen Menüs testen möchten:
- Überprüfen Sie, ob alle Menüpunkte sichtbar sind.
- Stellen Sie sicher, dass jeder Link ausgerichtet und die Untermenüs verschachtelt sind.
- Überprüfen Sie, ob Sie jeden Menüpunkt lesen können, und klicken Sie darauf.
Die meisten modernen WordPress-Themes erstellen automatisch ansprechende Menüs für Sie. Wenn Sie Probleme mit diesem Aspekt auf Ihrer Website haben, sollten Sie das Thema ändern.
3 - Überprüfen Sie, ob Ihre Bilder bei kleinen Auflösungen gut sind
Bilder sind ein zentraler Bestandteil von allem Website, aber manchmal haben Ihre Grafiken möglicherweise nicht die beste Auflösung. Wenn Ihr Logo beispielsweise nicht lesbar ist, wenn jemand mobil auf Ihre Website zugreift, wirkt sich dies deutlich auf Ihr Markenimage aus.
In den meisten Fällen sind die Menschen eher besorgt darüber, ihre Bilder zu „verzerren“, aber auch die Skalierung kann ein Problem sein. Möglicherweise werden nicht alle Bilder so skaliert, dass sie für jede Auflösung perfekt sind. Sie können jedoch Maßnahmen ergreifen, um das Problem zu verringern:
Konzentrieren Sie Ihre Bemühungen auf wichtige Bilder zu Ihrer Marke.
Suchen Sie nach skalierbaren Alternativen zu gängigen Bildtypen wie SVGs.
Entscheiden Sie sich nach Möglichkeit für besser zugeschnittene Bilder, damit diese bei kleineren Größen besser passen.
Solange Sie diese Tipps beachten, sollten Sie bereit sein, loszulegen. Denken Sie daran, dass Sie bei sehr komplexen Bildern wie Computergrafiken diese möglicherweise bei niedrigen Auflösungen nicht vollständig skalieren können.
4 - Testen Sie Ihre Inhalte auf Lesbarkeit
Ein Aspekt, der die Benutzerfreundlichkeit mobiler Geräte am meisten beeinflusst, ist die Lesbarkeit. Wenn Sie mit einem kleineren Formfaktor arbeiten, müssen Sie dies kompensieren, indem Sie sicherstellen, dass Ihr Text trotz der geringen Größe der Bildschirme weiterhin angezeigt wird, anstatt nur die Schriftart zu verringern. Das Ziel hier ist einfach: Ihre Benutzer sollten nicht zoomen müssen, um Ihre Inhalte zu lesen. Immerhin ist dies das perfekte Rezept, um einen Benutzer zu ärgern.
Zum Glück ist die Lesbarkeit ein Aspekt, der relativ einfach zu behandeln ist:
- Wählen Sie eine Basisschriftart, die für den Inhalt gut lesbar ist.
- Verwenden Sie nach Möglichkeit Untertitel, um Ihren Inhalt in leicht lesbare Abschnitte zu unterteilen.
- Wählen Sie ein Thema, mit dem Sie mehr Kontrolle darüber haben, wie Ihr Text angezeigt wird.
In Bezug auf unseren letzten Punkt sollten Ihnen viele moderne Themen die Option bieten, die Sie suchen.
Das ist alles für diese Tipps. Ich hoffe, sie helfen Ihnen dabei, Ihre Blogs für Mobilgeräte besser zu optimieren. Wenn Sie Fragen haben, zögern Sie nicht, sie zu stellen.
