8 häufige Fallstricke für mobile Websites, die Sie für SEO vermeiden sollten

Da die mobile Internetnutzung auf einem Allzeithoch ist, hat Google hart gegen Websites mit schlechter mobiler Erfahrung vorgegangen. Mobiles Webdesign und Benutzererfahrung müssen als Teil jeder effektiven Online-Strategie berücksichtigt werden.

Die Art und Weise, wie eine Website mit dem Datenverkehr von Mobilgeräten umgeht, kann sich direkt auf die Präsenz dieses Unternehmens in den Suchergebnissen auswirken. Erst diesen Monat gab Google bekannt, dass es einen Haftungsausschluss unter den Suchergebnissen für Mobilgeräte hinzufügen würde, der Smartphone-Benutzer von der Seite, auf die sie im SERP klicken, auf die Homepage dieser Website umleitet. Aus Sicht von Google verbessert dieser Haftungsausschluss das mobile Erlebnis; in der Zwischenzeit sollten sich Webmaster Sorgen machen, wenn ihre mobilen Websites schlecht gerüstet sind, um die wachsende Zahl mobiler Anfragen zu bewältigen.

Update: Stunden nachdem dieser Beitrag veröffentlicht wurde, kündigte Google eine weitere Änderung an SERPs an, die sich darauf bezieht, mobile Benutzer vor einer suboptimalen Benutzererfahrung zu warnen. Websites, die Flash verwenden, enthalten einen Haftungsausschluss, dass die in den Ergebnissen aufgeführte Website „Flash verwendet“ und „Möglicherweise nicht auf Ihrem Gerät funktioniert“.

Websites stehen unter Druck, ein benutzerfreundliches mobiles Erlebnis zu bieten, da die Anzahl der mobilen Anfragen in diesem Jahr die Desktop-Anfragen übertroffen hat.

Mobiles Surfen ist keine Modeerscheinung von heute und morgen. Das mobile Web hat den Verbrauchern eine neue Lebensweise beschert. Mobiles Design ist keine Option mehr, sondern eine Notwendigkeit in einer Welt, in der mobilfreundliche Websites Besucher zu Kunden machen.

Laut dem Pew Research Center:

• 90 Prozent der amerikanischen Erwachsenen besitzen ein Handy.
• ⅔ der Amerikaner mit Mobiltelefonen nutzen ihre Telefone, um online zu gehen.
• ⅓ der Amerikaner mit Mobiltelefonen nutzen ihr mobiles Gerät als primären Zugangspunkt zum Internet.
• Seit 2012 ist die Akzeptanz von Smartphones um 69 Prozent gestiegen.

Ist Ihr mobiles Website-Erlebnis also auf dem neuesten Stand? Ty Carson, leitender SEO-Analyst bei Bruce Clay, Inc., berichtet über die häufigsten Fallstricke beim Design mobiler Websites, um Geschäftsinhabern und Internet-Vermarktern dabei zu helfen, bei mobilen Trends auf dem Laufenden zu bleiben.

Mobile Website-Technologie

Die Vermeidung der häufigsten Fallstricke im mobilen Webdesign beginnt in erster Linie mit der Auswahl der richtigen Technologie zum Erstellen Ihrer mobilen Website. Woher wissen Sie ohne IT- oder Webentwicklerhintergrund, welche Technologien suchmaschinenfreundlicher sind als andere?

Carson empfiehlt Geschäftsinhabern, sich zuerst mit einem SEO-Unternehmen zu beraten, bevor sie sich für eine Technologie entscheiden. Er empfiehlt außerdem, mobile Websites mit crawlbaren, statischen HTML-Seiten anstelle von AJAX-basierten Technologien zu erstellen. Wenn AJAX Ihre bevorzugte Technologie ist, können Sie Google dabei helfen, Ihre Website richtig zu indizieren, indem Sie die Richtlinien für Webmaster befolgen, um AJAX-Anwendungen crawlbar zu machen. Aber seien Sie sich bewusst, dass, wie Carson sagt, „Suchmaschinen Schwierigkeiten haben, auf dynamisch bereitgestelltes JavaScript zuzugreifen, also ist es besser, AJAX- oder JS-Technologien ganz zu vermeiden.“

Mobile Webdesign-Optionen

Nachdem Sie sich entschieden haben, welche Technologie Sie zum Erstellen Ihrer mobilen Website verwenden möchten, ist der nächste wichtige Faktor, den Sie berücksichtigen sollten, welche der drei von Google unterstützten Smartphone-Konfigurationen für Ihre Website am besten geeignet ist:

1. Sich anpassendes Webdesign
2. Dynamisches Servieren
3. Eine separate mobile Website

BCI-SEO-Analyst John Alexander behandelte die Vor- und Nachteile jeder Option in einem BCI-Blogbeitrag mit dem Titel A Cheat Sheet for Mobile Design. Lesen Sie den vollständigen Beitrag, um Einzelheiten zu den Vor- und Nachteilen der einzelnen Elemente zu erfahren, aber wissen Sie auf hohem Niveau, dass:

• Responsive Design ist Googles bevorzugte Smartphone-Konfiguration für mobile Websites. Dies ist jedoch je nach Größe und Layout Ihrer Website möglicherweise nicht immer eine praktische Lösung.
• Dynamisches Serving ist eine weitere großartige Option für mobiles Webdesign, aber es kann ein wenig schwierig zu implementieren sein und kann zu unbeabsichtigten Cloaking-Problemen führen, wenn es nicht richtig implementiert wird.
• Eine separate mobile Website ist eine ziemlich häufige Option, insbesondere bei Websites mit vielen Seiten, erfordert aber doppelt so viel Wartung mit einer ganzen separaten Website im Mix.

Unabhängig davon, mit welcher Konfiguration Sie arbeiten oder welche Sie bereits implementiert haben, besteht immer noch die Möglichkeit, dass Sie 68 Prozent des mobilen Datenverkehrs verlieren, wenn diese mobilen Lösungen nicht korrekt implementiert werden.

Häufige Probleme mit in HTML erstellten mobilen Websites

Möchten Sie es Ihren Kunden erleichtern, Sie zu finden, egal wo sie sich befinden oder welches Gerät sie verwenden? Lesen Sie weiter, um herauszufinden, ob Sie eine dieser Todsünden des mobilen Webdesigns begehen, gesehen durch die Augen unseres leitenden SEO-Analysten, der mehr als seinen gerechten Anteil an SEO-Überprüfungen mobiler Websites durchgeführt hat.

Fallstrick Nr. 1: Fehlerhafte Weiterleitungen

Eine Website sollte Benutzeragenten korrekt erkennen und den Besucher gegebenenfalls auf die gewünschte Seite einer Desktop-Website oder einer mobilen Website leiten. Damit der Server Besucher von verschiedenen Geräten richtig weiterleiten kann, muss die mobile Website für jede Seite auf der Desktop-Website über entsprechende äquivalente Seiten verfügen. Dieses Problem ist der auslösende Faktor für Googles neue Behandlung von Suchergebnissen, die Benutzer wie oben beschrieben auf die Startseite umleiten.

Fallstrick Nr. 2: Fehlende (oder falsche) Alternative

Dieses Problem kann ein Problem für Websites mit einer separaten mobilen Website sein. Als Faustregel gilt, dass jede Desktop-Seite auf eine entsprechende mobile Seite verweisen sollte. Dies kann durch Einfügen eines rel="alternate"-Tags auf Desktop-Seiten erfolgen. Am wichtigsten ist, dass die mobile Seite, auf die Sie verweisen, eine Seite sein muss, die der Desktop-Seite sehr ähnlich ist. Dies schafft ein besseres Sucherlebnis für mobile Benutzer. Es gibt nichts Enttäuschenderes für mobile Benutzer, als auf ein scheinbar vielversprechendes Ergebnis zu klicken, nur um festzustellen, dass die Seite nicht wirklich existiert … zumindest für einen mobilen Gerätebenutzer.

Fallstrick Nr. 3: Fehlende (oder falsche) Canonical

Hier ist ein weiteres Problem, das bei der Verwendung einer separaten mobilen Website auftreten kann. Für jede mobile Seite mit einer entsprechenden Desktop-Seite, die darauf verweist, sollten Website-Eigentümer ein rel="canonical"-Tag einfügen, das auf die entsprechende Desktop-Seite verweist. Während das rel="alternate"-Tag auf mobilen Seiten die mobile Suche verbessert, verhindert das kanonische Tag Probleme mit doppelten Inhalten und lässt Suchmaschinen wissen, welche Version der Seite indexiert werden soll.

Fallstrick Nr. 4: Cloaking, um Inhalte basierend auf User-Agents zu ändern

Dies ist ein häufiges Problem bei dynamischen Websites für Mobilgeräte sowie bei Websites, die Technologien wie Flash und JavaScript verwenden, auf die Suchmaschinen nur schwer zugreifen können. Cloaking ist ein direkter Verstoß gegen die Webmaster-Richtlinien von Google und bezieht sich auf die Praxis, Benutzern eine Version der mobilen Website zu präsentieren, während die Suchmaschinen eine völlig andere Version erhalten. Der beste Weg, dieses Problem zu beheben, besteht darin, sicherzustellen, dass alle User-Agents und Suchmaschinen-Bots denselben Quellcode wie mobile Benutzer erhalten.

Fallstrick Nr. 5: Geschwindigkeit mobiler Websites

Laut Daten von Google Analytics dauert es etwa 10 Sekunden, bis eine Webseite auf einem mobilen Gerät geladen ist, und dennoch haben die meisten mobilen Benutzer eine deutlich kürzere Aufmerksamkeitsspanne als diese. Google empfiehlt, die Seitenladezeit auf eine Sekunde oder weniger zu verkürzen, um eine optimale mobile Benutzererfahrung zu erzielen. Verwenden Sie Tools wie Google Page Speed ​​Insights oder W3C Mobile Validator, um Website-Geschwindigkeitstests durchzuführen und verschiedene Möglichkeiten zur Verbesserung der Seitenladezeiten Ihrer mobilen Website zu identifizieren.

Fallstrick Nr. 6: Große Bild- und Dateigrößen

Im Zusammenhang mit Problem Nr. 3 oben sind bildlastige Websites mit großen Dateigrößen große Probleme, die dazu führen können, dass Ihre Webseiten viel langsamer geladen werden. Je länger das Laden Ihrer Seite dauert, desto wahrscheinlicher ist es, dass Sie Besucher verlieren. Langsame Seitenladezeiten können auch zu langsameren Crawling-Raten führen, was bedeutet, dass weniger Ihrer mobilen Seiten indexiert werden. Die Lösung: Verwenden Sie komprimierte Bilder und eine kleinere Dateigröße, um die Zeit zu verkürzen, die mobile Suchmaschinen zum Rendern Ihrer Seite benötigen.

Fallstrick Nr. 7: Fehlende Meta-Tags

Wenn es um die Bereitstellung von Suchergebnissen geht, behandelt Google Mobilgeräte und Desktops ganz unterschiedlich, wenn das Nutzerverhalten und die Absicht in den Suchergebnissen berücksichtigt werden. Aus diesem Grund sollten Sie Ihre Website für die mobile Suche genauso optimieren wie für die Desktop-Suche. Die einfachste Lösung für fehlende Meta-Tags auf Ihren mobilen Seiten besteht darin, sie von ihren entsprechenden Desktop-Seiten zu ziehen und sicherzustellen, dass sie mit dem übereinstimmen, was der mobile Benutzer in Google sucht, um eine nahtlose Benutzererfahrung zu erzielen.

Fallstrick Nr. 8: Keine mobile Sitemap

Wenn Sie eine separate mobile Website haben, benötigen Sie eine separate Sitemap. Ohne eine Sitemap für Ihre mobile Website erschweren Sie es den Suchmaschinen nur, schnell zu erkennen, worum es bei Ihrer Website und Ihren Seiten geht. Die Sitemap weist sie auch auf zusätzliche Seiten Ihrer Website hin, die möglicherweise während des normalen Crawling-Prozesses übersehen wurden. Es sollte eine sitemap.xml-Datei erstellt werden, die alle statischen Seiten enthält, die von Suchmaschinen gecrawlt und indexiert werden sollen und sich im Stammverzeichnis Ihrer m.domain-Site befinden.

Vermeiden Sie die häufigsten Fallstricke im mobilen Design, indem Sie Website-Analysen installieren und die Inhaberschaft sowohl Ihrer Desktop- als auch Ihrer mobilen Website über die Webmaster-Tools überprüfen. Dies hilft Ihnen, Fehler zu identifizieren und zu beheben, die die mobile Erfahrung für Benutzer beeinträchtigen können.

Für Informationen darüber, wie Sie Ihre Seiten für Geschwindigkeit und mobiles SEO optimieren können, empfehlen wir, mit diesen Ressourcen zu beginnen:

• Die All-In-One Mobile SEO & Design-Checkliste
• SEO-Tutorial: Mobile SEO und UX-Optimierung
• Bildoptimierung: Die Nr. 1, die Sie tun können, um die mobile UX zu verbessern
• Webmaster's Mobile Guide von Google Developers