Mobile First und SEO

Worum es bei Mobile First geht

Mobile First heißt: Eine Website wird zuerst für das Smartphone gestaltet und erst danach für größere Bildschirme erweitert. Das ist heute Standard, weil ein großer Teil der Suchanfragen am Handy stattfindet.

Google bewertet Websites seit der Umstellung auf den Mobile First Index vorrangig nach ihrer mobilen Version. Lädt die mobile Seite langsam, verrutscht das Layout oder lässt sich der Text kaum lesen, verlierst du Plätze in den Suchergebnissen. Was das für deine SEO bedeutet und worauf du achten solltest, liest du hier.

1. Was bedeutet Mobile First konkret?

Früher wurden Websites für den Desktop entworfen und danach irgendwie ans Handy angepasst. Beim Mobile-First-Prinzip ist es umgekehrt. Layout, Navigation, Schrift- und Bildgrößen werden zuerst für kleine Bildschirme geplant, die Desktop-Version ist eine erweiterte Fassung derselben Seite.

Mit Responsive Webdesign passt sich die Darstellung automatisch an jede Bildschirmgröße an. Niemand muss zoomen oder seitlich scrollen. Responsive Design ist selbst kein Teil der Core Web Vitals, schafft aber die Grundlage für gute Werte und für eine Seite, die sich am Handy angenehm bedienen lässt.

2. Warum Mobile First für das Ranking zählt

Bei der Mobile-First-Indexierung ist die mobile Version einer Seite für das Ranking maßgeblich, beim Inhalt genauso wie bei der Technik. Der Googlebot ruft die Seite als Smartphone ab. Was dort fehlt, kann Google nicht bewerten. Eine abgespeckte Mobilversion schadet also.

• Gleiche Inhalte: Texte, Bilder, Links und strukturierte Daten müssen mobil genauso vorhanden sein wie am Desktop.
• Ladezeit: Der Hauptinhalt sollte innerhalb von 2,5 Sekunden sichtbar sein. PageSpeed Insights zeigt dir, wo es hakt.
• Core Web Vitals: Achte auf gute Werte bei LCP (Largest Contentful Paint), INP (Interaction to Next Paint) und CLS (Cumulative Layout Shift). INP hat im März 2024 den früheren Wert FID (First Input Delay) abgelöst.
• Einfache Navigation: Das mobile Menü muss sich leicht bedienen lassen, Buttons müssen groß genug und gut erkennbar sein.
• Nichts, was den Inhalt verdeckt: Pop-ups, Cookie-Banner und andere Einblendungen dürfen den Inhalt nicht zudecken.

Eine schnelle, klar aufgebaute und leicht bedienbare mobile Seite hilft dem Ranking. Vor allem bleiben Besucher länger und springen seltener ab.

3. Responsive Design oder eigene Mobilseite?

Für die meisten Websites ist Responsive Webdesign die beste Lösung. Jede Seite hat eine einzige URL, die Inhalte werden nur einmal gepflegt. Google empfiehlt diesen Ansatz ausdrücklich, weil er die Indexierung vereinfacht. Eigene Mobilseiten auf einer „m.“-Subdomain (z. B. m.domain.at) sind veraltet und fehleranfällig, weil du alles doppelt pflegen und eigene Weiterleitungen einrichten musst.

Brauchst du trotzdem eine eigene Mobilseite, etwa für eine spezielle Anwendung, müssen beide Versionen sauber miteinander verknüpft sein. Dazu gehören Tags wie <link rel="alternate" media="only screen and (max-width: 640px)"> und <link rel="canonical" href="...">, damit Google die Varianten richtig zuordnet.

4. Ist Mobile First immer der richtige Ansatz?

Mobile First ist Standard, wie stark du die mobile Seite gewichtest, hängt aber von deiner Zielgruppe ab. B2B-Websites werden oft am Arbeitsplatz am Computer aufgerufen, dort bleibt die Desktop-Version wichtig. In Onlineshops, Gastronomie und Tourismus kommt dagegen ein großer Teil der Besucher über das Handy. Dort muss die mobile Seite tadellos funktionieren.

Schau dir deshalb deine Nutzungsdaten an, etwa in Google Analytics, Matomo oder Plausible. Dort siehst du, mit welchen Geräten deine Besucher tatsächlich kommen, und kannst entscheiden, wo du zuerst ansetzt.

5. Technische Tipps für Mobile SEO

• Nimm ein schnelles Hosting mit Caching und, wenn sinnvoll, einem CDN (Content Delivery Network).
• Verwende moderne Bildformate wie WebP oder AVIF, damit die Bilder schneller laden.
• Vermeide zu kleine Schrift und winzige Buttons. Für Touch-Elemente gelten 48 Pixel als empfohlene Mindestgröße.
• Setz Lazy Loading ein, damit Bilder erst beim Scrollen geladen werden.
• Verzichte auf veraltete Skripte und schwere, unoptimierte Slider.
• Verwende HTTPS mit einem gültigen SSL-Zertifikat.

6. Fazit: Mobile First ist Pflicht

Eine Website, die am Handy gut funktioniert, ist heute Grundvoraussetzung für Webdesign und SEO. So eine Seite wird besser gefunden, und Besucher bleiben länger. Umsetzen solltest du den Ansatz aber passend zu deiner Zielgruppe und deinen Inhalten. Design, Technik und SEO gehören dabei zusammen gedacht.

Du willst deine Website für Mobile First optimieren oder planst einen Relaunch? Wir helfen dir bei der technischen Umsetzung, der SEO und der Ladezeit. Schreib uns an hello@mikas.at.