Checkliste und Videos zur Optimierung von mobilen Websites

Donnerstag, 10. April 2014

Ihr fragt euch, an welchem Punkt ihr bei der Optimierung eurer Smartphone-Website am besten ansetzen solltet? Ihr seid euch nicht sicher, welche der Ratschläge ihr zuerst berücksichtigen solltet? Wir haben jetzt eine Checkliste veröffentlicht, die euch dabei helfen kann, die Optimierung von mobilen Websites so effizient wie möglich zu gestalten. Einige der Themen in der Checkliste verweisen dabei auf relevante Anwendungsszenarien oder Studien, andere beinhalten Videos, die euch erklären, wie ihr Daten aus Google Analytics und den Webmaster-Tools bei der Optimierung verwenden könnt. Unten findet ihr eine gekürzte Fassung der vollständigen Checkliste (in Englisch). Bitte gebt uns Bescheid, wenn ihr noch mehr erfahren möchtet oder weitere Themenvorschläge für die Checkliste habt.


Schritt 1: Verbessert die Nutzerfreundlichkeit

  • Entfernt unnötige zusätzliche Fenster aus allen mobilen User-Agents | Empfehlung von Google, Artikel
    • JavaScript-Pop-ups, die sich nur schwer schließen lassen
    • Overlays, insbesondere zum Herunterladen von Apps – verwendet stattdessen Banner wie beispielsweise iOS 6+ Smart-App-Banner (in Englisch) oder vergleichbare Banner, Sidebar-Navigationen oder E-Mail-Marketing.
    • Anfragen zur Teilnahme an einer Umfrage, bevor die Seite vollständig geladen ist
  • Entfernt Funktionen, die Plug-ins oder Videos erfordern, die auf dem Gerät des Nutzers nicht verfügbar sind.
    • Adobe Flash ist beispielsweise auf einem iPhone oder einem Gerät mit Android 4.1 und höher nicht abspielbar. | Anwendungsszenario (englischsprachiger Blogpost)
    • Bietet den Nutzern von Tablets die Desktop-Version (oder, sofern verfügbar, die Tablet-Version) an. | Studie (englischsprachige Studie)
    • Stellt sicher, dass die vollständige Desktop-Version auf Mobiltelefonen zugänglich ist und dass sie bei Auswahl auch für die Dauer der Sitzung verbleibt, damit Nutzer nicht nach jedem Laden einer Seite wieder "Desktop-Version" auswählen müssen. | Studie (englischsprachige Studie)
  • Korrigiert mobile Seiten mit hohen Zugriffszahlen und geringer Nutzerfreundlichkeit.

So könnt ihr mobile Seiten mit hohen Zugriffszahlen und geringer Nutzerfreundlichkeit mit Daten zu Absprungraten und Ereignissen aus Google Analytics korrigieren ( Folien )
  • Erzielt schnelle Leistungsverbesserungen (und setzt diese fort, wenn die Konkurrenz euch voraus ist) | Anwendungsszenario
So könnt ihr schnelle Leistungsverbesserungen vornehmen und eure Seite mit denen der Konkurrenz vergleichen ( Folien )


Um alle Punkte zum Thema Nutzerfreundlichkeit zu lesen, schaut euch die vollständige Checkliste zur Optimierung von mobilen Websites (in Englisch) an.


Schritt 2: Erleichtert die Abwicklung von Aufgaben
  • Crawling, Indexierung und Sucherfahrung optimieren | Anwendungsszenario (in Englisch)
    • Hebt die Blockierung von Ressourcen (CSS, JavaScript) auf, die durch die robots.txt-Datei unterbunden werden.
    • Wendet Best-Practices für Suchmaschinen an, die eurer mobilen Implementierung entsprechen:
    • Dynamische Bereitstellung : Schließt den " Vary: User-Agent HTTP-Header" ein.
  • Optimiert beliebte mobile Workflows für eure Website

So optimiert ihr beliebte mobile Workflows mithilfe der Google Webmaster-Tools und Google Analytics ( Folien )


Schritt 3: Macht eure Kunden zu Fans
  • Zieht Suchintegrationspunkte mit mobilen Apps in Erwägung | Ankündigung , Information (in Englisch)
  • Überlegt euch neue Methoden zur Steigerung des Mehrwerts.
    • Entwickelt Funktionen für mobiles Verhalten wie den In-Store-Shopper. | Anwendungsszenario
    • Setzt GPS-Systeme, Kameras und Beschleunigungsmesser von Smartphones wirksam ein.
    • Erleichtert das Teilen von Inhalten und den Zugang zu sozialen Netzwerken. | Anwendungsszenario
    • Achtet auf eine intuitive, haptische Funktionalität, die Spaß macht, wie Wischen, Schütteln oder Tippen.

Post von Maile Ohye , Developer Programs Tech Lead (Veröffentlicht von Johannes Mehlem , Search Quality Team)