Der Großteil von uns verwendet Smartphones und freut sich hier über gut optimierte bzw. übersichtliche Websites. Wie oft aber rufen wir mobile Websites auf, wenn wir unterwegs sind und sind dann ziemlich verärgert, wenn da einfach rein gar nix benutzerfreundlich optimiert ist. Kein Anrufbutton, kleine Schrift, der Text zu nah beieinander oder noch doofer: gar keine mobile Website und zoomen bis zur Unendlichkeit. Daher ist dieses Thema nach wie vor aktuell.Folgende Fragen möchte ich mit Euch beantworten:- “Wie muss ich meine Inhalte aufbereiten, dass sie für den Besucher so richtig knallen und was geht gar nicht?”- “Wie sieht die mobile UX aus – auf was muss ich da genau achten?”- “Wie schaffe ich es, mehr mobile Conversions zu generieren?”- “Welche Rolle spielt hier das Local SEO?”Wahrscheinlich wird Google Ende 2017 den Mobile Index als First Index werten. Daher wird mobiles SEO umso wichtiger. Ein Grund mehr für Tipps & Tricks aus der mobilen SEO-Schatzkiste.

1. Think mobile
Smarte Tipps für‘s
Phone
OMT Wiesbaden
01.09.2017

2. Wir erwarten,
das zu bekommen was wir wollen
und zwar
in dem Moment, wo wir es wollen!
à das ist mobil ! 👀

3. • Arten mobiler Websites
• Mobile Customer Journey
• Mobile Usability / UX
• Mobile CRO
• Local SEO

4. Handynacken! 😬!

5. $
http://theoatmeal.com/comics/mobile_website

6. 🙄
http://theoatmeal.com/comics/mobile_website

7. In your face 😑

8. Separate mobile Website
• separate URL:
zB m.domain.at
• verschiedene HTML-Codes
• rel=„alternate“ für Desktop
• rel=„canonical“ für mobile
Website

9. https://hotel-waldbauer.at/mobile/? https://hotel-waldbauer.at

10. Vorteile ✅
• Eigene Website für jedes
Endgerät
• Inhalt
• Design?
Nachteile ❌
• 2 URLs = doppelter Aufwand
• Duplicate Content-Gefahr
• Bruch im Design

11. Dynamische Bereitstellung
• Inhalte von Endgerät abhängig
• gleiche URL
• unterschiedliche HMTL-Codes
• Vary Header

12. Vorteile ✅
• selbe URL-Struktur
• keine Weiterleitungen
• Mobile UX
• Inhalte für jedes Endgerät
Nachteile ❌
• technischer Aufwand
• Fehler mit User Agents

13. Responsive Webdesign
• Website passt sich Screen an
• gleicher HTML-Code
• gleiche URL
• Viewport-Tag
• Von Google empfohlen )
• Sinnvoll wg. „mobile first Index“

14. Vorteile ✅
• 1 Website
• Anpassung an Devices
• nutzerfreundlich
• gute Teilbarkeit aufgrund
der selben URLs
Nachteile ❌
• große Bilder (media queries)
• Darstellungsprobleme
• keine mobilen Änderungen
• 1 Metadescription

15. https://search.google.com/test/mobile-friendly

16. Google Search Console

17. Costumer Journey
• Mikro-Momente
• Touchpoints
• Quick-Infos

18. Mobile Usability
• Benutzerfreundlichkeit von
mobilen Endgeräten
• Effizienz
• Effektivität
• Zufriedenstellung

19. Mobile User Experience
(UX)
• Nutzer im Fokus
• Erwartungen an die
Website
• Gute Usability à
positive UX

20. Speed ...
• 3 Sekunden!
• mobil = unterwegs
• Google PageSpeed
Insights
• Probleme beheben

21. Test: Google Leichtgewicht-Such-App
http://searchengineland.com/google-testing-new-light-weight-search-app-slow-internet-networks-280862

22. Der Daumen will auch!
• Abstand!
• große Tippziele
• Google Developers

23. Darstellungsbereich
• No go: horizontal scrollen L
• Darstellungsbereich-Meta-Tag: TL;DR

24. Schriftgröße
• No-Go: zoomen!
• min. 16 px

25. Keine Pop-Ups!
• Screen wird überdeckt
• Negative
Nutzererfahrung
• Tipp: Inline-Banner

26. Google-Bot will
mitspielen
• Nicht aussperren!
• JavaScript
• CSS
• Bilddateien

27. Mobile Bilder
• positive Emotionen
• mobilen Frust
vermeiden
• Text & Bild trennen
• Bilder komprimieren

28. Mobile Conversion Optimierung

29. Reduktion
• aussagekräftige Inhalte
• Flesch-Index
• Übersicht above the fold

30. Keep it simple!
• Burgermenü
• sinnvolle Icons
• Suchfunktion

31. Einfache Bedienung

32. Download-Infos

33. Local SEO
Google
AdWords
Lokale
Suchergebnisse

34. Kontaktdaten

35. Google My Business

36. Futter für Google

37. Tools
• http://www.uxrecorder.com/
• https://goo.gl/

38. Danke!
#staymobile
www.daniela-malzer.com