Download - Conversion on Steroids SEO Campixx 2013
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