Haben Sie eine für mobile Geräte optimierte Website?
Hat Ihre Website ein ansprechendes Design?
Betrachten Sie Benutzer, die das Web auf Mobilgeräten nutzen?
Wenn ja, hier sind einige gute Nachrichten von Google. Google wird nun offiziell das “Mobile Friendly” -Tag zu diesen Websites in Suchergebnissen hinzufügen, die für Handys geeignet sind.
Heutzutage nutzen immer mehr Benutzer das Web auf Mobilgeräten. Daher ist es unerlässlich, Ihre Website für diese Geräte zu optimieren. Aber woher wissen Sie, ob Ihre Website für Handys geeignet ist oder nicht? Sie können es hier überprüfen.
Sie können den Mobile Usability Test auch über die Webmaster-Tools von Google durchführen.
Beachten Sie beim Erstellen einer mobilfreundlichen Website folgende Punkte:
Sei empfänglich
- Responsive Design ermöglicht es Ihnen, Ihren Besuchern eine ähnliche Erfahrung auf einem Desktop, Tablet oder Smartphone zu bieten. Es bietet nicht nur eine bessere Benutzererfahrung, sondern ist auch einfach zu verwalten.
Inhaltsgröße
- Der Text sollte groß genug sein, damit er auf mobilen Bildschirmen leicht gelesen werden kann. Es sollte weder zu klein noch zu groß sein. Die Idee dahinter, häufig hinein- oder herauszuzoomen, ist keine gute Benutzererfahrung.
- Ebenso sollten die Schaltfläche und die Größe des Inhalts angemessen sein, damit der Benutzer nicht ständig scrollen muss. Obwohl die meisten modernen Browser intelligente Browser sind und die Schriftgröße und die Gesamtbildschirmgröße anpassen, ist es ratsam, vorher Vorsichtsmaßnahmen zu treffen.
- Halten Sie die Links getrennt, damit der Benutzer nicht versehentlich auf falsche Links klickt.
Halte es kurz und einfach
- Vermitteln Sie Ihre Botschaft so klar und präzise wie möglich. Niemand möchte lange Absätze auf dem Handy lesen, es sei denn, jemand liest ein Buch!
- Von der Verwendung von Blitzlicht, schweren Bildern, Grafiken usw. wird abgeraten. Verwenden Sie sie nur, wenn dies unvermeidlich ist oder Ihr Website-Thema sie benötigt.
- Wenn Sie Video verwenden müssen, verwenden Sie den HTML5-Videoplayer, damit es auf den meisten Geräten ausgeführt wird.
- Die Ladezeit der Seite sollte auf ein Minimum beschränkt werden, damit niemand warten muss und die Speichernutzung optimiert wird.
- Verwenden Sie zur Navigation gegebenenfalls Symbole anstelle von Textlinks.
Vermeiden Sie übermäßige Verwendung von Javascript
- Verschiedene Browser und Telefone behandeln Javascript unterschiedlich. Außerdem können Benutzer Javascript in ihren Browsern deaktiviert haben. Daher sollte es mit der gebotenen Vorsicht verwendet werden.
Mobiles Design
- Durchsuchen Sie Ihre Website auf dem Desktop und ändern Sie die Größe des Browsers, um die Breite zu verringern und die Website weiterhin lesbar zu halten. Stellen Sie nun diese Breite wie unten gezeigt ein.
- Wenn das vom Benutzer skalierbare Attribut auf “Ja” gesetzt ist, kann der Benutzer das Bild vergrößern und verkleinern.
- Stellen Sie die maximale Breite auf 100% ein, um die Größe von Bildern und Eingabefeldern auf Mobilgeräten zu ändern.
- Stellen Sie für Hintergrundbilder die Größe des Hintergrunds so ein, dass die Größe automatisch geändert wird.
- Verwenden Sie die neuesten technologischen Standards für das Design. Sie können beispielsweise das Platzhalterattribut des Eingabe-Tags verwenden, sodass Sie keine Tags verwenden müssen.
- Verwenden Sie Medienabfragen, um unterschiedliche CSS für unterschiedliche Geräte anzuwenden.
- Anstatt die Position von Objekten auf fest zu setzen, setzen Sie sie für mobile Geräte auf statisch. Die feste Position verzerrt die Ansicht beim Scrollen.
Verwenden Sie SEO-Tools
- Wenn Ihre Website auf CMS gehostet wird, nutzen Sie die Vielzahl der verfügbaren SEO-Plugins.
- Verwenden Sie Tools wie Site-Ninja, die unabhängig vom Gerät eine Vorschau darauf bieten, wie Ihre Inhalte für Ihre Benutzer aussehen.
Verwenden Sie die GPS-Informationen
- Präsentieren Sie Benutzern standortspezifische Informationen, z. B. lokale Rabatte und Angebote.
- Legt die Sprache des Inhalts basierend auf dem geografischen Standort fest.
Link zur vollständigen Site- / Desktop-Version
- Die mobile freundliche Version ist eine Miniaturversion. Für Benutzer, die die vollständige Desktop-Version der Website anzeigen möchten, geben Sie bitte einen Link in der Fußzeile an, damit sie die URL in der Adressleiste nicht erneut eingeben müssen.
Und schlussendlich,
Testen Sie gut auf allen Plattformen, Geräten und Browsern
- Stellen Sie sicher, dass Ihr Benutzer eine angenehme Erfahrung mit Ihrer Website hat und wieder mehr möchte.
Das Obige ist nur eine kurze Zusammenstellung. Es gibt verschiedene Möglichkeiten, Ihren Besuchern mobile Inhalte zu präsentieren. Sie könnten ein bedeutendes Geschäft verlieren, wenn Sie die mobilfreundliche Website vernachlässigen, da Google jetzt das Tag “Mobilfreundlich” für alle reaktionsfähigen Websites auf ihrer eigenen Ergebnisseite anzeigt (z. B. a Fortsetzung).
Fazit
Denken Sie daran, dass die Website “Mobile Friendly” “User Friendly” und daher “Google Friendly” ist. Mit dem neuesten Google-Beitrag spekuliere ich, dass Google in Kürze auch “mobilfreundlich” als Ranking-Parameter betrachten wird.
