Mobile-First Website: Warum deine Seite aufs Handy muss

Öffne kurz dein Google Analytics und schau dir die Geräteverteilung der letzten 90 Tage an. Bei den meisten Unternehmenswebsites liegt der mobile Anteil irgendwo zwischen 55 und 75 Prozent. Wenn deine Seite auf dem Smartphone schlecht aussieht oder langsam lädt — die meisten tun das — verlierst du gerade aktiv Anfragen. Nicht in der Theorie. Gerade eben.

Dieser Post erklärt, warum Mobile-First 2026 keine Option mehr ist, was Googles Mobile-First Indexing konkret für dein Ranking bedeutet und wie du checkst, ob deine Seite das Problem hat.

Was Mobile-First wirklich bedeutet

Mobile-First ist kein Design-Trend. Es ist eine Methode: Du designst und entwickelst deine Website zuerst für das Smartphone, dann für größere Bildschirme. Klingt nach einer kleinen Prioritätsverschiebung, ist aber ein grundlegend anderer Ansatz als Desktop-Design, das man dann irgendwie responsive macht.

Der Unterschied im Ergebnis ist spürbar. Eine Website, die von Grund auf für Mobile gebaut wurde, fühlt sich auf dem Smartphone natürlich an. Buttons haben die richtige Größe. Text ist ohne Zoomen lesbar. Navigation klappt mit dem Daumen. Eine Website, die nur nachträglich responsive gemacht wurde, hat oft winzige Tipp-Flächen, unleserlichen Text und eine Navigation, bei der man dreimal daneben tippt.

Googles Mobile-First Indexing — dein Ranking hängt davon ab

Seit 2024 crawlt und bewertet Google ausschließlich die mobile Version deiner Website. Nicht mehr Desktop-First, nicht mehr beides gleichzeitig. Das nennt sich Mobile-First Indexing und ist der Grund, warum eine schlecht optimierte mobile Seite direkt zu schlechteren Rankings führt.

Was das konkret heißt: Wenn deine Desktop-Seite super aussieht und perfekte SEO-Texte hat, die mobile Version aber langsam lädt oder Inhalte fehlen — rankt Google dich nach der mobilen Version. Das ist die Version, die zählt.

Dabei spielen vor allem die Core Web Vitals eine Rolle: Ladezeit (LCP unter 2,5 Sekunden), visuelle Stabilität und Interaktivität. Was hinter diesen Metriken steckt und wie du die Ladezeit konkret verbesserst, haben wir im Post Website-Ladezeit optimieren ausführlich erklärt.

Die 5 häufigsten Fehler bei mobilen Websites

Ich schaue mir regelmäßig Websites von Unternehmern aus der Region an. Die gleichen Probleme tauchen immer wieder auf.

Buttons zu klein: Google empfiehlt mindestens 44x44 Pixel für anklickbare Elemente. Auf vielen Unternehmens-Websites sind Call-to-Action-Buttons oder Navigationslinks deutlich kleiner — besonders auf Unterseiten, die nach dem Launch niemand mehr angefasst hat.

Text zu klein zum Lesen: Die mobile Schriftgröße sollte 16 Pixel nicht unterschreiten. Viele WordPress-Themes setzen 13 oder 14 Pixel als Standard. Ergebnis: Besucher zoomen manuell rein, was Google als schlechte User Experience wertet.

Kein Tap-to-Call: Mobil-Nutzer, die deine Telefonnummer sehen, wollen sie antippen. Wenn die Nummer nur als Text dargestellt ist, verschenkst du Conversion-Chancen — gerade für Handwerker, Dienstleister und lokale Unternehmen.

Horizontales Scrollen: Wenn Elemente über die Bildschirmbreite hinausgehen, entsteht horizontales Scrollen. Das passiert oft durch Bilder ohne max-width oder durch feste Pixelbreiten im CSS. Google wertet das als mobil-unfreundlich.

Unkomprimierte Bilder: Das Hero-Bild der Startseite in 4K, 8 MB, unkomprimiert — das ist 2026 noch erschreckend häufig. Auf mobilem Netz bricht die Ladezeit ein. WebP-Format und unter 200 KB pro Bild sind Pflicht.

So checkst du deine Website jetzt

Drei Tools, alle kostenlos:

Google PageSpeed Insights (pagespeed.web.dev): Bewertung von 0 bis 100 für Mobile und Desktop, mit konkreten Verbesserungshinweisen. Unter 50 ist kritisch.

Google Mobile-Friendly Test: Zeigt dir genau, ob Google deine Seite als mobilfreundlich einstuft und welche Elemente Probleme machen.

Chrome DevTools: F12 drücken, dann das Gerätesymbol oben links anklicken. Du simulierst damit verschiedene Smartphones und siehst selbst, was deine Besucher sehen.

Wenn dein Mobile-Score unter 50 liegt: Das ist lösbar. Manchmal reicht Bildoptimierung und ein paar CSS-Anpassungen. Manchmal ist das Theme so tief verkorkst, dass ein Neuaufbau schneller geht als monatelanges Flicken.

Was mobile Optimierung konkret bringt

Websites, die von schlechter auf gute Mobile-Performance gebracht werden, sehen typischerweise 20 bis 35 Prozent niedrigere Absprungraten auf mobilen Geräten — und mehr ausgefüllte Kontaktformulare, weil der Prozess reibungsloser wird.

Mobile Nutzer sind ungeduldig. Wenn deine Seite in drei Sekunden nicht geladen ist oder das Kontaktformular auf dem Handy frustrierend ist, klicken sie zurück und nehmen das nächste Suchergebnis. In Stuttgart und der Region kommen je nach Branche 60 bis 75 Prozent aller organischen Anfragen von Smartphones. Wer dort schlecht aufgestellt ist, verliert direkt an Mitbewerber, die es besser machen.

Wann ein Neuaufbau sinnvoller ist als Nachoptimierung

Mobile-Optimierung nachträglich in eine alte Website einzubauen ist möglich, aber aufwändig. Ein klarer Indikator: PageSpeed Mobile unter 40, altes WordPress-Theme, das seit Jahren nicht mehr gepflegt wird. In solchen Fällen ist Nachoptimierung oft teurer als ein Neuaufbau.

Neue Seiten, die von Grund auf für Performance und Mobile entwickelt werden, erreichen PageSpeed-Werte über 90 deutlich leichter. Was so eine Seite dann noch leisten muss, um Anfragen zu bringen, haben wir im Post Landing Page erstellen beschrieben.

Erster Schritt: kostenloser Website-Check

Wenn du wissen willst, wie deine aktuelle Seite wirklich aufgestellt ist: Ich mache kostenlose Website-Checks. Du kriegst schwarz auf weiß, was Priorität hat — kein generisches PDF, sondern eine konkrete Analyse deiner Seite.

Mach den Check, bevor dich Googles nächstes Update einholt.