Schritt 3
Verkleinere die Dateigröße deiner Bilder bzw. Fotos

Jedes Bild oder Foto, das sich auf einer Webseite befindet, sollte komprimiert werden. Das heißt, du verkleinerst die Dateigröße, ohne Verluste in der Bildqualität zu erhalten. Das hat zwei riesige Vorteile: Deine gesamte Webseite wird klein gehalten und du hast so mehr Kapazität auf deinem Webspace. Und zweiterns: Kommt ein Nutzer auf deine Seite muss er bei komprimierten Bildern weniger Daten laden und sieht somit schneller die geladene Webseite.

Gerade für die mobilen Nutzer ist es eine große Erleichterung, wenn man unterwegs über das mobile Netz so wenig Daten verbraucht wie nur möglich. Denn leider sind unlimitierte Datentarife für das mobile Internet ohne Geschwindigkeitsreduzierung in Deutschland aufgrund der hohen Kosten noch wenig verbreitet.

Das Komprimieren der Bilder klingt zwar kompliziert, ist aber wirklich kinderleicht mit dem Tool tinyPNG. Der Ablauf ist simpel: Du öffnest tinyPNG in deinem Browser und lädst das zu komprimierende Bild hoch. Das Tool wird die Datei nun verkleinern und dir zum Download kostenfrei zur Verfügung stellen. Fertig! Nun kannst du das Bild wie gewohnt in deiner Webseite einbauen.

Schritt 4
Steigere die Benutzerfreundlichkeit deiner Webseite

Folgendes kennst du doch sicher auch: Du bist mit deinem Smartphone auf der Suche nach Informationen zu einem bestimmten Thema. Dabei gelangst du auf eine alte Behördenseite, die genauso aussieht wie auf dem Desktop. Nur bist du nicht am PC, sondern am Smartphone. Es ist alles total klein und unhandlich. Du findest dich nicht zurecht und klickst ständig auf den falschen Link, weil die Schrift so frickelig ist.

Was passiert? Frustriert verlässt du die Webseite und suchst dir woanders die Informationen. Aus SEO-Sicht ist das der Worst-Case, denn Google registriert, dass der Nutzer nur kurz bei dir war, deine Seite wieder verlassen hat und bei einem Konkurrenten gelandet ist. Genau dieses Verhalten wird mit schlechteren Rankings bestraft. Also kümmern wir uns darum, dass sich dein Besucher auf deiner Seite wohlfühlt und die Informationen findet, die er gesucht hat.

Gleicher Content für beide Versionen: Als erste Maßnahme in Bezug auf den Mobile First Index solltest du sicherstellen, dass du auf der mobilen Webseiten-Version keine Inhalte versteckst oder dem Nutzer vorenthältst.  Verwende keine Pop-ups: Es gibt wohl kaum etwas nervigeres als bildfüllende Pop-ups auf dem Handy, die dir Werbung zeigen und nicht wegklickbar sind. Als wäre der Bildschirm nicht schon klein genug. Darum hat Google sich auch mit diesem Thema beschäftigt und in einem Artikel erklärt, welche Pop-ups in Ordnung sind und welche zu Rankingverlusten führen, weil sie zu einer schlechten User Experience auf mobilen Webseiten führen.

Füge den ALT-Tag hinzu: Der ALT-Tag ist eine stichwortartige Beschreibung eines Bildes. Sie wird angezeigt, wenn beispielsweise eine Grafik nicht korrekt geladen werden kann. So erhält der Nutzer trotzdem die Information, was auf dem Bild zu sehen wäre. Da fehlerhaftes Laden unterwegs häufiger mal vorkommen kann, ist es umso wichtiger, diese Information für jedes Bild zu hinterlegen. Das geht ganz einfach beim Bildupload oder in der Mediengalerie deiner Webseite. Alternativ wird es auch ALT-Attribute genannt.

Schritt 5
Vereinfache das Lesen auf Smartphones

Da die Aufmerksamkeitsspanne von Online-Lesern heutzutage so gering ist, da das Angebot im Internet einfach so groß ist, müssen wir uns noch darum kümmern, dass die Nutzer gerne und bequem deine Webseiteninhalte lesen und konsumieren können. Gerade mobile Nutzer, die unterwegs sind, suchen nach schnellen Antworten und Lösungen. Finden sie diese auf der Seite nicht, weil der Text nicht für das mobile Lesen optimiert ist, verlassen sie die Seite schnell wieder. Also müssen wir das „Scannen“ der Webseite erleichtern. Heißt: Der User muss nicht den kompletten Text lesen, sondern überfliegt ihn nur, um die richtige Antwort auf seine Frage zu erhalten.

Dafür solltest du folgende simple Schritte überprüfen:

• Verwendest du eine Mindestschriftgröße von 15px?
• Hast du einen Absatz nach max. 4 Zeilen?
• Sind die wichtigsten Wörter/Phrasen „fett“ markiert?
• Benutzt du mindestens einmal „Bullet Points“ oder Nummerierungen?
• Kann man eingefügte Bilder mit einem Klick vergrößern?

Der beste Test für die einfache Lesbarkeit: Lass einen Kollegen oder Freund auf deine Webseite mit einem Smartphone und sieh dir an, ob er sich von allein zurechtfindet. Übrigens: Wenn du feststellst, dass deine Webseite eine kurze Verweildauer und eine hohe Absprungquote hat, dann kann es genau an der schlechten Lesbarkeit liegen. Niemand kommt gern auf eine Webseite mit einer reinen Textwand ohne Auflockerung durch Aufzählungen, Fettungen oder Absätze.

Leite deinen User von Textabsatz zu Textabsatz und entferne leere, weiße Freiräume auf deiner Webseite. Ansonsten kann es passieren, dass der User denkt, die Seite wäre dort zu Ende und es gebe nichts weiter zu finden. Gerade wenn er seine Antwort nicht gefunden hat, wird er frustriert auf den „Zurück“-Button klicken und sich die Infos auf einer anderen Seite suchen.

Die wichtigsten Tipps und To Do‘s zum Thema findest du hier kompakt aufbereitet in unserem Erklärvideo. Es wurde exklusiv für StartingUp vom Berliner Start-up Erklärhelden produziert:

Der Autor Nico Kratzke ist leidenschaftlich gern in der SEO-Welt unterwegs. Nach über 4 Jahren in der SEO-Branche und der Arbeit in einer SEO-Agentur zeigt er nun als „Seograf“, wie SEO für Gründer funktioniert - immer praxisnah und mit Schritt-für-Schritt-Anleitungen