Heute ist es wichtiger denn je, sicherzustellen, dass Ihr Entwicklungsprozess bewährte Methoden und Techniken zur effektiven mobilen Darstellung Ihrer Online-Präsenz beinhaltet.
Ob Sie im Rechtswesen, im Gesundheitswesen, in der Gastronomie, im technischen Bereich oder in einer anderen Branche tätig sind – eine hochwertige mobile Implementierung Ihrer Website ist ein entscheidender Schritt im Zeitalter der mobilen Endgeräte.
Der Autor empfiehlt, sich auf verschiedene Aspekte der Best Practices in der mobilen Entwicklung zu konzentrieren, darunter technische SEO, Website-Entwicklung und Prinzipien des mobilen Designs, um eine kohärente Online-Präsenz zu schaffen, die dem Wandel hin zu Googles Mobile-First-Ära standhalten kann.
Ohne Umschweife präsentieren wir Ihnen 12 bewährte Methoden, auf die Sie sich konzentrieren sollten, um eine qualitativ hochwertige mobile Website zu erstellen.
1. Der Bereich oberhalb der Falte ist nicht vollständig verschwunden
Es ist wichtig zu bedenken, dass in einer mobilen Umgebung, in der Inhalte endlos gescrollt werden, der Bereich oberhalb der Falz nicht vollständig verschwindet.
Es ist nach wie vor vorzuziehen, zumindest einen Teil des Textinhalts im sichtbaren Bereich einer mobilen Seite zu platzieren, um dem Nutzer zu zeigen, dass es einen Grund zum Scrollen gibt.
Die psychologischen Vorteile und der Wunsch, zu sehen, was Sie anbieten, sind nicht völlig verschwunden, daher müssen Sie dies auf vielen verschiedenen Mobilgeräten immer noch in gewissem Maße optimieren.
2. Konzentrieren Sie sich nicht immer nur auf den mobilen Konsumenten.
Mit der Verschmelzung von Mobilgeräten und Desktop-Computern verändern sich auch die Ziele und Wünsche der Nutzer dieser Plattformen.
Wenn Sie sich darauf konzentrieren, was Ihr Nutzer auf Basis der Plattform erreichen möchte, schaffen Sie einen ganzheitlichen Ansatz, der Kunden über Ihre Website effektiver erreicht.
Ob ein Nutzer ein Produkt kauft oder sich über die von Ihnen angebotenen Dienstleistungen informiert, die Verbindung von Nutzerzielen und Kundengewinnung für das Unternehmen bleibt bestehen.
So sehr, dass die gezielte Fokussierung auf diese Ideale und Werte immer weniger notwendig wird. Nicht weniger wichtig, wohlgemerkt, sondern einfach weniger notwendig, je mehr sich die Nutzung von Mobilgeräten und Desktop-Computern vermischt.
3. Responsive Design-Techniken verwenden
Die Zeiten separater m-Punkt-Websites (m.example.com) sind vorbei.
Es gibt in der Ära der mobilen Endgeräte absolut keinen nachvollziehbaren Grund, eine solche Implementierung zu verwenden.
Die Struktur kann sehr unübersichtlich werden, da mehrere URLs zu Problemen mit doppeltem Inhalt führen können, wenn sie nicht ordnungsgemäß optimiert sind.
Es gibt viele Techniken, um einen effektiven Übergang zu gewährleisten, ansonsten sind m-dot-Implementierungen mit dem Aufkommen neuer Technologien ausgestorben.
Heutzutage ist eine responsive Umsetzung die ideale Lösung. Diese Designs nutzen sogenannte Media Queries, um die unterstützten Bildschirmauflösungen festzulegen.
Jede einzelne Auflösung wird im Design als „Breakpoint“ bezeichnet, also als der Punkt, an dem das responsive Design von einer Auflösung zur nächsten übergeht.
Der Vorteil dieser Struktur liegt darin, dass die Probleme mit doppeltem Inhalt, die bei einer m-dot-Implementierung auftreten würden, vermieden werden.
Auch Ihre mobile Implementierung wird auf dem neuesten Stand der Technik sein.
4. Um die Website-Geschwindigkeit zu erhöhen, sollten Sie eher an „Code“ als an „Bilder überall“ denken.
Muss dieser zweifarbige Hintergrund wirklich als sich wiederholender Hintergrund mit den Maßen 2 Pixel Breite x 1200 Pixel Höhe verwendet werden?
Wenn nicht, und Sie es stattdessen programmieren können, dann programmieren Sie es stattdessen.
Auch wenn so kleine Änderungen die Seitengeschwindigkeit nicht wesentlich beeinträchtigen, summieren sich die Optimierungen mit der Zeit.
Wenn Sie das nächste Mal eine Website-Analyse durchführen oder eine Website erstellen, denken Sie darüber nach: „Brauche ich dieses Bild hier wirklich oder kann ich es einfach im Code einfügen?“
Wenn das Bild wirklich nicht notwendig ist, kann die Codierung des Objekts die Seitengeschwindigkeit exponentiell steigern, insbesondere bei Seitendesigns, die eine übermäßige Menge an Grafiken verwenden.
5. WordPress für Mobilgeräte anpassen
Für WordPress sind zahlreiche Plugins erhältlich.
So sehr, dass einige sogar Funktionen zur Verbesserung der mobilen Kompatibilität bieten.
Die nützlichsten Plug-ins für diesen Zweck sind Duda Mobile, W3 Total Cache sowie Plug-ins zur Minimierung von HTML und CSS.
6. Stellen Sie sicher, dass alle Inhalte auf Desktop- und Mobilgeräten identisch sind.
Der Sinn dieser bewährten Vorgehensweise besteht darin, doppelte Inhalte und Vorwürfe der Verschleierung zu vermeiden.
Sicherheitshalber sollten Sie immer sicherstellen, dass alle Inhalte auf der Desktop-Version Ihrer Website identisch sind mit denen auf Mobilgeräten.
Eine der besten Techniken, um dies zu gewährleisten, ist responsives Design.
Responsive Design bedeutet, für diejenigen, die es nicht wissen, die Erstellung eines Stylesheets, das mithilfe von „Media Queries“ Designs automatisch zwischen einer Vielzahl von Plattformen und Geräten anpasst.
Wenn Sie maximale Geschwindigkeit herausholen und Ihr Design schlank und effizient gestalten möchten, sollten Sie CSS-Sprites in Betracht ziehen, um serverseitige Anfragen zu reduzieren.
7. Einen „Top-Down“-Entwicklungsansatz anwenden
Ein „Top-Down“-Entwicklungsansatz bedeutet, dass man alle potenziellen Konsequenzen jeder Entscheidung, die bei einem Entwurf getroffen wird, von Anfang bis Ende berücksichtigt.
Sie entwickeln zuerst für mobile Endgeräte, anstatt zuerst für Desktop-Computer und fügen das mobile Design erst später hinzu. Dieser Entwicklungsansatz ist ideal, da Sie so keine Probleme in das endgültige Design einbringen.
Hier ein Beispiel: Sie erstellen eine Desktop-Website. Ungefähr drei Viertel des Prozesses sind abgeschlossen, als Sie sich entscheiden, zusätzlich eine mobile Website zu erstellen.
Sie erstellen das Mockup. Doch nach der Programmierung und dem Durchlaufen der Übergänge entdecken Sie hier einen Fehler. Und dort einen weiteren. Dann noch einen. Das liegt daran, dass der Bottom-up-Ansatz nicht funktioniert und zu einer Ausweitung des Projektumfangs führt.
Hierbei handelt es sich um das Phänomen, dass unvorhergesehene Probleme in letzter Minute auftreten und zu unerwarteten Fehlern und einem erhöhten Arbeitsaufwand führen, der bei der ursprünglichen Planung des Projekts nicht eingeplant war.
Tatsächlich würden diese Fehler und Probleme, die noch behoben werden müssen, nicht erst am Ende auftreten und dieses gefürchtete Problem verursachen, wenn der Top-Down-Ansatz für responsives Design auf Mobilgeräten von Anfang an berücksichtigt worden wäre.
8. Verwenden Sie keine aufdringlichen Interstitials, um Ihr Produkt zu verkaufen.
Ja, das wissen wir. Ihr Produkt ist das Beste, was dieser Planet je gesehen hat. Deshalb besuchen wir wahrscheinlich Ihre Website und informieren uns darüber, bevor wir es kaufen.
Wir brauchen aber keine aufdringliche Werbung, die unsere Aktivitäten auf Ihrer Website behindert, um uns wegen des Angebots zu belästigen.
Wo immer möglich, sollten aufdringliche Zwischenanzeigen auf ein Minimum beschränkt und die Anzeigen möglichst weit unten oder seitlich platziert werden, mit der Option, durch Anklicken der Anzeige diese zumindest zu entfernen.
Wichtig ist, dass Google aufdringliche Interstitials bestraft. Es empfiehlt sich, die Entwicklerhandbücher und Webmaster-Richtlinien sowie den Blogbeitrag zu diesem Thema zu lesen.
9. Schwächen in der Implementierung identifizieren und auf Fehler prüfen
Schwächen bedeuten nicht immer eine geringere Seitengeschwindigkeit.
Dies kann zu Problemen bei der Implementierung auf verschiedenen Displays und Plattformen führen (z. B. Windows Phone vs. iPhone).
Ich nutze dafür gerne BrowserStack.com.
Nichts ist schlimmer, als in der Endphase der mobilen Implementierung festzustellen, dass der Kunde Probleme mit der Implementierung entdeckt hat, die man selbst während des Entwicklungsprozesses hätte entdecken müssen!
10. Verwenden Sie kein Flash-Video.
Dies sollte heutzutage gängige Praxis sein, aber ich sehe immer noch Webseiten, die es anwenden.
Flash-Video verschwand aus der Mode, sobald Adobe Macromedia aufkaufte und die Entwicklung einstellte, wodurch der Weg für HTML 5-Video frei wurde.
Wenn Sie auf Ihrer Website nicht mindestens HTML5-Videos verwenden, könnten Ihre Nutzer darunter leiden.
11. Verwenden Sie strukturierte Daten gemäß Schema.org.
Schema.org-strukturierte Daten sind nicht nur wichtig, um Seiten auf Ihrer Website zu identifizieren, die spezielle, strukturierte Informationen enthalten, die die Suchmaschinen benötigen, sondern es ist auch zu erwarten, dass bei der vollständigen Einführung des mobilen Index eine verstärkte Nutzung von Schema erfolgen wird.
Dies ist eine prägnante und einfache Methode, Informationen zu verstehen, die dann in aussagekräftige Snippets für die mobilen Suchergebnisse umgewandelt werden können.
In jedem Fall ist der Autor der Ansicht, dass Schema-strukturierte Daten auch auf Desktop-Websites verwendet werden sollten, da sie die Platzierung in Rich Snippets basierend auf den relevanten Keywords ermöglichen. Korrekt implementiert, kann dies die Sichtbarkeit Ihrer Website deutlich verbessern.
12. Blockieren Sie keine unterstützenden Skripte wie JavaScript, CSS oder Bilder.
Dies sollte eigentlich selbstverständlich sein, wenn man Websites für irgendeine Plattform entwickelt, egal ob Desktop oder Mobilgerät, aber manche Leute machen es trotzdem.
Es ist wichtig sicherzustellen, dass die für Ihr mobiles Design benötigten Skripte nicht blockiert werden, da dies später zu Problemen wie Soft-404-Fehlern auf Mobilgeräten führen kann. Auch Desktop-Nutzer können dadurch 404-Fehler erhalten.
Wenn Sie jedoch verhindern, dass diese Dateien von Google gecrawlt werden, können die Suchmaschinen diese Dateien nicht durchsuchen, um festzustellen, ob Ihre Website ordnungsgemäß funktioniert.
Wenn sie dazu nicht in der Lage sind, kann dies zu schlechteren Platzierungen führen, da sie Ihre Website nicht vollständig verstehen können.
Mobile First ist da: Und die Notwendigkeit der Implementierung hat einen kritischen Punkt erreicht.
Mit der Einführung des Mobile-First-Index von Google hat die Implementierung einer plattform-, geräte- und kompatiblen Website nun höchste Priorität erlangt.
Das bedeutet, je länger man zögert, desto mehr kein Frontalunterricht. nicht nur eine mobile Implementierung, sondern kein Frontalunterricht. Die richtige mobile Implementierung wird Sie in vielerlei Hinsicht Geld kosten.
Nicht nur Ranglisten.
Falls Sie den Umstieg auf mobile Endgeräte noch nicht gewagt haben, warum nicht?
_____
by Brian Harnish
Quelle: suchmaschinenjournal.com
