So stellen Sie sicher, dass Ihre Website auf allen Geräten gut aussieht

Noch vor 10 Jahren mussten sich Webmaster nicht darum kümmern, mehrere Versionen einer Website für die Anzeige auf verschiedenen Plattformen zu erstellen. Verbraucher nutzten Desktop- oder Laptop-Computer zu Hause oder im Büro, um Produkte zu recherchieren, Urlaub zu buchen und die neuesten Nachrichten zu lesen. Obwohl die Bildschirme unterschiedlich groß waren, präsentierten sie den Verbrauchern Informationen in denselben Designmustern, und es herrschte ein Gefühl der Vorhersehbarkeit, das die Arbeit ein wenig erleichterte.

Heutzutage greifen Verbraucher über Desktops, Laptops, Smartphones, Tablets, E-Reader und Spielekonsolen auf das Internet zu. Diese Geräte verwenden verschiedene Verbindungsgeschwindigkeiten, sind in zahlreichen Bildschirmgrößen und unterschiedlichen Auflösungen erhältlich und bieten Verarbeitungsgeschwindigkeiten, die in Bezug auf die Reaktionszeit von Schildkröte bis Hase reichen. Wie können Sie sicherstellen, dass Ihre Website gut aussieht, unabhängig davon, welches Gerät sie verwenden, um mit Ihrer Marke zu interagieren, da die Verbraucher auf einer beliebigen Anzahl verschiedener Geräte auf Ihrer Seite surfen?

In diesem Beitrag werden wir die Faktoren besprechen, die Sie beachten müssen, und einige hilfreiche Tipps geben, die Sie durch die Optimierung Ihrer Webseite für die Anzeige auf mehreren Geräten führen.

So sehen Sie Ihre Website auf verschiedenen Geräten

Wenn Sie wie die meisten Amerikaner sind, haben Sie wahrscheinlich ein Smartphone oder Tablet oder beides. Es ist jedoch unwahrscheinlich, dass Sie diese Geräte mit all den verschiedenen Bildschirmgrößen, Prozessoren und Betriebssystemen ausgestattet haben, die heute auf dem Markt erhältlich sind. Glücklicherweise haben die guten Leute von HubSpot ein Tool entwickelt, mit dem Sie Ihre Website auf verschiedenen Geräten anzeigen können, ohne sie auf jedem Gerät testen zu müssen. Ihr Device Lab wurde 2013 gestartet und ermöglicht es Ihnen, einfach die URL für Ihre Website einzugeben.

Das Device Lab zeigt Ihnen nicht nur, wie Ihre Seite auf verschiedenen Geräten und Betriebssystemen aussieht, es erstellt schnelle Berichte über den Prozentsatz mobiler Besucher von den verschiedenen Plattformen. Sie sehen Berichte für iPhone 4/4S, iPhone 5 und iPhone 6/6 Plus sowie Samsung Galaxy S3/S4/S5-Geräte und die beliebtesten Tablet-Geräte von heute.

So erstellen Sie eine für Mobilgeräte optimierte Website

Device Lab hilft Ihnen, Ihre Website auf verschiedenen Plattformen anzuzeigen. Sie werden sehen, ob Ihre Seite auf Tablets abgeschnitten wird oder zu viel Zoom-and-Scroll-Aktion von Besuchern erfordert, aber es wird Ihnen nicht sagen, wie Sie die notwendigen Änderungen vornehmen müssen, um eine für Mobilgeräte optimierte Plattform zu entwickeln. Sie möchten sicherstellen, dass Ihre Kunden eine ansprechende Website finden, die benutzerfreundlich ist, unabhängig davon, mit welchem ​​Gerät sie auf Ihre Website zugreifen.

Entrepreneur bietet einige grundlegende Ausgangspunkte für Webmaster, die eine Website erstellen möchten, die auf jedem Gerät gut aussieht. Für den Anfang sollten Sie sich die Zeit nehmen, Ihre aktuelle Website zu überprüfen und sicherzustellen, dass sie zu den heutigen Webbenutzern passt. Mehr als eine Milliarde Menschen auf der ganzen Welt nutzen Smartphones, und viele nutzen sie als primären Zugangspunkt für das Internet.

Beginnen Sie mit der Vereinfachung Ihres gesamten Website-Designs. Sie müssen einfachere Seitendesigns und größere Schriftgrößen für schnellere Ladezeiten und eine einfachere Anzeige auf Mobilgeräten in Betracht ziehen. Der alte Zeitungsbegriff „above the fold“ ist wichtig im modernen Webdesign. Wenn Ihre Besucher auf einem mobilen Gerät auf der Seite ganz nach unten scrollen müssen, werden sie schnell zugunsten einer gut gestalteten Website aufgeben. Stellen Sie sicher, dass sich Ihre wichtigen Informationen über dem Falz befinden (d. h. kein Scrollen, um sie zu finden) und verwenden Sie große, berührbare Schaltflächen. Butt Dialing gehört der Vergangenheit an, aber dicke Finger führen täglich zu versehentlichen Tastendrücken auf Smartphones.

Wenn Sie sich nicht mit der Anpassung Ihrer aktuellen Website herumschlagen möchten, haben Sie auch die Möglichkeit, eine mobile Website zu erstellen. Durch die Entwicklung einer mobilen Website für Ihr Unternehmen wird eine parallele Website eingerichtet, die getrennt von Ihrer herkömmlichen Website existiert, aber mit dieser verbunden ist. Prozessoren bestimmen, ob Besucher von Desktops/Laptops oder Smartphones/Tablets stammen oder nicht, und leiten sie sofort auf Ihre mobile Website um, wenn sie Ihre URL eingeben.

Es gibt jedoch Kompromisse, die mit einer mobilen Website einhergehen. Wenn Sie eine mobile Website erstellen, die eine zweite URL verwendet, insbesondere die .m-Subdomain, wird Ihre Sichtbarkeit in Suchmaschinen darunter leiden. Google und Bing werden von der .m-Subdomain nicht gefunden und drängen Webmaster auf die Verwendung einer einzigen URL aus Gründen der besseren Sichtbarkeit und Suchmaschinenoptimierung.

Abgesehen davon zwingt Sie Ihr Budget möglicherweise dazu, eine separate mobile Website zu erstellen, anstatt Ihre primäre Website neu zu erstellen. Eine mobile Website, die weniger sichtbar ist, ist besser, als das mobile Publikum ganz zu verpassen. Stellen Sie einfach sicher, dass Sie Ihre mobile Website mit Ihrer Haupt-Website verlinken, und Sie werden in der Lage sein, einen Teil der Lücke zu schließen.

Die beste Option

Natürlich können Sie jederzeit eine erhebliche Investition in Ihr Unternehmen tätigen und eine Website neu erstellen, die jederzeit auf jedem Gerät funktioniert. Durch adaptives und responsives Design können Sie eine Website erstellen, die nachweislich jedes Mal richtig angezeigt wird, wenn Besucher auf Ihre Seite klicken, unabhängig davon, welches Gerät sie verwenden. Hier ist eine kurze Einführung in beide Konzepte:

• Adaptives Design: Große Unternehmen investieren stark in adaptives Design. Eine adaptive Website erkennt und identifiziert das Gerät jedes Benutzers in Sekunden und generiert eine Seite, die auf die Fähigkeiten dieses spezifischen Geräts abgestimmt ist.
• Responsive Design: Mithilfe der Cascading Style Sheets (CSS)-Technologie erstellt Responsive Design eine einzige Version Ihrer Website, die sich automatisch anpasst, um auf den meisten Geräten mit Ausnahme älterer Mobiltelefone richtig angezeigt zu werden. Responsive Designs sind flexibel genug, um sicherzustellen, dass Ihre Website unabhängig von der Größe des Displays oder der Geschwindigkeit des Prozessors auf einem Gerät gut aussieht.

Diese Ansätze haben Nachteile. Adaptives Design stellt heute die Spitze des Website-Designs dar, aber es ist unglaublich teuer in der Implementierung und im Support. Responsive Design ist erschwinglicher, aber nicht ganz auf dem Niveau von adaptivem Design. Im Vergleich zu anderen Optionen ist Responsive jedoch dem Erstellen einer einfachen mobilen Website um Längen überlegen.

Wenn Sie ein Web-Redesign in Betracht ziehen, denken Sie an die Faktoren, die wir in diesem Beitrag erwähnt haben. Unabhängig von Ihrem Budget müssen Sie Gelder beiseite legen, um eine Website zu entwerfen, die auf jedem Gerät sichtbar und benutzerfreundlich ist. Heute sind es Smartphones, Tablets und immer mehr Smart-TVs. Morgen können Verbraucher Ihre Seite in der Küche auf Kühlschranktüren oder im Badezimmer auf Spiegeln sehen. Bereiten Sie Ihre Website noch heute auf die Herausforderungen vor.