So gestalten Sie Ihre Website für die Optimierung der Conversion-Rate

Es gibt verschiedene Möglichkeiten, wie eine Website Ihrem Unternehmen zum Wachstum verhelfen kann. Eine Website allein garantiert jedoch nicht mehr Kunden. Etablierte Unternehmen wissen, dass ihre Websites zu Verkaufsautomaten werden sollten, um Kunden anzulocken und zu konvertieren. Laut der neuesten Umfrage von HubSpot:

Die ersten fünf Sekunden der Ladezeit der Seite haben den größten Einfluss auf die Conversion-Raten. Die Website-Conversion-Raten sinken mit jeder weiteren Sekunde Ladezeit um durchschnittlich 4,42%.

Es gibt keine zweite Chance für einen ersten Eindruck, sagen sie. Und es ist das Design Ihrer Website, das die Besucher von der ersten Sekunde an ansprechen und sie erst dann loslassen sollte, wenn sie konvertiert sind. Aber wie würden Sie Ihre Website auf diese Weise für Sie „funktionieren“ lassen? Lassen Sie sich die Grundlagen des Designs zeigen.

Klicken Sie hier, um es in voller Größe anzuzeigen. Scrollen Sie nach unten, um den gesamten Artikel zu lesen.

Schlüsselbegriffe, die Sie kennen müssen

Zuerst müssen Sie einige Schlüsselbegriffe verstehen, die in diesem Tutorial behandelt werden, damit Sie das Thema besser verstehen.

A / B-Test oder Split-Test ist ein wissenschaftlicher Prozess zum Vergleichen von zwei Versionen (A und B) einer Webseite, um festzustellen, welche besser konvertiert werden kann. Sie können Ihre Überschriften, Bilder, Handlungsaufforderungstasten und Farben testen, um nur einige zu nennen.

Call-to-Action (CTA) ist eine Schaltfläche oder eine Textzeile, die Ihre Besucher zum Handeln auffordert. Sie erfahren, was zu tun ist, wenn sie Ihre Website besuchen. Einige Beispiele hierfür sind die Schaltfläche "Anmelden" auf einer Webseite, die Schaltfläche "Kaufen" in einem E-Commerce-Shop und die Schaltfläche "Herunterladen" in einer App.

Die Konvertierung erfolgt, wenn ein Besucher oder ein Lead die gewünschte Aktion abgeschlossen hat. Dies bedeutet, dass sich der Besucher erfolgreich auf Ihrer Website angemeldet oder einen Artikel in Ihrem Shop ausgecheckt hat.

Die Conversion-Rate ist der Prozentsatz der Besucher, die auf Ihrer Website eine gewünschte Aktion ausführen. Sie können Ihre Conversion-Rate ermitteln, indem Sie die Gesamtzahl der Conversions durch die Gesamtzahl der Besucher auf Ihrer Website dividieren.

Conversion Optimization oder Conversion Rate Optimization (CRO) ist ein systematischer Ansatz zur Optimierung Ihrer Website, um die Anzahl der Besucher Ihrer Website zu erhöhen, die die gewünschten Maßnahmen ergreifen. Wenn Sie Ihre E-Mail-Abonnenten erhöhen möchten, möchten Sie, dass sich Ihre Besucher für Ihren Newsletter anmelden. Oder wenn Sie Ihren Umsatz steigern möchten, sollten Sie sie dazu bringen, diesen Kaufknopf zu drücken.

Die Landing Page ist normalerweise die Homepage einer Website. Es kann sich jedoch auch um eine beliebige Seite Ihrer Website handeln, auf der die Besucher landen, um sie in Leads oder Kunden umzuwandeln.

Beim multivariablen oder multivariaten Testen (MVT) werden mehrere Variablen gleichzeitig auf einer bestimmten Seite getestet. Dabei werden verschiedene Elemente erstellt, um herauszufinden, welche Kombination am meisten konvertiert.

Elemente des Webdesigns, die konvertieren

Wenn Sie Ihre Website erstellen oder neu gestalten möchten, sollten Sie Folgendes beachten, um eine optisch ansprechende Website zu erstellen, die konvertiert:

1. Bilder

Bilder spielen auf jeder Website eine herausragende Rolle. Sie werden verwendet, um Besucher leicht anzuziehen und zu motivieren, obwohl dies nicht immer der Fall ist. Sie sollten wissen, wie Sie Bilder richtig einsetzen, um das Potenzial zu maximieren.

Hier einige Tipps zur effektiven Verwendung von Bildern auf Ihrer Website:

• Wählen Sie Bilder mit menschlichen Gesichtern

Wenn Sie ein Bild einer Person auf Ihrer Website verwenden, erhalten Ihre Besucher Empathie und eine starke Verbindung.

„Wenn wir ein Gesicht sehen, werden wir automatisch dazu angeregt, etwas zu fühlen oder uns in diese Person hineinzuversetzen. Wenn wir Inhalte auf einer Website erkennen - wie ein Problem, ein Dilemma, eine Gewohnheit oder was auch immer - fühlen wir uns verbunden und verstanden. “ (Nicht nur hübsch: Emotion in Ihre Websites einbauen von Sabina Idler)

Sehen Sie sich auf der Zielseite an, wie PayPal diese Technik verwendet:

• Optimieren Sie die Bilder

Beim Erstellen einer Website ist es wichtig, die von Ihnen verwendeten Bilder so zu optimieren, dass sie die Ladegeschwindigkeit Ihrer Website nicht beeinträchtigen. Darüber hinaus haben Studien gezeigt, dass bereits eine Verzögerung der Seitenantwort um eine Sekunde Ihre Conversion-Rate um 7% senken kann.

Die Idee zur Optimierung von Bildern besteht darin, Ihre Bilder durch Komprimieren hell zu machen, ohne ihre Qualität zu beeinträchtigen. Einige der Bildoptimierungstools, die Sie kostenlos verwenden können, sind:

1. Winziges PNG
2. Compressor.io
3. JPEG-Optimierer
4. Optimizilla
5. Kraken.io
6. Ranking einfach
7. Größe der Fotos ändern
8. Fotos komprimieren
9. Bild konvertieren

• Verwenden Sie Heldenbilder

Um die Dinge klar zu machen, sind Heldenbilder keine Bilder eines Superhelden. Ein Heldenbild ist ein großes Webbannerbild, das oben auf der Website platziert wird. Sie werden normalerweise mit einer Textzeile oder Handlungsaufforderungen im Hintergrund platziert.

Hier ist ein Beispiel:

Bonus-Tipp: Stellen Sie sicher, dass die von Ihnen verwendeten Bilder reagieren, um Ihren Besuchern eine gute Benutzererfahrung zu bieten.

2. Typografie

Typografie ist laut Wikipedia die Kunst und Technik, Schriftarten so anzuordnen, dass die geschriebene Sprache lesbar, lesbar und ansprechend ist, wenn sie angezeigt wird. Dabei werden Schriftarten, Punktgrößen, Zeilenlängen, Zeilenabstände und Buchstabenabstände verwendet und der Abstand zwischen Buchstabenpaaren angepasst.

Dieses Video erklärt, wie sich die Typografie von Papier zu Bildschirmen entwickelt hat:

Wissen Sie, wie viele Schriftarten es gibt? Die Antwort - niemand weiß es. Dies ist der Grund, warum die Auswahl der richtigen Schriftkombination keine leichte Aufgabe ist.

Im Folgenden finden Sie einige Tools zum Pairing von Schriftarten, mit denen Sie entscheiden können, welche Kombinationen Sie verwenden sollten:

1. Typ Verbindung
2. Google Type
3. Schriftpaar
4. Geben Sie Genius ein
5. Typ Wolf
6. Schöner Web-Typ
7. Verwendete Schriftarten
8. Genau mein Typ
9. Typ.io
10. Mixer
11. Schriftkombinator
12. Typothek
13. Adobe Typekit
14. Matcherator
15. Typespiration

So wählen Sie die besten Schriftarten für Ihre Website aus

3. Leerzeichen

Haben Sie sich jemals gefragt, warum Google den Speicherplatz seiner Website nicht maximiert? Das liegt daran, dass sie die Kraft von Leerzeichen nutzen.

Leer auch negativer Raum genannt wird , ist ein Teil einer Website , die linke leer oder leer ist. Sie können dies auf Ihrer Zielseite verwenden, damit sich die Besucher auf die Handlungsaufforderung konzentrieren und Ihre Conversion steigern können. Ein Leerzeichen bedeutet nicht unbedingt, dass der Hintergrund Ihrer Site weiß sein sollte. Sie können mit Farben spielen oder sogar ein Bild als Hintergrund verwenden. Das Ziel ist es, es einfach zu machen und dennoch die beste Benutzererfahrung zu bieten.

Denken Sie daran: Eine übersichtliche Website erregt die Aufmerksamkeit Ihrer Besucher. Das Durchsuchen einer ordentlichen und gut organisierten Website ist für sie eine angenehme Erfahrung.

4. Farben

Ein weiteres wichtiges Element, das beim Erstellen einer Website berücksichtigt werden muss, ist die Farbe. Denken Sie daran, dass Farben Bedeutungen haben. Welche Farben Sie auch wählen, sollte die Botschaft widerspiegeln, die Sie Ihrem Publikum vermitteln möchten.

Beispielsweise verwenden die meisten Banken in den USA die Farbe Blau, da dies Vertrauen bedeutet.

Bildnachweis: The Epoch Times

Beachten Sie einige der positiven und negativen Gefühle, die eine Farbe bei der Auswahl der richtigen Farbkombinationen darstellt.

• Schwarz - In der Physik ist Schwarz keine Farbe, obwohl es auch eine psychologische Wirkung auf eine Person hat. Es symbolisiert Macht und Stärke, kann aber auch Tod, Unglück und Böses darstellen.
• Weiß - Im Allgemeinen steht Weiß für Reinheit und Unschuld. Krankenhäuser verwenden Weiß, um ein Gefühl der Sterilität zu erzeugen. Es kann jedoch auch etwas Kaltes, Langweiliges und Isoliertes darstellen.
• Rot - Diese Farbe weckt unsere Emotionen. Es kann mit Liebe, Aufregung und Zuversicht verbunden sein. Auf der negativen Seite symbolisiert es Aggressivität und Wut.
• Blau - Es ist die Farbe des Himmels, eines Ozeans und wird von Männern am meisten bevorzugt. Die Farbe Blau symbolisiert Ruhe, Gelassenheit, Stabilität und Zuverlässigkeit. Es kann jedoch auch Traurigkeit darstellen, daher der Begriff „sich blau fühlen“.
• Grün - Es ist die Farbe des Waldes und repräsentiert oft die Natur. Grün bedeutet Ruhe, Optimismus und viel Glück.
• Gelb - Genau wie die Sonne steht Gelb für Helligkeit und Wärme. Es ist die Farbe, die am meisten Aufmerksamkeit erregt, und deshalb wird es häufig in Verkehrszeichen verwendet. Aufgrund der reflektierten Lichtmenge kann es jedoch auch zu einer Belastung der Augen kommen.
• Lila - Es ist die Farbe von Lavendel. Lila symbolisiert Lizenzgebühren und Reichtum, obwohl einige es als exotisch oder künstlich interpretieren können.
• Braun - Es ist eine erdige und natürliche Farbe. Es bedeutet Belastbarkeit, Zuverlässigkeit und Sicherheit. Es kann auch Traurigkeit und Isolation bedeuten.
• Orange - Ähnlich wie die Farbe Gelb wird auch Orange verwendet, um die Aufmerksamkeit auf sich zu ziehen. Es steht für Wärme, Aufregung und Energie. Es wird oft mit Halloween in Verbindung gebracht.
• Pink - Diese Farbe wirkt beruhigend. Es ist mit Freundlichkeit, Fürsorge und Weiblichkeit verbunden. Sie sollten diese Farbe vermeiden, wenn Sie nicht möchten, dass Ihre Marke zu weiblich aussieht.

Bonus-Tipp: Wenn Sie nicht entscheiden können, welche Farben für Ihr Webdesign am besten geeignet sind, können Sie A / B-Tests oder multivariate Tests verwenden. Es hilft Ihnen zu wissen, welche Farbe besser konvertiert.

5. Handyfreundlich

Um die Conversion auf Ihrer Website zu maximieren, ist es sehr wichtig, dass sie mobilfreundlich ist. Aufgrund der zunehmenden Nutzung von Smartphones greifen Menschen heutzutage auf Websites mit mehreren Bildschirmen zu - Desktops, Tablets und Mobiltelefonen. Denken Sie daran, dass 8 von 10 Personen das Internet über ihr Smartphone nutzen.

So optimieren Sie Ihre WordPress-Layouts für den mobilen Verkehr

Verwenden Sie die folgenden Tools, um die Reaktionsfähigkeit Ihrer Website für verschiedene Bildschirmgrößen zu ermitteln:

1. Handyfreundlicher Test mit der Google Search Console
2. MobileTest.me
3. Mobile Friendliness Test Tool von Bing
4. MobiReady Mobile Friendly Checker
5. Urlitor
6. Browserstack
7. RankWatch
8. PageSpeed ​​Insights von Google

Denken Sie daran: Mobile-freundliche Websites haben einen höheren Rang als solche, die es nicht sind.

Fazit

Bei der Optimierung der Conversion-Rate sollten Sie berücksichtigen, dass das Webdesign eine wichtige Rolle dabei spielt, Ihren Traffic in Gewinn umzuwandeln. Befolgen Sie die oben aufgeführten Tipps, um eine hohe Absprungrate auf Ihrer Website zu vermeiden.