Ich veröffentliche weiterhin interessante und meiner Meinung nach nützliche Neuigkeiten aus der großen und riesigen Welt SEO. Heute sprechen wir über die Farben des Website-Designs ... Ja, genau, über Farbschemata. Nun, fangen wir an. Farbe des Website-Designs beeinflusst die Klickrate von Werbung, glauben Psychologen der Universität Oxford in den USA.

Verhalten: Der Einfluss der Seitenfarbe auf die Klickrate von Werbung auf Portalen

Amerikanische Wissenschaftler haben berechnet, dass ein durchschnittlicher Nutzer etwa 2 Minuten auf einem Internetportal verbringt. Davon sind für uns SEO-Spezialisten, aber auch für Designer, die letzten 4-7 Sekunden entscheidend. In diesem Zeitraum verlässt der Nutzer entweder die Website oder klickt auf die ihm angebotene Anzeige. Die Wahl hängt davon ab Website- und Werbeblockfarben. Die „schlechteste“ (unerwünschte und nicht anklickbare) Option Website design- Hiermit wird die Seite in Grau- oder Rottönen gestaltet. Der Traffic geht gegen Null (Click-Through-Rate), ebenso wie die Wirksamkeit der auf einer Internetressource veröffentlichten Werbung. Komfort und Ruhe erfahren Benutzer, die sich an Standorten aufhalten, an denen Weiß die vorherrschende Farbe ist. Sie klicken gut auf Banner; kontextbezogene Werbung lockt sie nur, wenn die Überschriften unerwartet (sehr) hell und kontrastreich sind und Text und URL maximal groß sind. Bei grünen Designs passiert fast das Gleiche.

Das blaue Portaldesign steht für Vertrauen und Gelb für den Kontext

Websites mit blauem Design und Layout erwecken Vertrauen (da fallen mir sofort die sozialen Netzwerke „VKontakte“ und „Facebook“ ein). Interessanterweise funktioniert die Werbung hier, wenn sie sich auf einem weißen Hintergrund befindet und die Überschriften in einer zwei Nuancen dunkleren Farbe gehalten sind (und auch das passt zu unserem Lieblings-VKontakte und Facebook). Die meisten Gewinner Farbe des Website-Designs, laut britischen Psychologen, gelb. Das Verhältnis von Besuchen zu Klicks beträgt hier 1 zu 2,5, da viele Internetnutzer 2-3 Anzeigen gleichzeitig sehen. Aber Banner auf allen gelben Seiten sind wirkungslos. Eine weitere gute Farbe für die Gestaltung von Portalen, auf denen auf Werbeblöcke und Banner geklickt wird, ist ein kontrastfreies Braun. Hier liegt das Ergebnis bei Bannerwerbung bei 1 Klick pro 3 Visits, bei kontextueller Werbung bei ca. 1 bis 2.

PS. Fassen wir zusammen. Das erste, was uns verwirrt, ist, dass das getestete Publikum natürlich nicht russischsprachig ist; wir haben eine andere Mentalität. Dennoch sind Einwohner der GUS keine Einwohner Amerikas oder Europas. Russische Websites zeichnen sich im Gegensatz zu den zurückhaltenden europäischen und amerikanischen Internetressourcen seit jeher durch Regenbogenfarben und Schattierungen im Design aus (ein markantes Beispiel ist die Apple-Website). Zweitens werden unsere Anzeigen in diesem Zusammenhang „angeklickt“ (meine eigene Beobachtung), weil sie hell und kontrastreich sind. Über gelbe Seiten und Portale kann man anderer Meinung sein – sie erwecken bei inländischen Netzwerknutzern kein Vertrauen (über das große gelbe Portal möchte ich gleich nichts sagen – da fällt mir keines ein), außer vielleicht bei kleinen Kindern (obwohl dies meins ist). Meinung)! Im Allgemeinen müssen Sie wahrscheinlich einen kleinen Test durchführen, über den ich im Abschnitt „Experimente“ sprechen werde.

Sie müssen nicht versuchen, die Farbgestaltung von Anzeigen zu erraten, auf die Besucher eher klicken. Sie müssen mit der Anzeige von Werbung in verschiedenen Farben experimentieren. Und anhand der Ergebnisse ermitteln wir die Vorlieben Ihrer Website-Besucher. Doch vor den Fenstern liegt das 21. Jahrhundert. Deshalb werden wir ein kleines Skript schreiben, das alles für uns erledigt.

Welche Farben sollten Sie für Werbung wählen?

In meinem Experiment habe ich mich für drei Grundfarben entschieden: Blau, Rot und Grün. Ich habe jedes davon mit unterschiedlichen Helligkeitsgraden aufgenommen. Und ich habe ihnen noch eine Farbe hinzugefügt – die Farbe der Links auf meiner Website. Somit werden sieben Farben an meinem Experiment teilnehmen.

Skript zur Farbrotation der Anzeige

Als Grundlage nehme ich das Skript zur Anzeige von Werbung von YAN (Yandex Advertising Network), das mir von Profit-Partner zur Verfügung gestellt wurde. Fügen wir einen automatischen Farbwechsel hinzu. Für jede Farbe erstellen wir ein einzigartiges Etikett. Damit Sie in Zukunft mithilfe dieser Abschnitte analysieren können, welche Farbe der Werbung auf Ihrer Website für Besucher attraktiver ist.

Lassen Sie uns das Skript in die Tat umsetzen und mit der Datenerfassung beginnen. Die Statistiken zeigen die von unserem Skript erstellten Slices.

So führen Sie ein Experiment zur Auswahl des Farbdesigns von Anzeigen richtig durch

Der Versuch muss mindestens eine Woche lang rund um die Uhr durchgeführt werden. Berücksichtigung aller Zeitabhängigkeiten und Besonderheiten von Wochenenden und Werktagen. Wichtig ist, dass jedes Farbschema mindestens 1000 Mal angezeigt wird.

Schlussfolgerungen aus dem Experiment, welche Farbe besser ist

Wenn Sie aus drei Hauptfarben wählen, gibt es auf meiner Seite keinen klaren Spitzenreiter. Ein Unterschied von mehreren Prozent kann auf Fehler zurückzuführen sein. Der allgemeine Trend deckt sich jedoch mit den Empfehlungen der COP-Spezialisten von Profit-Partner – die anklickbarere Farbe ist Rot.

Wenn wir alle sieben Farben im Detail betrachten, wird die folgende Gruppe von Besuchern bevorzugt: Dunkelrot (#990000), Hellgrün (#00CC00) und Dunkelblau (#000099).

Ich rate Ihnen, sich nicht meine Statistiken anzusehen, sondern Ihr eigenes Experiment zur Auswahl der Farbgestaltung von Anzeigen im Yandex-Werbenetzwerk durchzuführen.
Wenn Sie mehrere Sites haben, müssen Sie für jede Site ein eigenes Experiment durchführen.
Wenn Sie das Design ändern, führen Sie das Experiment erneut durch.
Wenn Sie wie ich über mehrere Anzeigenblöcke verfügen, müssen Sie für jeden Anzeigenblock auch ein eigenes Experiment durchführen. Sie werden überrascht sein, aber auf meiner Website unterscheiden sich die Benutzerpräferenzen in den Anzeigenblöcken in der Mitte und am Ende des Artikels.
Der Versuch muss mindestens 7 Tage lang rund um die Uhr durchgeführt werden.

Die Arbeit mit Farben ist die wichtigste Fähigkeit eines jeden Webdesigners. Die richtige Verwendung kann der Website zum Erfolg verhelfen, und selbst ein kleiner Fehler bei der Erstellung eines Bereichs kann in Zukunft große Probleme verursachen. In diesem Artikel werfen wir einen Blick auf 10 Fehler, die Designer bei der Arbeit mit Farben auf einer Website machen, und erklären Ihnen, wie Sie diese vermeiden können.

Zurückhaltung bei der Anwendung psychologischer Techniken

Es gibt viele Studien, die Benutzerreaktionen und Emotionen auf die Farbgebung von Websites beschreiben. Dies ist natürlich ein Diskussionsfeld – Farbpräferenzen werden durch die nationale Kultur, persönliche Erfahrungen und andere Gründe bestimmt, aber es ist unmöglich, die durch die Farbe vermittelte Stimmung nicht zu berücksichtigen. Und auch bei der Erstellung von Websites lohnt es sich, unser Wissen über die Farbwahrnehmung anzuwenden.

Orange ist beispielsweise eine tolle Farbe, die zum Einkaufen motiviert. Vermittelt Handlungsaufforderungen perfekt, geeignet für Online-Shops.

Grün symbolisiert Vertrauen, und was könnte beim Thema Essen wichtiger sein als Vertrauen?

1. Blinde Nachahmung

Der klassische Fehler des Kunden ist die Projektion eigener Vorstellungen über das Design. Ist Ihr Lieblingsforum in warmen „Karamell“-Farben gestaltet, die Haupttexte sind dunkelbraun und der Hintergrund der Nachrichten ist blassgelb? Dies bedeutet nicht, dass eine Website, die sich auf Klimaanlagen konzentriert, diesen Bereich übernehmen sollte. Klimaanlagen sollen ein Gefühl von Frische vermitteln – nicht umsonst sind die meisten Websites dieser Art in Blau- und Weißtönen gestaltet.

Auch wenn Ihnen eine bestimmte Seite wirklich gefällt, überlegen Sie es sich zweimal, bevor Sie „Genau das Gleiche, aber über meine Produkte“ bestellen.

2. Mangelnder Call-to-Action

Wenn Sie auf Ihrer Website einen wirkungsvollen Call-to-Action haben, sollte dieser für den Benutzer wahrnehmbar sein – das Auge des Benutzers sollte darauf gefesselt sein. Ein blasser und undifferenzierter Call-to-Action wird einfach nicht funktionieren, selbst wenn er perfekt formuliert ist. Die umgekehrte Situation ist nicht so gut, wenn der CTA buchstäblich „PRESS ME“ schreit. Der Call-to-Action sollte stimmig sein und durch die Wahl kontrastierender Farben und Designs hervorstechen.

3. Übermäßige Farbpalette der Website

Meistens reichen zwei oder drei Farben aus, um eine Website zu gestalten. Natürlich gibt es sehr gelungene Designlösungen mit vielen Farben, aber das sind Ausnahmen. Es kommt vor, dass zwei Farben großartig aussehen, aber wenn man eine dritte hinzufügt, entsteht ein Durcheinander.

Wir empfehlen, bei der Auswahl einer Farbpalette mindestens ein Farbrad zu verwenden. Wenn Sie mit seiner Hilfe Farben auswählen, müssen Sie bedenken, dass benachbarte und ihnen gegenüberliegende Farben gut zueinander passen.


Wir empfehlen auch die Nutzung spezialisierter Websites. Hier können Sie Ihr eigenes Sortiment zusammenstellen oder eines der vorgefertigten verwenden.

Im ersten Beispiel werden 3 Farben zur Gestaltung des Textes verwendet, im zweiten nur zwei. Es ist die zweite Option, die besser aussieht und deren Text leichter lesbar ist.

4. Verschiedene Farben für ähnliche Elemente

Wenn Ihre Landingpage über drei Checkout-Buttons verfügt, sollten diese alle die gleiche Farbe haben. Nachdem der Benutzer das erste gesehen hat, wird er die anderen auf die gleiche Weise wahrnehmen. Wenn Tasten unterschiedlicher Farbe die gleichen Funktionen haben, kann dies zu Verwirrung führen.

Hier ist ein Beispiel für zwei Schaltflächen mit demselben Zweck auf derselben Website. Schlechte Entscheidung.

5. Gleiche Farben für verschiedene Arten von Elementen

Das Gegenteil ist der Fall, wenn Sie Ihre „Lieblingsfarbe“ überall dort verwenden, wo Sie denken, dass sie schön aussehen sollte. Aktionsschaltflächen und nicht anklickbare Elemente sollten farblich nicht ähnlich sein; dies verstößt gegen die Logik der Nutzung der Website. Indem Sie einer anklickbaren Schaltfläche eine bestimmte Farbe und einen bestimmten Stil verleihen, erstellen Sie ein Verhaltensmuster. Wenn sich herausstellt, dass ein solches Element inaktiv ist, stört es das übliche Verhalten des Benutzers.

6. Mangel an Kontrast

Auf der Suche nach ungewöhnlichen und leuchtenden Farben übersehen Designer oft einen wichtigen Punkt: Die Farbe des Textes und die Hintergrundfarbe sollten einen ausreichenden Kontrast aufweisen, damit der Text gut lesbar ist. Dieses Prinzip wird in den folgenden Beispielen deutlich demonstriert.

7. Nicht standardmäßige Linkfarbe

Der Benutzer sollte in der Lage sein, einen Link vom Text zu unterscheiden, ohne die Maus zu bewegen. Natürlich ist Farbe hier nicht das einzige Werkzeug des Designers, aber vielleicht das effektivste. Drei Regeln:

• Links sollten sichtbar sein, ohne dass der Mauszeiger darüber bewegt werden muss.


• Der Link sollte seine Farbe ändern, wenn man mit der Maus darüber fährt.


• Besuchte Links müssen in einer anderen Farbe gekennzeichnet werden; dies ist besonders wichtig, wenn es sich um eine Informationsseite mit vielen Veröffentlichungen handelt.

Im Beispiel wählte der Designer eine äußerst unglückliche Farbe für die Gestaltung der Links zur Navigation im Portfolio.

8. Verblasster Minimalismus ist nichts für Impulsverkäufe.

Heutzutage ist es sehr in Mode, Landingpages zu erstellen, die in der Regel auf Impulsverkäufe ausgerichtet sind. Solche Seiten beeinflussen die Emotionen eines Menschen und wecken in ihm den vorübergehenden Wunsch, ein Produkt zu kaufen. Ein weiterer modischer Trend bei der Website-Erstellung ist der Minimalismus; er zeichnet sich meist durch ein oder zwei Farben aus, oft streng.

Diese beiden Modetrends sind meist unvereinbar. Sie können nicht auf Basis von Emotionen verkaufen, wenn Ihre Website beim Betrachten nicht genau diese Emotionen hervorruft.

Ruhige Töne und strenger Minimalismus sind angebracht, wenn der Kauf rational ist. Ja, Minimalismus kann nicht langweilig, bunt und sogar sehr emotional sein, aber mittlerweile neigen viele Designer zu Grautönen und „Luft“, was nicht wirklich gut zum Verkauf von Landingpages passt.

Das bedeutet aber nicht, dass eine emotionale Landingpage, die verkauft, in allen Farben des Regenbogens leuchten sollte.

9. Unangemessenes Schwarz

Vermarkter haben Verbraucher in der materiellen Welt schon lange daran gewöhnt, dass schwarze Verpackungen fast immer hohe Kosten und eine erstklassige Produktqualität bedeuten. Hier ist ein Beispiel für Knödel und teures Müsli einer Elitemarke:

Unsere Gewohnheiten sowie die Methoden der Vermarkter verlagern sich von Supermärkten ins Internet. Beispielsweise sieht die in Schwarz gehaltene Website eines Schmuckunternehmens elegant und teuer aus:


Sie sollten auf Ihrer Website nicht viel Schwarz als Hintergrund verwenden, wenn Sie Dienstleistungen im Niedrigpreissegment anbieten oder preiswerte Waren verkaufen. Die Eindrücke der Besucher auf Ihrer Website stimmen nicht mit Ihrem Verkaufsargument überein.

10. Farbbeschränkungen für den Designer

Diese Regel gilt nicht direkt für das Website-Design und die Auswahl der Farbpalette. Wir sprechen über die Festlegung von Aufgaben für den Designer bei der Entwicklung einer Website. Wenn Sie noch nicht über eine etablierte Corporate Identity oder ein wiedererkennbares Logo verfügen (obwohl die Regel in diesem Fall teilweise anwendbar ist), sollten Sie dem Designer keine strengen Grenzen und Einschränkungen hinsichtlich der verwendeten Farben setzen.

Ihre Vision kann so schön sein, wie Sie möchten, aber lassen Sie den Designer seine eigene anbieten. Wenn Ihnen der Designer nach mehreren Versuchen immer noch nicht zeigen kann, was Ihnen gefällt, sollten Sie ihm bei der Farbauswahl strenge Grenzen setzen.

Eine weitere Ausnahme: Wenn Sie sicher sind, dass Ihre Farbgestaltungsmöglichkeit gut durchdacht ist und Sie diese Wahl vor sich selbst begründen können. Kunden berücksichtigen in der Regel nicht, was der Designer berücksichtigt – Lesbarkeit des Textes, ausreichende Helligkeit der Schaltflächen und die optimale Anzahl an Farben.

Schlussfolgerungen

Das Farbschema vermittelt dem Benutzer den ersten Eindruck der Website. Es ist sehr wichtig, dass es positiv ist. Aber Sie können die Aufmerksamkeit der Menschen nicht nur auf Farben lenken, sondern sie auch zur Informationsvermittlung nutzen. Wenn Sie sich bei der richtigen Wahl nicht sicher sind, verwenden Sie Heatmap-Daten oder eine einfache Technik zum Verwischen einer vorgefertigten Schnittstellenlösung. Der Kern der Technik ist sehr einfach: Sie müssen die gesamte Seite mit Grafikprogrammen verwischen und sehen, welche Elemente und Blöcke überhaupt Aufmerksamkeit erregen. Der erste, zweite und dritte Block, der Aufmerksamkeit erregt, sollten im Hinblick auf das Benutzerszenario die wichtigsten Elemente sein.

Wir haben zum Beispiel den ersten Bildschirm von Aviasales.ru unscharf gemacht – die Blöcke der Elemente 1, 2 und 3 erregen Aufmerksamkeit. Nach dem Lesen des Titels, d. h. Um beim Benutzer die richtigen Erwartungen zu wecken, wird er (denken Sie an die Kontrastregeln) die notwendigen Elemente für die Auswahl von Parametern und Handlungsaufforderungen berücksichtigen.


Und schauen Sie, wie deutlich sich die Hauptaktion auf der Website ostrovok.ru vom verschwommenen Hintergrund abhebt.


Wenn Ihre Schnittstellen solche Tests mit Bravour bestehen, sollten weitere Verbesserungen der Website auf der Grundlage eines Verständnisses der Benutzerpsychologie durchgeführt werden, d. h. Analysieren des Feedbacks von echten Benutzern. Verwenden Sie Fragen wie: „Wo haben Sie zuerst gesucht: Welche drei Elemente der Website und in welcher Reihenfolge?“ Wo möchten Sie zuerst klicken und warum?“ In AskUsers können Sie nicht nur verstehen, wie die Aufmerksamkeit der Benutzer verteilt ist, sondern auch, warum Benutzer bestimmte Elemente betrachten. Diese Informationen helfen dabei, eine Reihe von Problemen in der aktuellen Benutzeroberfläche zu identifizieren und die besten Optionen für deren Lösung zu finden.

Denken Sie daran, dass die Form dem Inhalt untergeordnet ist. Farbdesign dient als Hilfsmittel, um die Aufmerksamkeit des Benutzers auf Informationen zu lenken, die für den Benutzer und den Websitebesitzer wichtig sind.

Welche Schaltflächenfarbe die höchste Conversion-Rate hat, ist eine alte philosophische Frage, auf die viele Menschen die Antwort kennen. „Rot“ – unerfahrene Vermarkter werden antworten. „Kontrastierend“ – erfahrene Vermarkter werden antworten. Wir haben 21.666 Benutzer zu diesem Thema getestet. Und wir kamen zu einigen ziemlich interessanten Schlussfolgerungen.

Am Anfang des Artikels müssen Sie Intrigen und spannende Fakten hinzufügen, um Aufmerksamkeit zu erregen. Aufgrund dieser Ratschläge kann ich sagen, dass wir in der Praxis durch die einfache Änderung der Farbe des Buttons eine Conversion-Steigerung von bis zu 65 % erzielt haben. In diesem Artikel werden wir über die Ergebnisse und die Vorgehensweise sprechen.

Wie stark können Sie die Conversions mit Farbe steigern?

Ich werde Ihnen nicht sagen, dass wir eine magische Konversionsmanagement-Pille erfunden haben. Bei zunehmenden Conversions bin ich zu einer einfachen Schlussfolgerung gekommen. Es gibt keine 100%ige Aussage, die immer für alle funktioniert. Auch Zauberpillen. Wir haben zuvor darüber geschrieben, dass das Wort „Kostenlos“ in manchen Fällen die Conversions senkt. Was können wir über andere „hundertprozentige“ Wahrheiten sagen?

Wie stark können Sie also Ihre Conversion-Rate steigern, indem Sie einfach die Farben der Schaltflächen ändern?

Wir erzielten eine Conversion-Steigerung von bis zu 65 %. 65 % war das maximale Testergebnis. Der Durchschnitt lag bei 11 %. Aber auch diese Conversion-Steigerung ist ein sehr gutes Ergebnis. Bedenken Sie, dass dies durch Ändern der Farbe der Schaltfläche erreicht werden kann.

Rot ist die Farbe der Gewinner

Viele Expertentests sagen, dass ein roter Knopf die höchste Conversion-Rate hat. Warum? Wir wissen, dass jede Farbe ihre eigenen Assoziationen hat und bestimmte Emotionen hervorruft. Die Farbe Rot symbolisiert Halt, Gefahr und Leidenschaft. Und in den meisten Fällen (so wird angenommen) führt es zu besseren Ergebnissen im Internetmarketing.

Nachfolgend finden Sie den Algorithmus zum Erstellen von A/B-Tests:

1. Erstellen Sie im Konstruktor ein Widget. Dauert 5 Minuten.
2. Kopieren Sie es und nehmen Sie Änderungen für den Test vor. Dauert 1 Minute.
3. Erstellen Sie einen A/B-Test und wählen Sie diese Widgets aus. Dauert 1 Minute.

1. Erstellen eines Widgets im Konstruktor

Um ein Widget zu erstellen, müssen Sie im Konstruktor registriert sein.

Der Erstellungsprozess besteht aus 3 Schritten:

1. Wählen Sie die Widget-Vorlage aus, die Sie verwenden möchten.
2. Bearbeiten Sie das Widget: - Schreiben Sie den gewünschten Text - Ändern Sie die Farbe und laden Sie ggf. ein Bild hoch
3. Wählen Sie die Anzeigeeinstellungen aus: - wann das Widget angezeigt werden soll (nach Zeit, beim Verlassen, beim Scrollen der Seite usw.) - auf welchen Geräten (Computer, Mobiltelefon, Tablet) - was nach der Konvertierung zu tun ist (Danke sagen, Weiterleitung über einen Link oder schließen Sie einfach das Widget)

Sie können sich dieses Video zum Erstellen eines Widgets ansehen. Jede Phase wird hier ausführlich besprochen. Textanweisungen zum Erstellen eines Widgets finden Sie hier.

Ich möchte anmerken, dass es im Designer viel mehr Anpassungsmöglichkeiten gibt. Anzeige beispielsweise beim Anzeigen einer bestimmten Anzahl von Seiten, nach Wochentag, nach Verweisquelle, Anzeigehäufigkeit und vielem mehr. Ich empfehle Ihnen jedoch, zunächst die Grundeinstellungen zu verwenden und dann mit weiteren zu experimentieren.

2. Kopieren Sie das Widget und nehmen Sie Änderungen für den Test vor

Nachdem Sie ein Widget erstellt haben, müssen Sie eine Kopie davon erstellen. Um Änderungen am neuen Widget vorzunehmen und einen A/B-Test durchzuführen. Klicken Sie dazu im erstellten Widget auf das Symbol „Kopieren“.

Es wird automatisch auf der Website aktiviert. Jetzt müssen wir es ausschalten, da es nicht bearbeitet wird. Ändern Sie dazu den Status.

Gehen Sie nun zu den Einstellungen, indem Sie auf das Symbol „Zum Editor hinzufügen“ klicken.

Ändern Sie hier das gewünschte Element, das Sie testen möchten. Lassen Sie uns beispielsweise die Farbe der Schaltfläche ändern. Dies geschieht mit einem Klick. Sie müssen lediglich eine andere Schaltflächenfarbe auswählen.

Klicken Sie auf „Schaltflächenfarbe“ und wählen Sie die gewünschte Farbe aus.

Speichern Sie anschließend das Widget. In Schritt 4 müssen Sie nichts ändern, um die Einstellungen des vorherigen Widgets beizubehalten. Klicken Sie dazu einfach auf die Schaltfläche „Speichern“.

Jetzt haben Sie 2 Widgets mit unterschiedlichen Schaltflächenfarben erstellt. Sie können mit der Erstellung eines A/B-Tests fortfahren. Der Einfachheit halber müssen Sie nur noch den Namen im zweiten Widget ändern.

3. Erstellen Sie einen A/B-Test

Um einen Test zu erstellen, müssen Sie zum Menü „A/B-Tests“ gehen. Und klicken Sie auf die Schaltfläche „Test erstellen“.

Hier benötigen Sie:

Wählen Sie eine Site aus – geben Sie den Namen des Tests ein

Testtyp auswählen

Bezüglich der Art des Tests. KEPLER LEADS bietet zwei verschiedene Arten von A/B-Tests: klassisch und individuell. Der Unterschied besteht in der Anzeige von Widgets für wiederkehrende Besucher. Wenn Sie einem wiederkehrenden Besucher eine neue Widget-Option anzeigen möchten, wählen Sie „Klassischer Test“ aus. Wenn Sie möchten, dass dem wiederkehrenden Benutzer keine weitere Widget-Option angezeigt wird (die zuerst angezeigte Option wird gespeichert und nur diese wird immer ausgelöst, abhängig von den Anzeigeeinstellungen), dann wählen Sie „Individuell“.

Klicken Sie nach Auswahl des Testtyps auf die Schaltfläche „Hinzufügen“. Bleibt noch der letzte Schritt – Widgets für den Test auswählen. Klicken Sie dazu auf die Zelle „Widgets“ und wählen Sie diese aus.

Überprüfen Sie nach der Auswahl der Widgets, ob alle aktiv sind. Wenn inaktive Widgets vorhanden sind, können Sie diese hier aktivieren.

Alle! Der Test wurde erstellt. Alle Ergebnisse können Sie in der Teststatistik einsehen. Klicken Sie dazu auf das „Ansicht“-Symbol rechts neben dem Testnamen. Empfiehlt die Durchführung von Tests für den Gesamtverkehr von 1000 Impressionen (dies ist in der Spalte „Ansichten“ zu sehen). Entscheiden Sie sich anschließend für die Durchführung des nächsten Tests.

Abschluss

Ihre Arbeit endet hier nicht. Jetzt müssen wir die Ergebnisse verfolgen und nach Erreichen aussagekräftiger Daten (wir empfehlen 1000 oder mehr Besucher) andere Hypothesen testen. Dies können Schlagzeilen, Call-to-Action-Texte, Wertversprechen, Bilder usw. sein. Über weitere A/B-Tests werden wir in den folgenden Artikeln schreiben. Teilen Sie Ihre Ergebnisse in den Kommentaren.

Mithilfe von HTML können Sie die Farben aller Links auf einer Seite festlegen und die Farben einzelner Links ändern.

Legen Sie die Farbe aller Links auf der Seite fest

Linkfarben werden als Tag-Attribute festgelegt . Attribute sind optional und wenn sie nicht angegeben werden, werden Standardwerte verwendet.

Link – Definiert die Farbe von Links auf einer Webseite (Standardfarbe ist Blau, #0000FF).

vlink – Farbe bereits besuchter Links. Die Standardfarbe ist Lila, #800080.

In HTML werden Farben normalerweise in hexadezimalen Zahlen in der Form #rrggbb angegeben, wobei r, g und b jeweils die roten, grünen und blauen Komponenten darstellen. Jeder Farbe wird ein Hexadezimalwert von 00 bis FF zugewiesen, was einem Bereich von 0 bis 255 im Dezimalformat entspricht. Diese Werte werden dann zu einer einzigen Zahl zusammengefasst, der ein #-Symbol vorangestellt ist (Beispiel 1).

Beispiel 1: Linkfarben festlegen

Inhalt der Website

Die Farbe muss nicht im Hexadezimalformat angegeben werden, es können auch Schlüsselwörter verwendet werden. In diesem Beispiel ist die Hintergrundfarbe der Webseite auf Schwarz und die Linkfarbe auf Rot eingestellt.

Es ist bequemer, CSS zu verwenden, um die Farbe von Links zu ändern. Um die Farbe für alle Links auf einer Webseite festzulegen, werden die folgenden Pseudoklassen angewendet und dem A-Selektor hinzugefügt.

besuchte – Stil für den besuchten Link.

aktiv – Stil für den aktiven Link. Der Link wird aktiv, wenn Sie darauf klicken.

Beispiel 2 zeigt, wie man die Farbe von Links auf einer Webseite mithilfe von Stilen ändert. Dazu verwenden wir die Eigenschaft „Farbstil“. Sie legt die Farbe eines bestimmten Texts fest, in diesem Fall von Links.

Beispiel 2. Farbe von Links, die über Stile angegeben werden

Inhalt der Website

Festlegen der Farbe einzelner Links auf einer Seite

Die obige Methode zum Festlegen von Farben funktioniert für alle Links auf einer Webseite. Manchmal ist es jedoch notwendig, verschiedene Farben gleichzeitig zu verwenden. Helle Farben beispielsweise für dunkle Bereiche einer Webseite und dunkle Farben jeweils für helle Bereiche. Sie können hierfür auch Stile verwenden.

Um die Linkfarbe zu ändern, verwenden Sie das Attribut style="color: #rrggbb" im Tag , wobei #rrggbb die Farbe im Hexadezimalformat ist. Sie können auch Farbnamen verwenden oder die Farbe im Format angeben: rgb (132, 33, 65) . Die Dezimalwerte für Rot, Grün und Blau sind in Klammern angegeben (Beispiel 3).

Inhalt der Website

Internet Marketing

Benutzerfreundlichkeit

Dieses Beispiel zeigt drei verschiedene Möglichkeiten, Farben mithilfe von Stilen festzulegen.