10 Tipps zur Conversion Optimierung für Onlineshops

Was macht einen Besucher zum Kunden und wie kann man als Websitebetreiber darauf Einfluss nehmen, dass mit der Zahl der Aufrufe einer Seite auch gleichsam die Anzahl der Käufe steigt? In der Regel zählen die ersten 30 Sekunden – ist der Besucher innerhalb dieser Zeit nicht von der Seriosität oder dem Produktangebot eines Onlineshops überzeugt, wird er aller Wahrscheinlichkeit nach das Angebot der Konkurrenz aufsuchen. Damit euch das nicht passiert, haben wir hier 10 Tipps zur Conversion Optimierung für Onlineshops zusammengefasst.

1. Produkte von ihrer Schokoladenseite präsentieren

„Das Auge kauft mit“ – Es sollte auf eurer Landing Page also auf den ersten Blick begeistert werden. Wie das möglich ist? An vorderster Stelle steht dabei die Verwendung ästhetischer, hochauflösender Bilder des Produktes aus verschiedenen Perspektiven, um dem Kunden ein möglichst detailliertes Bild davon zu ermöglichen. Der erste Eindruck von einer Landing Page entscheidet über Conversion oder Absprung – von daher sollten Webmaster sicherstellen, dass das Wesentliche (das Produkt) so detailreich und ansprechend wie möglich dargestellt ist und auf den ersten Blick überzeugt. Hilfreich dabei können neben exzellenten Bilddateien, die ihr im besten Fall selbst produziert, zum Beispiel 360° Videos, rotierende Bilder oder 3-D Darstellungen des Produktes sein, sowie eine informative Beschreibung des Artikels.

2. Kurze Ladezeiten gewährleisten

Eine möglichst kurze Ladezeit ist nicht nur wichtiger Google-Rankingfaktor – sie ist auch dafür verantwortlich, dass Besucher eine positive User Experience haben, wenn sie euren Webshop nutzen. Insbesondere auf Produktseiten, auf denen zahlreiche kapazitätsintensive Dateien (Bilder, Videos, JavaScript) vorhanden sind, solltet ihr darauf achten, dass die Ladezeit den Grenzwert von 1,5 Sekunden nicht überschreitet. Eine von Google herausgegebene Studie belegt den Zusammenhang von Ladezeit und Absprungrate. Sie besagt, dass bei einem Anstieg der Ladezeit um 100 Millisekunden die Suchanfragen um 0,2 Prozent zurückgehen. Ob eure Ladezeit sich in einem kritischen Bereich befindet, und wie ihr dafür sorgen könnt, dass eure Website schneller vollständig geladen ist, erfahrt Ihr mit dem Page Speed Insights Test von Google.

3. Call-to-Action Buttons als Wegweiser einsetzen

Um euren Besuchern zu zeigen, wie sie auf dem kürzesten Weg den Bestellvorgang in eurem Shop abwickeln können, sollten auffällige Call-to-Action Buttons als Wegweiser sinnvoll auf der Landing Page platziert werden. Achtet darauf, dass eure Buttons auf den ersten Blick sofort als solche erkennbar sind und sich von der restlichen Landing Page abheben. Auf allzu kitschige, mehrfarbige Riesen-Banner solltet ihr allerdings lieber verzichten. Der Text im Button sollte einen Klickreiz enthalten, gut lesbar sein und Lust auf mehr machen um zur Conversion Optimierung beizutragen. Ein praktisches Tool zum Erstellen von Call-to-Action Buttons findet ihr hier

4. Vertrauen schaffen

Vertrauen zu schaffen, gilt im E-Commerce als Grundvoraussetzung für Erfolg. Erscheint eure Website den Besuchern unseriös, zum Beispiel durch fehlerhafte Rechtschreibung, nicht vorhandenes Impressum oder fehlende Gütesiegel, werden sie womöglich eher die Seiten der Konkurrenz aufsuchen. Man sollte sich also bemühen, den Besuchern bereits auf den ersten Blick vertrauensfördernde Elemente sichtbar zu präsentieren. Verfügt ihr also Gütesiegel, Zertifizierungen oder SSL-Verschlüsselung – platziert diese in einem Bereich, den der Nutzer sofort sieht, wenn er auf die Landing Page gelangt. Pflegt euer Impressum, reagiert zügig auf Anfragen oder Reklamationen und bemüht euch um eine fehlerfreie Rechtschreibung. Eure Conversion Rate wird es euch danken.

5. Datenschutz großschreiben

Kunden gehen immer vorsichtiger mit ihren persönlichen Daten um. Ihr solltet euch von daher im Vorfeld genau überlegen, welche Daten für die Bestellung in eurem Webshop wirklich nötig sind. Je mehr Daten abgefragt werden, desto höher ist die Chance, dass der Kunde misstrauisch wird und den Kauf abbricht. Um also möglichst viele Besucher auch als Kunden zu gewinnen, sollte die Anzahl der abgefragten Daten auf ein Minimum reduziert werden. Ein weiteres vertrauensbildendes Merkmal eines Webshops ist der Einsatz von SSL-Zertifikaten zur Verschlüsselung der Kundendaten.

6. Das Auge des Kunden auf das Wesentliche lenken

Ist der Kunde erst einmal bei eurem Webshop gelandet, gilt es, ihn möglichst ohne Umwege und mit nur wenigen Klicks zur Conversion, also zum Kauf, zu leiten. Ihr solltet tunlichst vermeiden, dass eure Kunden sich durch undurchsichtige Kategorien zu kämpfen und nicht auf den ersten Blick zu finden, wonach sie gesucht haben. Deshalb: Gestaltet eure Landing Page übersichtlich, verwendet nicht zu kleine Schriftarten, nicht zu viele Farben und ein klar strukturiertes Layout. Conversion-Buttons müssen sich vom Rest der Landing Page abheben und einen Klickreiz hervorrufen. Probiert lieber verschiedene Varianten (Farben, Größe, Schriftart, Symbole) aus und verfolgt über einen gewissen Zeitraum die Auswirkungen.

7. Kundenbewertungen präsentieren

Eine Brandaktuelle Studie von eKomi belegt, dass Kundenbewertungen für 56 Prozent aller Befragten „wichtig“ oder „sehr wichtig“ sind. Knapp Zwei Drittel gaben an, ein Produkt, welches sie ursprünglich nicht kaufen wollten, nach dem Lesen einer positiven Kritik schließlich doch gekauft haben. All diejenigen unter euch, die bisher keine Kundenmeinungen und Rezensionen in ihrem Webshop erlauben, sollten sich also einmal ausrechnen, wie viele Kunden sie durch positive Kundenbewertungen hätten gewinnen können. Die meisten Content-Management-Systeme stellen Plug-Ins zur Verfügung, mit denen automatisch ein Bereich für Kundenbewertungen erstellt wird.

8. Keywords (Schlüsselbegriffe) einbinden

Keywords sind einerseits Voraussetzung dafür, dass potentielle Kunden euch über Suchmaschinen finden, andererseits aber auch hilfreiche Ankerpunkte auf der Landing Page, die dem Besucher signalisieren, dass er auf eurer Seite genau das vorfindet, wonach er gesucht hat. Um also einerseits eure Rankings zu pushen und andererseits eure Conversion-Rate zu steigern, empfiehlt es sich wichtige Schlüsselbegriffe auf der Landing Page zu integrieren, nach denen die Nutzer gesucht haben könnten. Achtet auf aussagekräftige Seitentitel, Meta-Descriptions und Überschriften und verseht sie mit relevanten Keywords.

9. Verschiedene Zahlungsmöglichkeiten anbieten

Für den Kunden ist die Art der Bezahlung in Onlineshops ein wichtiges Thema. Oft hat der Kunde eine bevorzugte Zahlungsmethode – wird diese nicht angeboten, kommt es in 72 Prozent der Fälle zum Abbruch des Kaufvorgangs. Es empfiehlt sich als Websitebetreiber also darüber nachzudenken, auch Zahlungsmöglichkeiten anzubieten, die ihn womöglich einiges an Überwindung kosten (Zahlung auf Rechnung oder in Raten), wenn eine höhere Conversion-Rate dadurch zu erwarten ist.

Tipp: Im deutschsprachigen Raum zahlen Kunden online übrigens am liebsten mit PayPal, gefolgt von der Zahlung per Rechnung.

10. Kontinuierliche Analyse und Tests

Man lernt nie aus – das gilt auch für den Bereich Conversion Optimierung. Von daher solltet Ihr mindestens einmal pro Monat, besser noch wöchentlich, eure Zugriffs- und Conversion-Zahlen analysieren. Wichtige Anhaltspunkte dabei sind zum Beispiel die Absprungraten von einzelnen Landing Pages. Liegen diese über dem Durchschnitt, lässt sich daraus schließen, dass die Landing Page den Besuchern im jetzigen Zustand nicht gefällt oder euer Angebot sich nicht mit dem Kaufinteresse der Besucher deckt. Überprüft regelmäßig, welche Auswirkungen auch marginale Änderungen an eurer Website oder Marketingaktivitäten auf eure Besucher- und Absatzzahlen haben und versucht euch so Schritt für Schritt einer optimalen Conversion Rate anzunähern.

 

TYPO3 vs. Drupal CMS

Drupal vs. Typo 3

Wer macht das Rennen?

t3n Magazin von yeebase media Gmbh, Hannover hat in seiner neuesten Ausgabe (1. Quartal 2013) sich dieser Frage gestellt.
Die Wahl eines Open Source CMS ist eine Grundlegende Entscheidung, darum haben wir auch euch die wichtigsten Punkte des Artikels zusammen gefasst.

Vorab, der Beitrag ist nicht für Techniker gestaltet, sondern für Entscheider aus dem Bereich Marketing ohne technischen Hintergrund.

Drupal

Drupal 8 – neuer Release. Angepasst für mobile Anwendungen auf Smartphones und Tablets, wurden die Schwachpunkte der letzen vorigen Version beseitigt. Dazu kommt auch noch die Optimierung der Sprachfeatures und Autoren Werkzeuge.

Neue Anwendungen sind unter anderem für neue Zielgruppen interessant:

  • Geschäftsanwendungen
  • eLearning
  • Publishing
  • Social Communities
  • Event-Management
  • Customer Relationsship Management (CRM)

 

Was macht das Tool für Marketing Leute interessant?
Funktionen wie User-Tracking, Multi-Channel-Publishing und Echtzeit-Analysen. Damit können Marketingverantwortliche das Verhalten der Webseiten-User analysieren, Rückschlüsse ziehen und dementsprechend die Inhalte zuschneiden. Skalierbar – anwendbar für Große als auch für kleine Unternehmen.

Von Smartphones bis Tablets…

Die Entwickler möchten es zu einem der besten Frameworks für mobile Webanwendungen machen.  Derzeit wird sehr viel in Forschung und Prototyping investiert.

Fazit: Durpal soll die nächsten 4-5 Jahren an der Spitze der CMS stehen. Mobile Support, Web-Engagement und spezialisierte Distributionen bilden hier die Schlagworte. Hierbei können die Entwickler noch Unterstützung gebrauchen.

TYPO3

Was ist neu? Das CMS Neos (vormals Phoenix) soll die Nachfolge für das jetztige TYPO3 CMS (ab November Version 6.0) ablösen sollte. Darum gab es unter dem Brandhimmel einige Änderungen. TYPO3 wird zur Dachmarke z.B. FLOW3 wird zu “TYPO3 Flow”, Surf wird zu “TYPO3 Surf” .

Was ist aber das Entscheidende für Anwender?
TYPO3 6.0 bring einige wichtige Änderungen mit sich. TYPO3 Core wurde auf Namespace umgestellt, jedoch gibt es für die Vorgängerversionen eine Kompatibiltitässchicht mit der man jedoch auch noch die alten PHP-Klassennamen verwenden kann. In diesem Sinne – Extension funktionieren auch ohne Umstellung. Jedoch sollte langfristig darauf geachtet werden, dass Extensions nachgerüstet werden.

Mobile Webseiten mit TYPo3

ja, das geht! Aufgrund des Templating-Systems besteht kein Problem mit TYPO3 CMS und TYPO3 Neos. Auch das Zusammenspiel mit den Responsive-Framworks (Foundation, YAML, Bootstrap etc.) ist problelos möglich. Es gibt auch neuere Ansätze für responsive Images (TYPO3 Extension) die zu verschiedenen Varianten die jeweils passende Bildversion liefert.

Fazit: Wer TYPO3 bereits hat, kann bedenkenlos damit in die Zukunft sehen. Mit der Erweiterung t3mobile wird auch noch das Editieren von bestehenden Webseiten für den Zweck von mobilen Webseiten vereinfacht.

 

weiter Links dazu:
t3n.de/3213
http://sparkdrupal.com
http://durpal.org/community-initatives/drupal-core
http://w3techs.com/technologies/overview/content_management/all

 

 

Wie versteckt man Seiten in der TYPO3 Navigation

1. Schritt: Sie klicken die betroffene Seite im Seitenbaum an.
2. Schritt: Sie öffnen mit dem Bleistiftsymbol am oberen Rand die “Page Properties” bzw. zu deutsch “Seiten Eigenschaften”.

TYPO3 Seiten in der Navigation verstecken
TYPO3 Seiten in der Navigation verstecken

3. Schritt: Page Properties sind geöffnet.
Wählen Sie die 2. Registerkarte. Sie finden dort die Checkbox “Hide” bzw. “verbergen” angezeigt. Aktivieren Sie die Checkbox und speichern Sie die Änderung.

TYPO3 verbergen von Seiten
TYPO3 verbergen von Seiten

Flash Videos in TYPO3 CMS einbinden

Sie möchten ein Video auf Ihrer Webseite einbinden? Es ist kein Youtube Link.

1. Schritt: Auf welcher Seite soll das Video angezeigt werden? Anklicken der Seite im Seitenbaum.  Legen Sie ein Inhaltselement mit dem Plugin an. Wir empfehlen FLV Player , der Video Player von TYPO3.
Ist der FLV Player bereits installilert? wählen Sie aus den Plugin Elementen den FLV Player aus. Dann öffnet sich ein neues Fenster.

Flash Videos in TYPO3 CMS mit FLV Player einfügen
Flash Videos in TYPO3 CMS mit FLV Player einfügen

2. Schritt:Wie laden Sie das Video hoch?
Es gibt zwei Möglichkeiten:
1. Sie haben das Video im Fileadmin (Detailliste) bereits hochgeladen, dann wählen Sie das Ordner Symbol.
2. Sie haben das Video lokal auf Ihrem Rechner, dann wählen Sie FLV MP4 “Durchsuchen” und laden das Video hoch.

 

Flash Videos in TYPO3 CMS mit FLV Player hochladen
Flash Videos in TYPO3 CMS mit FLV Player hochladen

 

Seitennamen im TYPO3 Seitenbaum ändern

Namen umbenennen im TYPO3 Seitenbaum ist sehr einfach.

 

1. Schritt: Im Seitenbaum machen Sie einen mit Doppelklick auf den Namen der zu ändernden Seite

2. Schritt: Das Wort wird blau hinterlegt, danach mit dem Coursur in das Fels klicken. Jetzt können Sie den neuen Namen eintippen.

3. Schritt: nach der Namenänderung verlassen Sie das blau hinterlegte Feld. Tipp: Klicken Sie auf einen benachbarten Seitennamen. Die Änderung des Seitennamens speichert sich automatisch.

Änderung des Seitennamen im TYPO3 Seitenbaum
Änderung des Seitennamen im TYPO3 Seitenbaum

TYPO3 Seiten erstellen und im Editor bearbeiten

IXSOL empfiehlt als Editor:  tinymce editor für typo3

1. Schritt: öffnen Sie das Seitenelement – Bleistift Symbol

2. Schritt: Sie haben zwei Möglichkeiten:

a) schreiben Sie den Text direkt in den Editor
b) fügen Sie den Text von doc oder txt Datein ein

Tipp: Falls  Änderungen von Texten und Bildern nicht am Frontend sichbar sind, leeren Sie bitten den Cache. Den Chache finden Sie in der oberen Leiste, das Symbol mit dem Blitz.

Öffnen des Text Editors TYPO3
Öffnen des Text Editors TYPO3

 

Header Überschriften TYPO3 Editor

Überschriften können verborgen werden, hierfür klicken Sie die Checkbox “hide”bzw. “verbergen” an
Überschriften verlinken: URL einfügen per Link
H1: Default, Layout
H2: Layout 2
H3: Layout 3 und so weiter.

docx einfügen (rosa) URL Links einfügen (gelb) Bilder einfügen (grün)

Icons: Links, Bild und Texte einfügen

Rosa umrandet (Koffer mit W): Einfügen von Texten aus einem Word Dokument, damit bleibt die Formatierung teilweise erhalten. Icon anklicken, das Fenster öffnet sich, darin Text aus dem Word Dokument hinein kopieren, INSERT und es wird in das Textfeld eingefügt. Im Textfeld können Sie den Text nochmals bearbeiten.

Grün umrandet (Bild/Tabelle): Bilder von einer lokalen Datein (liegt auf ihrem Computer) einfügen. Wie in Word, den Courser auf die Stelle bewegen, wo das Bild plaziert werden soll. Klicken sie auf das Icon mit dem Baum (ohne orangen Hintergrund) dann öffnet sich ein weiteres  Fenster. Im Editor Fenster, das Symbol neben dem Feld (Image URL) anklicken.

 Bilder einfügen

Sie können die Bilder über den
– Fileadmin
– oder direkt hochladen.

Vorteil von Fileadmin: bereist hochgeladenen Bilder passt sich automatisch Höhe/Breite an (Magic Image).

Schritt 1: einfügen von Bildern über den TYPO3 Editor
Schritt 1: einfügen von Bildern über den TYPO3 Editor

Uplaod Image: von lokaler Datei (vom Computer) hochladen > Durchsuchen > Upload files.

Zur Auswahl, den Text (Beschreibung) über dem Bild anklicken, INSERT.

Verlinken von Text und Bildern

Text makieren und Weltkugel anklicken, Fenster öffnet sich, URL eintragen, und INSERT klicken.

Berabeitung des Textes, ähnlich MS Word Dokumente.

 
 

Fileadmin TYPO3 Bilder und Dokumenten speichern

Hochladen von Bildern und Dokumenten in die Detailliste

Sie haben die Möglichkeit Bilder im TYPO3 CMS  in das entsprechende FCE (Flexible Content Element) zu laden oder in dem Fileadmin zu abzulegen.

Wie speichert man Bilder im Fileadmin?

Datei >> Dateiliste und den jeweiligen Ordner (hier als Beispiel: Casino) öffnen – auswählen.
Wie füge ich ein neues Bild hinzu: obere Leiste, mitte befindet sich dieses Symbol    (viereck mit grünem Pfeil) wählen und Bild von lokalem Ordner (Computer) hochladen.

Wie lege ich einen neuen Ordner für Bilder an? Auf dass Symbol  neues Bild in Fileadmin hinzufügen   klicken, neuen Dateinamen eingeben.

Bilder und Dokumente in TYPO3 Fileadmin speichern

Bilder und Slider in TYPO3

Startseite mit Bildergalerie

Beispiel mit Carpet Competence Design GmbH, Wien

Hierbei handelt es sich um das Plugin: Image cycle – Display: jQuery Cycle

Beispiel für Image Slider: Startseite Carpet Competence Design GmbH
Beispiel für Image Slider Startseite Carpet Competence

 

 

 

Wie werden die Bilder im Backend eingefügt?

1. Schritt: öffnen Sie die betreffende Seite im Seitenbaum

2. Schritt: öffnen Sie das Inhaltselement in dem sich das Plugin befindet.

3. Schritt: Wie werden neue Bilder einfügt? durchsuchen, hochladen, speichern. Siehe Screenshot nachstehen.

 

Bilder Einfügen TYPO3 Plugin Bilder-Slider Plugin: Image cycle – Display: jQuery Cycle (fade)
Bilder Einfügen TYPO3 Plugin Bilder-Slider Plugin: Image cycle – Display: jQuery Cycle (fade)

 

Beispiel Bildergalerie: