Mobile-First SEO für Ecommerce

Mobile-First-Indexierung bedeutet, dass Google überwiegend die mobile Version Ihrer Inhalte für die Indexierung und das Ranking verwendet. Diese Umstellung wurde 2023 abgeschlossen, und es gibt keine Opt-out-Möglichkeit. Wenn Ihre mobilen Seiten weniger Inhalte als die Desktop-Version haben, sieht Google nur die mobile Version. Wenn Ihre mobile Seite Produktbeschreibungen hinter Tabs versteckt, die zum Aufklappen angeklickt werden müssen, indexiert Google diese Inhalte möglicherweise gar nicht.

Die praktische Auswirkung ist erheblich. Viele Ecommerce-Seiten wurden zuerst für den Desktop gebaut und später durch Responsive Design oder eine separate mobile Website für Mobilgeräte angepasst. Bei dieser Anpassung wurden Inhalte häufig gekürzt, Produktbeschreibungen verkürzt und interne Links entfernt, um auf kleinere Bildschirme zu passen. All diese Entscheidungen wirken sich jetzt direkt darauf aus, wie Google diese Seiten bewertet.

Überprüfen Sie Ihren mobilen Indexierungsstatus in der Google Search Console unter Einstellungen > Indexierungscrawler. Dort sollte "Googlebot Smartphone" als primärer Crawler angezeigt werden. Wenn Sie Seiten finden, bei denen sich die mobile und Desktop-Version inhaltlich wesentlich unterscheiden, beheben Sie zuerst die mobile Version. Das ist das, worauf Google achtet.

Responsive Design liefert dasselbe HTML an alle Geräte und nutzt CSS-Media-Queries zur Anpassung des Layouts. Eine separate mobile Website (m.example.com) liefert komplett anderes HTML. Für Ecommerce-SEO ist Responsive Design der klare Gewinner und der von Google empfohlene Ansatz.

Separate mobile Websites verursachen Kanonisierungsprobleme. Sie benötigen rel="alternate"- und rel="canonical"-Tags, die zwischen Desktop- und Mobilversionen verweisen, und jede Abweichung verursacht Indexierungsprobleme. Wir haben Shops geprüft, bei denen 30 % der mobilen Seiten fehlerhafte kanonische Verweise hatten, was zu Duplicate-Content-Problemen und verschwendetem Crawl-Budget führte.

Responsive Design behält eine einzige URL pro Seite bei, was die gesamte Link-Equity konsolidiert und Ihre Sitemap, kanonischen Tags und Hreflang-Implementierung vereinfacht. Jeder eingehende Link verweist auf eine URL, anstatt sich zwischen Desktop- und Mobilversionen aufzuteilen.

Wenn Sie noch eine separate mobile Website betreiben, planen Sie eine Migration zu Responsive Design. Die Migration erfordert sorgfältiges Redirect-Mapping (301-Redirects von jeder m.example.com-URL auf das responsive Äquivalent) und dauert normalerweise drei bis sechs Monate ohne signifikanten Traffic-Verlust. Die langfristigen SEO-Vorteile überwiegen durchweg die kurzfristigen Migrationskosten.

Mobile Nutzer sind weniger geduldig als Desktop-Nutzer und haben typischerweise langsamere Verbindungen. Eine Seite, die auf Desktop-WLAN in 3 Sekunden lädt, kann auf einer 4G-Mobilverbindung 6 Sekunden brauchen. Googles Forschung zeigt, dass 53 % der mobilen Besucher eine Website verlassen, die länger als 3 Sekunden zum Laden braucht.

Für Ecommerce ist die Umsatzauswirkung messbar. Wir haben einen Modehändler vor und nach der mobilen Geschwindigkeitsoptimierung beobachtet. Die Reduzierung der mobilen Ladezeit von 5,2 Sekunden auf 2,1 Sekunden steigerte die mobile Conversion-Rate um 27 % und den mobilen Umsatz um 34 % über 90 Tage. Die Geschwindigkeitsverbesserungen kosteten weniger als eine Woche ihres Paid-Advertising-Budgets.

Priorisieren Sie diese mobilspezifischen Optimierungen: Hero-Bilder auf unter 100 KB komprimieren, alle unkritischen JavaScript bis nach dem First Paint verschieben, die DOM-Größe auf unter 1.500 Elemente auf Produktseiten reduzieren und render-blockierendes CSS eliminieren. Testen Sie jede Änderung speziell auf gedrosselten Mobilverbindungen, nicht nur auf Desktop-WLAN.

Verwenden Sie die Chrome DevTools Geräteemulation mit Netzwerk-Drosselung auf "Fast 3G" als Ihren Baseline-Test. Wenn Ihre Produktseiten auf Fast 3G innerhalb von 3 Sekunden laden und interaktiv werden, funktionieren sie für die überwiegende Mehrheit der mobilen Nutzer gut.

Google bewertet die mobile Benutzerfreundlichkeit als Teil seiner Seitenerfahrungssignale. Seiten, die mobile Usability-Checks nicht bestehen, erhalten niedrigere Rankings. Die häufigsten Fehler auf Ecommerce-Seiten sind zu eng beieinanderliegende Tippziele, zu kleiner Text zum Lesen ohne Zoomen und Inhalte, die breiter als der Bildschirm sind.

Tippziele (Buttons, Links, Formularfelder) müssen mindestens 48x48 CSS-Pixel groß sein mit 8 Pixeln Abstand dazwischen. Auf Produktseiten bedeutet dies, dass Ihr "In den Warenkorb"-Button, Größenauswahl und Farbfelder alle ausreichend Abstand benötigen. Dichte Produktraster mit winzigen Tippzielen frustrieren mobile Nutzer und lösen Googles Mobile-Usability-Warnungen aus.

Schriftgrößen unter 16px auf Mobilgeräten zwingen Nutzer zum Pinch-Zoom, was Google als Usability-Problem kennzeichnet. Setzen Sie Ihre Grundschriftgröße auf mindestens 16px und skalieren Sie Überschriften proportional. Produktbeschreibungen, Preise und Bewertungen sollten alle ohne Nutzereingriff lesbar sein.

Vermeiden Sie horizontales Scrollen vollständig. Wenn ein Element über die mobile Viewport-Breite hinausragt, markiert Google die Seite als nicht mobiltauglich. Häufige Verursacher sind breite Produktvergleichstabellen, übergroße Bilder ohne max-width-Einschränkungen und Desktop-breite iframes für Video-Embeds oder Größentabellen.

Mobile Navigationsstrukturen unterscheiden sich oft dramatisch vom Desktop, und diese Unterschiede beeinflussen die SEO. Desktop-Mega-Menüs können 200 Kategorielinks bei einem Hover anzeigen, während mobile Hamburger-Menüs dieselben Links hinter zwei oder drei Taps verstecken. Da Google die mobile Version indexiert, erhalten Links, die in eingeklappten mobilen Menüs versteckt sind, möglicherweise weniger Crawl-Priorität.

Stellen Sie sicher, dass Ihre mobile Navigation alle gleichen Kategorie- und Unterkategorielinks wie Ihre Desktop-Navigation enthält. Die Links müssen nicht standardmäßig sichtbar sein (Hamburger-Menüs sind in Ordnung), aber sie müssen im HTML vorhanden sein. Google kann Links in eingeklappten Menüs folgen, solange das HTML sie enthält.

Mobile Produktseiten entfernen oft Cross-Selling- und verwandte Produktbereiche, um Platz zu sparen. Dies entfernt wertvolle interne Links, die Google helfen, diese verwandten Produkte zu entdecken und zu ranken. Anstatt diese Bereiche zu entfernen, machen Sie sie zu horizontal scrollbaren Karussells oder einklappbaren Bereichen, die die Links im HTML behalten und gleichzeitig vertikalen Platz sparen.

Breadcrumbs auf Mobilgeräten werden häufig ausgeblendet oder vereinfacht. Behalten Sie vollständige Breadcrumb-Pfade auf Mobilgeräten bei, auch wenn sie auf zwei Zeilen umbrechen. Jeder Breadcrumb-Link ist ein interner Link zu einer Kategorieseite, und das Entfernen schwächt Ihre interne Verlinkungsstruktur in der Version, die Google tatsächlich indexiert.