Mobile-First-Design – Was es ist und warum es wichtig ist

Der Herbst 2018 war eine schwierige Zeit für Online-Vermarkter, Blogger, Digitalagenturen … im Grunde für alle, deren Brot und Butter aus dem Online-Bereich kommt. Wieso den? Denn zu diesem Zeitpunkt begann der Suchmaschinengigant Google mit der Einführung seiner Mobile-First-Indexierung. Dies war sicherlich keine Überraschung, da das „Mobilegeddon” im Jahr 2015 bereits die Priorisierung von Websites eingeführt hat, die auf Mobilgeräten gut angezeigt werden. Mobile-First-Design war bereits in Mode, aber Google schaffte es dennoch, etwas Panik auszulösen.

Aber gehen wir einen Moment zurück und schauen uns an, was „mobile-first” eigentlich bedeutet.

Mobile-First-Design erklärt

Kurz gesagt, Mobile-First-Design ist die Art von Design, die mobile Geräte priorisiert. Im Allgemeinen umfasst dies Smartphones und Tablets oder alle Geräte mit einem kleineren Bildschirm. Um dieses Konzept richtig zu verstehen, müssen wir zunächst über responsives Webdesign oder RWB sprechen. Bei RWB ermöglichen wir im Grunde, dass das Web mit all seinen Formen und Inhalten ohne Qualitätsverlust auf kleinere Bildschirme passt. Es muss auch so erfolgen, dass die Menschen es bequem oder bequem finden. Wenn es richtig gemacht wird, bedeutet responsives Design, dass der Benutzer nicht hineinzoomen, scrollen oder den Bildschirm schwenken muss, um den gesamten Inhalt der Website anzuzeigen.

Angesichts des Ausmaßes, in dem die mobile Suche die Desktop-Suche überholt hat, ist es natürlich nur natürlich, dass eine Website reaktionsschnell ist. Es geht nicht einmal um das Überleben des Stärksten. Es ist einfacher als das. Wenn Ihre Website nicht responsive ist, könnte sie genauso gut inexistent sein. Die Leute haben weder die Zeit noch die Geduld für nicht reagierende Websites.

Aber hier geht es um mehr als nur Reaktionsfähigkeit. Früher nahmen Designer bei der Entwicklung eines Produkts die Desktop-Version als Ausgangspunkt. Dann, nach der Fertigstellung dieser bestimmten Version, ließen sie im Grunde bestimmte Elemente fallen, um das Produkt für Mobilgeräte zu optimieren.

Heute ist der Prozess ein anderer. „Progressive Weiterentwicklung” ist ein weit verbreitetes Gestaltungsprinzip, das von der mobilen Variante ausgeht. Und genau das bedeutet „mobile-first”. Das Design beginnt am mobilen Ende und wird dann schrittweise auf fortgeschrittenere Versionen ausgeweitet.

Mobile-First-Indexierung

Wie bereits erwähnt, hat Google im Jahr 2018 eine brandneue Methode zur Indexierung der Websites eingeführt. Die Indexierung ist wichtig, da sie einer der Mechanismen ist, die Google verwendet, um zu entscheiden, wie weit oben Ihre Website auf den Ergebnisseiten von Suchmaschinen platziert wird.

Mobile-First-Indexierung bedeutet also im Grunde, dass Google beim Einsatz seiner Crawlbots zuerst nach der mobilen Version Ihrer Website und dann nach der Desktop-Version sucht. Beachten Sie, dass die mobile Version nicht die einzige ist, die indiziert und eingestuft wird. Ihre Desktop-Version wird ebenfalls berücksichtigt, aber erst nach der mobilen. Wenn Ihre Website keine mobile Version hat, wird dies einen erheblichen negativen Einfluss auf den Rang Ihrer Website haben. Nicht nur, dass. Die Qualität des mobilen Erlebnisses, das Ihre Website bietet, spielt ebenfalls eine Rolle.

Und deshalb sollte Mobile-First von jedem Website-Eigentümer sehr, sehr ernst genommen werden.

So optimieren Sie für Mobile-First

Sie haben sich also ein cooles Responsive-Theme zugelegt? Gut. Reaktionsfähigkeit ist extrem wichtig. Aber glauben Sie nicht für eine Sekunde, dass Ihr Job bei der Optimierung für Mobile-First hier endet. Es ist komplizierter als das.

Egal, ob Sie Ihrer alten WordPress-Site einen Frühjahrsputz verpassen oder eine brandneue erstellen, es gibt Dinge, die Sie tun können, um sie für Google-Crawler und Mobile-First-Indexierung attraktiver zu machen.

• Optimieren Sie die Geschwindigkeit Ihrer Website

Google hasst langsame Websites. Nicht wirklich. Es hat eine besondere Tendenz zu Websites, die langsam geladen werden. Seit Sommer 2018 priorisiert Google offiziell schnelle Websites, das ist definitiv etwas, worüber man nachdenken sollte.

Auch wenn Ihre Website etwas träge ist, machen Sie sich keine Sorgen. Es gibt viele Dinge, die Sie tun können, um es zu beschleunigen. Sie können beispielsweise eines der hervorragenden Caching-Plugins verwenden, die eine HTML-fähige Version Ihrer Website erstellen, damit sie schneller geladen wird. Sie können auch alle Ihre Dateien komprimieren, damit sie in der kleinstmöglichen und leichtesten Größe hochgeladen werden. Nehmen Sie sich schließlich etwas Zeit, um Ihre Website zu durchsuchen und nach technischen Fehlern wie defekten Links, überfüllten Seiten usw. zu suchen.

Wenn es um Suchmaschinenoptimierung (SEO) geht, gibt es ein paar zusätzliche Dinge zu beachten, vorausgesetzt, Sie wenden bereits alle Best Practices auf diesem Gebiet an.

Zum einen müssen Sie die Inhaltsparität zwischen Ihren Site-Versionen sicherstellen. Dies gilt insbesondere für interne Links, strukturierte Daten, Tags und dergleichen. Stellen Sie außerdem sicher, dass Ihre Server die Crawling-Rate verarbeiten können. Dies war früher ein Problem, als die Mobile-First-Indexierung zum ersten Mal eingeführt wurde, aber eine überraschende Anzahl von Websites hat sich immer noch nicht an die neue Crawl-Aktivität angepasst.

Überwachen Sie schließlich Ihren Indexierungsstatus regelmäßig und stellen Sie sicher, dass robots.txt validiert ist und Ihre Server-Log-Dateien in Ordnung sind.

• Entscheiden Sie sich für ein responsives Framework

Ja, wir haben bereits gesagt, dass die Verwendung eines responsiven Themes, das auf einem responsiven Framework aufbaut, für eine ordnungsgemäße Mobile-First-Optimierung nicht ausreicht. Aber es bleibt einer der wesentlichen Faktoren, also dachten wir, wir sollten es wiederholen.

Bootstrap und Foundation sind derzeit die beliebtesten und wohl die besten responsiven Frameworks, also entscheiden Sie sich für ein Theme, das eines davon verwendet. Sie sind ideal, um das Design Ihrer Website mit einem minimalen Risiko von Störungen und Fehlern auf kleinere Bildschirme zu übertragen. Darüber hinaus tun sie dies sowohl auf der Front-End- als auch auf der Back-End-Ebene, wodurch sie die Arbeitsbelastung der Entwickler erheblich reduzieren.

• Optimieren Sie Ihre Navigation, Inhalte und Interaktion

Die perfekte Balance zwischen zu wenig Inhalt und zu viel Inhalt zu finden, ist das gemeinsame Leiden aller mobilen Websites. Dennoch ist es ein Kampf, den wir einfach weiterkämpfen müssen. Besucher brauchen Informationen, und sie müssen sie auf klare und einfache Weise präsentieren. Unordnung ist inakzeptabel. Organisieren Sie Ihre Inhalte so, dass Sie sagen können, was Sie zu sagen haben, planen Sie Ihre Handlungsaufforderungen und sonst nichts.

Berücksichtigen Sie auch Ihre Website-Navigation. Wenn es zu kompliziert ist, reicht es für Mobilgeräte einfach nicht aus.

Wenn Ihre Navigationsleiste auf dem Desktop lang ist, müssen Sie sie in Ihrer mobilen Version viel kürzer machen. Erwägen Sie, Ihren Text zu vergrößern und Ihre Links in Schaltflächen umzuwandeln, die einfach anzutippen sind.

Überprüfen Sie schließlich, ob Ihre Layouts für gängige Handheld-Aktionen wie Tippen und Wischen richtig optimiert sind.

Das ist ein ganz logischer Schritt, aber es schadet nicht, ihn noch einmal zu betonen. Sie müssen immer alles auf Ihrer Website überprüfen und testen. Auch wenn Sie in letzter Zeit keine Änderungen vorgenommen haben, sollten Sie gelegentlich einen Test durchführen, um zu sehen, ob alles einwandfrei funktioniert.

Die meisten Menschen verwenden heutzutage moderne Browser oder Browser, die für Mobilgeräte optimiert sind. Allerdings verwendet ein erstaunlicher Prozentsatz der Internetnutzer immer noch ältere Browserversionen, und Sie müssen auch an sie denken. Sie möchten, dass Ihre Website auf einem alten iPhone 4s genauso gut aussieht wie auf dem neuen Huawei P20.

Testen Sie einfach Ihr Website-Design auf Reaktionsfähigkeit und vergessen Sie nicht die A/B-Split-Tests, insbesondere für Ihre Zielseiten. Passen Sie natürlich vor allem die mobile Version Ihrer Website an und bereiten Sie sie für Benutzer vor.

Mobile-First ist ein Trend, der noch eine Weile anhalten wird, und das ist die Realität, die wir alle akzeptieren müssen. Mit „wir” meinen wir alle, die an der Erstellung und dem Betrieb einer Website beteiligt sind. Designer, Entwickler, Admins, SEO-Experten, Redakteure, Texter – alle müssen daran denken, dem Handy Priorität einzuräumen. Das heißt natürlich nicht, dass wir Desktop-Versionen vernachlässigen sollten. Es ist nur so, dass Mobile-First-Design ernst genommen werden muss.

Wir hoffen, dass Sie diesen Artikel hilfreich fanden. Wenn es Ihnen gefallen hat, können Sie sich gerne auch einige dieser Artikel ansehen!