Checkliste und Videos zur Verbesserung von mobilen Websites

Dienstag, 10. Dezember 2013

Sie sind sich nicht sicher, wo Sie mit der Verbesserung Ihrer Smartphone-Website beginnen sollen? Sie fragen sich, wie Sie all die Ratschläge priorisieren sollen? Wir haben gerade eine Checkliste veröffentlicht, die einen effizienten Ansatz zur Verbesserung von mobiler Website bieten soll. Mehrere Themen in der Checkliste verlinken auf einen relevanten Business Case oder eine Studie, andere Themen enthalten ein Video, das erklärt, wie man Daten aus Google Analytics und Webmaster Tools während des Verbesserungsprozesses verwertbar macht. Unten sind gekürzte Abschnitte der
vollständigen Checklistekopiert. Bitte lassen Sie uns wissen, wenn Sie mehr sehen möchten oder wenn Sie zusätzliche Themen haben, die wir aufnehmen sollen.

Schritt 1: Hören Sie auf, Ihre Kunden zu frustrieren

• Entfernen Sie umständliche zusätzliche Fenster von allen mobilen User-Agents |
  Google-Empfehlung,
  Am meisten gehasste Werbetechniken
• JavaScript-Pop-ups, die schwer zu schließen sein können.
• Overlays, insbesondere zum Herunterladen von Apps (erwägen Sie stattdessen ein Banner wie
  iOS 6+ Smart App Banners
  oder gleichwertig, Seitennavigation, E-Mail-Marketing usw.).
• Umfrageanfragen vor Abschluss der Aufgabe.
• Stellen Sie geräteangepasste Funktionalität bereit
• Entfernen Sie Funktionen, die Plugins oder Videos erfordern, die auf dem Gerät eines Benutzers nicht verfügbar sind (z. B. ist Adobe Flash auf einem iPhone oder auf Android-Versionen 4.1 und höher nicht abspielbar). |
  Business Case
• Stellen Sie Tablet-Benutzern die Desktop-Version zur Verfügung (oder, falls verfügbar, die Tablet-Version). |
  Studie
• Überprüfen Sie, ob das vollständige Desktop-Erlebnis auf Mobiltelefonen zugänglich ist, und bleibt bei Auswahl für die Dauer der Sitzung in der vollständigen Desktop-Version (d. h. der Benutzer muss nicht nach jedem Laden der Seite “Desktop-Version” auswählen). |
  Studie
• Korrigieren Sie Mobilseiten mit hohem Traffic und schlechter Benutzererfahrung
• Nehmen Sie schnelle Leistungsverbesserungen vor (und machen Sie weiter, wenn Sie hinter der Konkurrenz zurückbleiben) |
  Business Case
• Um alle Themen unter “Hören Sie auf, Ihre Kunden zu frustrieren” zu sehen, lesen Sie bitte die vollständige
  Checkliste zur Verbesserung von mobilen Websites.

Schritt 2: Erleichtern Sie die Aufgabenerledigung

• Optimieren Sie Crawling, Indexierung und das Sucherlebnis |
  Business Case
• Entsperren Sie Ressourcen (CSS, JavaScript), die von robots.txt gesperrt sind.
• Implementieren Sie Best Practices für Suchmaschinen basierend auf Ihrer mobilen Implementierung:
• Responsive Design: Stellen Sie sicher, dass Sie @media Query einschließen.
• Separate mobile Website: Fügen Sie
  rel=alternate media und rel=canonicalsowie den
  Vary: User-Agent HTTP-Header hinzu, der Google hilft,
  Redirect überspringen.
• Dynamische Bereitstellung: Fügen Sie den
  Vary: User-Agent HTTP-Header hinzu.
• Optimieren Sie beliebte mobile Persona-Workflows für Ihre Website

Schritt 3: Verwandeln Sie Kunden in Fans!

• Betrachten Sie Suchintegrationspunkte mit mobilen Apps |
  Ankündigung,
  Informationen
• Brainstormen Sie neue Wege, um Mehrwert zu bieten
• Entwickeln Sie für mobiles Verhalten, wie den In-Store-Shopper. |
  Business Case
• Nutzen Sie Smartphone-GPS, Kamera, Beschleunigungsmesser.
• Erhöhen Sie das Teilen oder soziale Verhalten. |
  Business Case
• Berücksichtigen Sie intuitive/lustige taktile Funktionalität mit Wischen, Schütteln, Tippen.

Geschrieben von
Maile Ohye, Developer Programs Tech Lead