Mobile-First versus Responsive Design: Wo stehen wir heute?

Im Juli 2019 kündigte Google an, die mobilen Versionen aller neuen Websites standardmäßig zu indizieren. Diese Ankündigung bedeutete, dass Google wirklich mobil ist: Es wird Seiten mit seinem Smartphone-Agenten crawlen und indizieren und die Desktop-Version Ihrer Website möglicherweise überhaupt nicht indizieren. Nun, da ein Jahr vergangen ist, wie überlebt ihr Mobile-Geddon?

Mobile-First-Indexierung bedeutet, dass dem Mobile-First-Design eine zunehmende Bedeutung beigemessen wird. Dieses Design-Framework markiert einen anderen digitalen Ansatz als die Responsive-Design-Welle der letzten Jahre. Auf der Found Conference sprach Michelle Dupler, Content Strategist bei SEO Nerd, über die wichtigen Unterschiede zwischen diesen beiden Designmethoden.

Was ist Mobile-First-Indexierung?

„Mobile-first“ bezieht sich auf die Art und Weise, wie Google das Web crawlt und indiziert. Google kündigte seine Mobile-First-Initiative im Jahr 2015 an und führt seitdem langsam Mobile-First ein. In der heutigen Iteration der Suche crawlt und indexiert Google basierend auf der Version Ihrer Seite, die auf Mobilgeräten gerendert wird. Anstatt auf die Desktop-Version einer Seite zu schauen, schaut Google auf die mobile Version. Laut Search Engine Land wurde bis 2018 mehr als die Hälfte der Seiten, die weltweit in den Suchergebnissen angezeigt werden, von Googles Mobile-First-Verfahren indexiert. Diese Zahl wächst weiter, da Google neue Seiten und Inhalte crawlt.

Seiten werden neu indiziert, wenn sie geändert oder erstellt werden. Wenn Sie Ihre Website auf eine neue Domain verschieben, von http auf https wechseln, eine Website aktualisieren, einen Teil Ihrer Website umbenennen oder Ihren Firmennamen ändern – und daher eine neue Version Ihrer Seite von Google indexiert bekommen – Ihre Desktop-Version verschwindet möglicherweise aus der Suche.

Was bedeutet Mobile First für Design?

Viele Unternehmen sind zuversichtlich, dass sie durch die dynamische Gestaltung ihrer Website für Mobile-First gerüstet sind. Das kann nicht sein! Sie entwerfen wahrscheinlich bereits für mobile Geräte, was ist also der Unterschied zwischen responsivem Design und Mobile-First-Design?

Der entscheidende Unterschied: Responsive Design denkt vielleicht immer noch zuerst an den Desktop. Designer planen und entwerfen oft zuerst Desktop-Bildschirme und die Navigation und schlüsseln dann dieses Design und die Navigation für kleinere Geräte auf. Dadurch können wir diese coolen, interaktiven Desktop-Designs mit vielen dynamischen Inhalten anbieten. Aber wenn Sie viel Zeit damit verbracht haben, eine wirklich coole, interaktive Desktop-Seite zu entwerfen – und sie auf Mobilgeräten nicht gerendert wird – ignoriert Google diesen Inhalt.

Echtes Mobile-First-Design bedeutet, zuerst alle Teile des mobilen Erlebnisses zu planen und zu gestalten – und dann für den Desktop zu skalieren. Denken Sie zuerst an die mobile Navigation und skalieren Sie für den Desktop. Mobile-First ist nicht nur besser für die Suchmaschinenoptimierung, sondern auch für die Benutzererfahrung. Indem wir unsere Denkweise über Wireframing-Websites umkehren, schenken wir mobilen Benutzern mehr Aufmerksamkeit – die einen ständig wachsenden Anteil der Besucher Ihrer Website ausmachen.

Dynamisches Design bedeutet nicht unbedingt, dass Sie den Geist des Mobile-First-Designs einfangen.

Ein echtes Mobile-First-Design ist wichtig, da nach Ansicht einiger Experten mehr als die Hälfte aller Internetnutzer nur über ein Mobiltelefon auf das Internet zugreifen – bis 2025 könnten das 75 Prozent der Weltbevölkerung sein.

Das mobile Erlebnis ist eines der wichtigsten SEO-Ranking-Signale – zusammen mit einem guten Nutzererlebnis und qualitativ hochwertigen Inhalten. Wie gestaltet man also Inhalte für mobile Nutzer?

Design für Mobile-First-Ranking

Niemand möchte eine riesige Textwand auf seinem Telefon sehen, aber das bedeutet nicht, dass lange Inhalte keinen Platz im Internet haben. Michelle teilte einige nützliche Ideen:

• Verstecken Sie Ihre Inhalte nicht.

  Machen Sie Inhalte nicht unsichtbar, nur um sie indizieren zu lassen. Weißer Text auf weißem Hintergrund, jede Menge Zeug in den Metadaten und andere altmodische Tricks werden den modernen Crawlern von Google nicht standhalten. Verwenden Sie stattdessen Best Practices für das Schreiben im Internet und erstellen Sie Inhalte, die es wert sind, auf Mobilgeräten gelesen zu werden.

• Stellen Sie sicher, dass Sie in Ihrem mobilen Erlebnis und Ihrem Desktop-Erlebnis denselben Inhalt haben .

  In der Vergangenheit haben SEOs Inhalte auf mobilen Versionen von Seiten versteckt, in der Annahme, dass mobile Benutzer weniger Inhalte lesen möchten. Wenn Sie Inhalte jedoch auf der Desktop-Version Ihrer Seite und außerhalb der mobilen Version belassen, bedeutet dies, dass diese Inhalte nicht indexiert werden – und dass Sie den Wert dieser Inhalte für Suchrankings verlieren.

• Zeigen Sie dieselben Metadaten auf Mobilgeräten und Desktops an.
  

  Alle Inhalte, die Sie für Ihr Desktop-Erlebnis planen, sollten auch in der mobilen Version enthalten sein. Stellen Sie sicher, dass Tags, insbesondere noindex oder nofollow -Tags, sowohl für Desktop- als auch für mobile Crawler auf denselben Seiten erscheinen. Stellen Sie außerdem sicher, dass Foto- und Video-Tags auf der mobilen Version Ihrer Website angezeigt werden.

• Denken Sie an die Lesbarkeit.

  Stellen Sie Ihre Inhalte in kurzen Stößen bereit. Machen Sie Ihre Kopie mit Aufzählungszeichen und nummerierten Listen scanbar und verwenden Sie prägnante Zwischenüberschriften, um dem Leser zu helfen, sich durch den Inhalt zu bewegen.

• Erfahren Sie, wie Sie Inhalte verbergen können – ohne sie vor Benutzern oder Bots zu verbergen.

  Wenn Sie Lazy-Loaded-Inhalte haben, vergewissern Sie sich, dass Javascript-Probleme oder andere Designentscheidungen diesen Inhalt nicht für Crawler blockieren. Google sagt, dass es keine Inhalte scannt, für deren Laden Benutzerinteraktionen (wie Klicken oder Tippen) erforderlich sind. Es ist in Ordnung, lange Inhalte in Ziehharmonikas oder „Weiterlesen“-Tags zu reduzieren. Wissen, welche Designtaktiken für Benutzer in Ordnung sind, um Benutzer durch den Inhalt zu führen.

Mobile-First-Design priorisiert mobile Benutzer.

Können wir das Design für den Desktop ganz vergessen?

SEO-Experten werden sagen, dass Mobile-First-Design die einzige Möglichkeit ist, Design im heutigen digitalen Ökosystem zu betreiben. Sie müssen unbedingt sicherstellen, dass Sie über eine mobile Version Ihrer Website verfügen, die geeignete Inhalte bereitstellt – und Inhalte, die dem Desktop-Erlebnis entsprechen. Es gibt jedoch immer noch einen Platz für responsives Design – und sogar für Desktop-First-Design.

Einige Branchen haben den Mobile-First-Wendepunkt noch nicht erreicht. In B2B-Umgebungen, Organisationen mit einem älteren Kundenstamm, Unternehmen wie Banken oder Finanzen oder forschungsintensiven Branchen sehen Sie möglicherweise immer noch mehr Benutzer auf Ihrer Desktop-Site. Überprüfen Sie Ihre Analysen, sehen Sie, wo die meisten Ihrer Benutzer leben, und treffen Sie sie dort! Wenn Ihre Benutzer nach interaktiven Tableau-Grafiken suchen, ist es sinnvoll, diese bereitzustellen. Wenn sie ein einfaches Einkaufserlebnis auf einem Telefon oder Tablet wünschen, ist es sinnvoller, dieses Erlebnis bereitzustellen.

Tauchen Sie wirklich in Ihre Analysen ein und entwickeln Sie ein echtes Gefühl dafür, was Ihre Benutzer wollen. Interdisziplinäre Teams können Ihnen helfen, den richtigen Ansatz zu finden, also arbeiten Sie mit Ihren Designern, Content-Leuten, Forschern und Entwicklern zusammen, um Entscheidungen zu Inhalt und Design zu treffen. Und noch einmal, Desktop-First zu denken ist keine Entschuldigung dafür, auf Mobilgeräten nachzulassen: Denken Sie daran, dass Google neue Websites mit den Augen eines mobilen Benutzers crawlt und eine schlechte mobile Erfahrung Ihre Rankings verschlechtern wird.

Die Quintessenz? Google bewertet Websites, die großartige Inhalte und das gewünschte Erlebnis bieten.