Upload
jens-altmann
View
797
Download
0
Embed Size (px)
DESCRIPTION
Conversion on Steroids zeigt praktische Beispiel mit der man seine Conversion Rate erhöhen kann. Neben Anpassungen auf der technischen Seite werden Best Practices vorgestellt.
Citation preview
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Conversion on Steroids
1
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Jens Altmann
Software Engineer bei der complex economy GmbH
- Entwickler seit 2004- Professionell im SEO-Bereich seit 2009 tätig- Moderator der Black Hat Show bei Radio4SEO- Softwarekonzeption, -planung und -erstellung
Vorstellung
@gefruckelt | facebook.com/jens.altmannhttp://gefruckelt.de
2
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Conversion Optimierung beginnt bei der Geschwindigkeit
3
Speed
- 1 Sekunde mehr Ladezeit kann die Conversion Rate um 7% reduzieren
- Ein Shop mit 100.000 Euro Umsatz im
Jahr gehen durch diese eine Sekunde 2,5 Millionen Euro pro Jahr verloren
Quelle:http://blog.kissmetrics.com/loading-time/
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Mobile explizit betrachten
Second Screen
Hohe Auflösung – kleiner Bildschirm
Responsive Design
Vorteile - Gleiches Layout für Desktop, Mobile und Tablet - Verwendung in Hybrid/Wrapper Apps
Nachteile - Noch im Beta Stadium - Hoher Testaufwand - Schwierige Unterscheidung der Anwendungsfälle
4
Speed mobile
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Probleme bei der Geschwindigkeit
Unterschiedliche Felder:
Client - Netzwerkgeschwindigkeit - langsame CPU (mobile!) - Darstellung im Browser
Server - zu hohe Last - viele Datenbankabfragen - Angriffe von außen - unzureichende Konfiguration
Spezifikation - HTTP/1.1 sieht nur zwei Verbindung zu einem Host vor!
5
Speed optimization
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Lösungsansätze Client
Javascript - Asynchronges laden - DOM Manipulationen direkt vor </body>
Bilder - kleine Bilder in der CSS via Base64 Inline definieren - Bilder zu CSS Sprites zusammenfassen - Bilder optimieren z.B. mit WebP (~26% kleiner als PNG, Transparenz) → vorsicht!
DOM - Reduzierung des DOM - sinnvolle CSS Selectoren - Unnötigen Code entfernen (langsame Werbenetzwerke etc.) Rendering und Darstellung - Bilder immer mit Höhe und Breite definieren - Inline CSS im <head> für kleine CSS Dateien oder selten verwendete Definitionen - Pure Javascript anstelle von Frameworks
6
Speed optimization
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Lösungsansätze für den Server
.htaccess - Keep-Alive für HTTP/1.1 aktivieren - File Caching über den Expired Header im Browser aktivieren - GZIP aktivieren
Module - unnötige Module deaktivieren - mod_pagespeed
Lastverteilung der Datenbankserver
Caching, aber richtig! - gerendertes HTML - Datenbankabfragen
Regelmäßige Performance Tests und Monitoring - Selenium - Google Page Speed
7
Speed optimization
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Lösungsansätze Spezifikation
Dateien liegen auf anderen Servern - Subdomains - CDN
Lazy Load von Bildern
Prefetching und Preload von Bildern und Dateien
8
Speed optimization
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Definition von CTA und Fokus Elementen
Beispiele Bereich eCommerce - Warenkorb deutlich hervorheben - Piktogramme benutzen - Trust Element in den Fokus setzen, nicht in den Footer - USP verdeutlichen, dafür den Kopfbereich nutzen - Bilder ansprechend darstellen
Beispiele Bereich Affiliate / Preis- /Produktbereich - Hervorhebung von Produkten/Dienstleistungen - Produkt USP darstellen - Preise im gewohnten Format darstellen
9
User Experience
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Vereinfachung von Formularen
Sei keine Datenkrake!→ Formulare auf das nötigste begrenzen
Nutzt gängige Feldernamen→ Unterstüzung von Autofill Funktionen
Typ Definition vom <input>→ „text“, „tel“, „url“, „email“ + pattern Attribut (z.B. „[0-9]“)
Think Mobile→ Formular klein halten→ viele Eingabe Felder demotivieren, lieber auf mehrere Seiten verteilen („Wizard“)
10
User Experience
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Newsletter Optimierung
A/B-Tests reichen nicht aus→ Segmentiere die Abonnenten→ Gruppiere nach Interessen, Kaufhistorie oder ähnlichem
Optimiere für den Nutzer→ Auf den Abonennten abgestimmte Reihenfolge der Einträge→ Reduzierung der Einträge um den Fokus gezielter zu setzen→ Tagging der News durch Redakteure
11
User Experience
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Cross Selling effektiv nutzen
Beispiel: Newsletteranmeldung→ Biete passende Folgeseiten an
Beispiel: Reisebuchung→ Kooperation mit Touristenführern, Museen etc. in den Zielorten
Beispiel: Dienstleistungsbuchung→ Angebot von Rabatten und Gutscheinen in Partnerbaumärkte, Shops etc. die zur Dienstleistung
passen
12
User Experience
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
KISS
„Keep it simple, stupid“
Einfache Usability → höhere Conversions
Klare Strukturen
Unterstütze den Anwender - Inhaltsverzeichnis - „(Ver)Führe den Nutzer„ → Dafür benötigen wir: Intension des Besuchers Weitere Informationen über den Nutzer
Problem: Wir haben diese Informationen nicht bzw. nur teilweise ( Stichwort: „(not provided)“ )
→ Zielsetzung: Ermittlung dieser Daten!
13
User Experience
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Nutzertracking
„In god we trust, all others we track“
Sei eine Datenkrake! ABER: Ertrinke nicht in Daten!
Analyse mittels Big Data Konzepten → Anhand von KPIs ist eine Echtzeitanalyse möglich → Benötigt Abgrenzung und Definition von KPIs
14
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Nutzertracking
Tracking und Auswertung
Serverseitig - log Files (z.B.) - logging im CMS - Analyticssoftware (z.B. Google Analytics, Piwik)
Client - Pixeltracking - Eventbasiertes Tracking - Tracking von Interaktionen
15
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Probleme beim Tracking
EU Cookie-Richtlinie → Es wird ein Opt-In oder Opt-Out benötigt → Definition und Einsatz nur sehr vage definiert
„Do not track“ - Header → Kann als Opt-Out angesehen werden
Datenschutz → Aufnahme der Verwendung und Verarbeitung im Disclaimer
Sicherheit der Daten → Die Daten sollten möglichst sicher gespeichert werden
Ablehnung von Cookies → Tracking durch Browserfootprint, IP Basiert („cookieless tracking“)
16
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Eventbasiertes Tracking
Gezieltes Tracking von Events auf der Internetseite
Beispiele - Newsletteranmeldung - Analyse von Suchanfragen ohne Ergebnis - Erkennung von Facetten ohne Ergebnis - Abbrüche im Conversion Pfad - 404er analysieren - Signifikante Zugriffssteigerung auf Unterseiten
→ Chancen für Nutzerbindung
17
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Tracking von Interaktionen
[HIDDEN CONTENT]
18
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Optimierung auf den Nutzer
19
Tracking
[HIDDEN CONTENT]
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
LIVE Beispiel
20
Tracking
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Ihr wollt ein SEO und Conversion optimiertes CMS wie im Live
Beispiel?
http://gefruckelt.de/blackcms/
21
Werbung
Jens Altmann | gefruckelt | jens.altmann | http://gefruckelt.de
Fragen?
Kontaktiert mich
22
Q&A