Online-Business – Frau König Webdesign-Studio

Von Elopage zur eigenen Kurs-Plattform

Sat, 29 Jun 2024 12:03:18 +0000

Von Elopage zur eigenen Kurs-Plattform

So gelingt der Umzug deiner Onlinekurse!

Die Zahl der externen Onlinekurs-Plattformen wächst stetig: Elopage bzw. Ablefy, Memberspot, Coachy, ThriveCart, Kajabi, Teachable & Co. hosten Onlinekurse mit unterschiedlichen Services und Zusatzfunktionen. In Deutschland ist Elopage der All in One-Anbieter für digitale Produkte. Aber auch mit verschiedenen Schwachstellen. Diese nervten meine Kundin Aleksandra irgendwann so sehr, dass sie nach einer Alternative fragte. Jetzt läuft ihr großer Onlinekurs ohne Drittanbieter über ihre eigene Website!

Die richtige Kurs-Plattform für seine Onlinekurse zu finden, kann eine Herausforderung sein. Für mich selbst stand ein externer Anbieter nie zur Debatte, da ich die Potenziale von WordPress kenne und auf meine Recherche-Skills vertraue.

Mein erstes Website-Programm „create & launch“ stampfe ich 2020 auf dieser Website innerhalb von 3 Tagen aus dem Boden – mit eigenem Shopsystem und einem einfachen Membership-Plugin. Als das Programm wächst, weitere Programme und digitale Produkte hinzu kommen, wird mein kleines System etwas unflexibel. Vor allem wenn Kundinnen mehrere Produkte kaufen, muss ich manuell anpassen.

Also baue ich Anfang 2023 auf einer Subdomain einen „richtigen“ Mitgliederbereich mit Kursen, Programmen und einer Community auf – meine Academy!

Die Anforderungen der Kundin an ihre eigene Kurs-Plattform

„Es soll einfach nur funktionieren“, verrät Aleksandra im Planungscall. „Und so aussehen, wie bei Elopage!“ Ich zeige ihr verschiedene Möglichkeiten, Funktionen und das Design an ihre Bedürfnisse anzupassen. Sie ist direkt begeistert.

Und so bleibt es nicht bei den beiden Anforderungen: Im Laufe des Aufbaus der neuen Kurs-Plattform fließen weitere Wünsche ein – denn wer weiß, was alles möglich ist, möchte kaum darauf verzichten:

mehr Verkäufe durch einen auf die Zielgruppe zugeschnittenen und optimal designten Verkaufsprozess – der übrigens nicht auf der Kassenseite endet!
höhere Einnahmen durch das Ausschließen bestimmter Zahlungsmittel mit hohen Gebühren.
größere Kundenzufriedenheit durch stimmige Prozesse zur Auslieferung der Produkte und zur Nutzung des Kurses auf der E-Learning-Plattform.

Zum Projektstart läuft der Onlinekurs bei Elopage mit einer aktuellen Gruppe. Gleichzeitig bietet die Kundin ein eBook an, das nahtlos erhältlich bleiben muss.

Während Elopage also noch genutzt wird, bauen wir die neue Plattform parallel auf einer Subdomain mit WordPress neu auf.

Schritt 1: Aufbau der Verkaufsplattform aka Onlineshop

Um vollständig unabhängig zu verkaufen, nutzen wir das beliebte Plugin „WooCommerce“. Hier richten wir als Zahlungsarten PayPal, Kreditkarte, Direkte Banküberweisung und GiroPay ein.

Über „Germanized for WooCommerce“ lassen wir die Rechnungen automatisch generieren und als PDF-Anhang per E-Mail an die Kunden senden.

Diese digitalen Produkte kommen in den Shop:

das eBook als Download
der große Onlinekurs
ein in der Platzzahl limitiertes Zusatzmeeting (für die aktuellen Teilnehmenden des Onlinekurses)

Schritt 2: Anpassen des Kaufprozesses

Anders als in einem klassischen Onlineshop, blenden wir den Warenkorb aus, sodass die Kunden von der Landinpage direkt zur Kassenseite kommen. Diese gestalten wir pro Produkt individuell mit jeweils einem abgestimmten großen Bild, weiteren Inhalten (z. B. Kundenstimmen) und dem eigentlichen Zahlungsbereich.

Für das eBook schließen wir die Zahlungsweise „Direkte Banküberweisung“ aus, während PayPal aufgrund der vergleichweise hohen Gebühren als Zahlungsart beim hochpreisigen Onlinekurs ausgeschlossen wird.

Für jedes Produkt gestalten wir außerdem eine individuelle Danke-Seite, die sich nach dem Kauf öffnet und den Kunden wichtige Informationen anzeigt. So finden die Kurskäufer beispielsweise einen Link direkt zur Kursstartseite, die Käufer des Zusatzmeetings alle Informationen zum Ablauf und die eBook-Kunden den Link zum Download.

Das eBook und das Zusatzmeeting gehen als erstes über den neuen Shop in den Verkauf und Aleksandra ist fassungslos: „Das funktioniert ja alles!“

Übrigens: Wenn sie etwas anpackt, dann richtig! Aleksandra hat neben dem Umzug ihrer digitalen Produkte auf ihre eigene Kurs-Plattform gleichzeitig ihr Newsletter-Tool gewechselt. Diesen Umzug von ActiveCampaign zu MailerLite hat Britta übernommen und gemeinsam haben wir die Produktkäufe mit neuen Automationen verknüpft und mehrfach getestet.

Schritt 3: Aufbau des Onlinekurs-Bereichs

Den Wunsch, dass der „Kurs genauso aussieht wie bei Elopage“, realisieren wir mit dem LMS-Plugin LearnDash*. Die Kursseiten gestalten wir mit Elementor Pro*.

Während die Kundin ihre Kursvideos auf der Video-Plattform Vimeo hochlädt, legen wir ihren Kurs mit 8 Modulen und 84 Lektionen in LearnDash an.

Da wir die LearnDash-Struktur umgehen und mit einem eigenen Design für die Kursseiten arbeiten, legen wir mit Elementor ein Template mit Header, Footer, Kursmenü, Titelbereich und Beitragsinhalt an. Die Kursübersichtsseite gestalten wir mit Kacheln zu den Modulen, ganz Elopage-like.

Zum Einfügen aller Inhalte, und um den Überblick zu behalten, schickt uns die Kundin eine gigantische Inhalts-Tabelle mit allen Videolinks, den Texten, externen Links, etc. Durch einen ausgefuchsten Workflow sind alle Inhalte nach fünf Stunden eingefügt.

BEREIT FÜR DEINE EIGENE VERKAUFS- UND KURSPLATTFORM?

Erstelle, hoste und verkaufe deine digitalen Produkte, Memberships und Onlinekurse direkt über deine eigene Plattform!

Höhere Einnahmen und begeisterte KundInnen:
Build & Sell ist das 6 Monats-Programm zum Aufbau deiner eigenen Verkaufs- und Kursplattform.

Schritt 4: Finetuning und testen, testen, testen

Den Login/Logout-Prozess haben wir über einfache Links mit Weiterleitungen im Header realisiert. Als Login dient das Elementor-Widget „Anmeldung“. Die Kunden werden nach ihrer Anmeldung hierüber direkt zu ihrer individuellen Profilseite weitergeleitet und haben von hier Zugriff auf ihr digitales Produkt.

Den Login- und Logout-Prozess haben wir in verschiedenen Browsern intensiv getestet, damit die Weiterleitung für die Kunden einwandfrei funktioniert.

Über Testkäufe – mal mit mal ohne Gutschein-Code – haben wir den gesamten Kaufprozess auf Herz und Nieren getestet – in verschiedenen Browsern und auch mobil.

Auf den Danke-Seiten nach dem Kauf haben wir die Texte noch einmal geschärft, um den Kunden den Einstieg in die Plattform so einfach wie möglich zu machen.

Schritt 5: Umzug der Teilnehmenden von Elopage auf die neue Kurs-Plattform

Es gibt zwei Möglichkeiten, die aktuellen Kursteilnehmenden in den neuen Kursbereich zu bringen:

Sie kaufen den Kurs mit einem 100 %-Rabatt-Gutschein.
Sie werden manuell als Benutzer angelegt.

Die Kundin entscheidet sich für Möglichkeit 2 und bereitet die Teilnehmenden mit einer ausführlichen E-Mail auf den Umzug vor. Beim Wechsel legen sie sich über die Login-Seite nur noch ein individuelles Passwort fest und haben direkt wieder Zugriff auf ihren Kurs.

Schritt 6: Kurslaunch

Beim eigentlichen Kurslaunch zeigt sich, dass das System für alle Eventualitäten gerüstet ist und die Kunden sicher durch den Kaufprozess und anschließend zu ihrem Kurs geführt werden.

Die Conversion erhöhen wir über das Zusatztool „Cart Abandonment“: Kaufabbrecher an der Kasse erhalten nach 30 Minuten eine E-Mail mit dem direkten Link zurück zur Kasse.

Über die ausführliche Statistik des LearnDash-Addons „ProPanel“ sieht die Kundin direkt in ihrem WordPress-Dashboard, wer im Kurs wo steht, wer womöglich noch gar nicht angefangen hat, wer weniger als 20 %, 40 %, 60 % oder 80 % absolviert hat und wer kurz davor ist, den Kurs abzuschließen.

Direkter Vergleich: Elopage vs. eigene Kurs-Plattform

Ein Grund, eine eigene Kursplattform zu nutzen, waren für Aleksandra die monatlichen Kosten und die bei Elopage abhängen von der Anzahl

der Produkte
der Videos
der Teammitglieder

Für ihr Businessmodell brauchte Aleksandra mindestens den Advanced-Tarif zu 69,- € pro Monat bzw. 59,- € bei jährlicher Zahlung = 1.336,- €.

Das ist jetzt keine hohe Business-Ausgabe. Doch wenn der Anbieter nicht das liefert, was du brauchst und nicht launchen kannst, ist das eben verbranntes Geld. Und: Neben dem eigentlichen Tarif wurde ja noch ein gewisser Prozensatz pro Kauf an Elopage direkt einbehalten, was bei einem hohpreisigen Kurs nochmals zu enormen Gebühren führte.

Die jährlichen Kosten für die eigene Kursplattform liegen unter 500,- €. Bei Verkäufen werden lediglich die Gebühren der vom Kunden genutzten Zahlungsart fällig; bei direkter Banküberweisung muss der Kunde zwar im System manuell nach Zahlungseingang freigeschaltet werden, dafür bleibt der Verkaufspreis zu 100 % bei der Verkäuferin.

Die einmalige Investition in den Aufbau hatte die Kundin nach ihrem erfolgreichen Kurslaunch wieder raus.

Dazu kann die eigene Plattform mit unbegrenzt vielen Produkten, Kursen und Videos bestückt werden. Auch bei Teammitgliedern gibt es kein Limit. Und natürlich kann die Plattform weiter ausgebaut werden, z. B. mit

weiteren Zahlungsarten
der Möglichkeit in Raten zu zahlen oder eine Membership anzubieten
einem Forum
einer Community

Ein großes Plus gegenüber Elopage ist natürlich, dass alles so gestaltet werden kann, wie es zur Corporate Identity der Kundin passt – und wie sie es für ihre Zielgruppe haben will.

Ansprechpartnerin bei Fragen ist hier kein externer Support mit langen Antwortzeiten, sondern die Plattformbetreiberin selbst.

Die Vorteile von LearnDash

Das Learn Management System ist vor allem eines: flexibel.

Die Kursstruktur ist mit dem „Course Builder“ schnell erstellt.
Einmal angelegte Module, Lektionen und Tests lassen sich in verschiedenen Kursen nutzen. Änderungen oder Ergänzungen müssen so nur einmal vorgenommen werden.
Pro Kurs kann ein Start- und Enddatum eingerichtet werden. Es ist auch möglich, den Zugriff auf einen bestimmten Zeitraum zu begrenzen.
Module und Lektionen können über die Drip-In Funktion nach und nach oder zu einem bestimmten Datum freigeschaltet werden.
Das Erstellen von Zertifikaten gelingt mit wenigen Klicks. Ist der Kurs abgeschlossen, erscheint das individuelle Zertifikat zum Download auf der Profilseite des Kunden.
Über die WooCommerce-Integration lassen sich einem Produkt auch mehrere Kurse zuordnen, um Bundles anzubieten.
Die Kompatibilität mit dem Pagebuilder Elementor ist einfach nur genial, um die Teilnehmenden beim Lernen und Umsetzen auch visuell zu unterstützen.
Kursmenü, Fortschrittsbalken und Button-Navigation unterstützen auch Onlinekurs-Newbies bei der Orientierung, was direkt auf die Kundenzufriedenheit einzahlt.

Feedback meiner Kundin Aleksandra von der Drehbuchwerkstatt Berlin

„Nachdem ich zu Jahresanfang (sehr entnervt) Elopage verlassen habe, läuft nun mein erster Launch mit dem eigenen Shop & eigenem Kursbereich, den ich von Silke König habe bauen lassen. Was soll ich sagen… Die beste Entscheidung ever!

Warum ist der eigene Shop und Kursbereich so viel besser?

1. Es funktioniert alles technisch einwandfrei (während es bei Elopage schwere, auch steuerlich relevante, Bugs gab, die monatelang nicht behoben wurden).

2. Die Bedienung aller Features ist so leicht, dass ich keine VA mehr brauche, ich kann alles mühelos selbst einstellen…

3. Ich konnte alles nach meinem Geschmack gestalten, es funktioniert nicht nur besser, sondern sieht auch besser aus.

4. Ich habe Zahlungsmethoden zur Verfügung, die ich vorher nicht hatte, z.B. die „direkte Banküberweisung“, die mir viele Gebühren & viel Streß erspart. Denn gerade Käufer aus dem Ausland haben bei höheren Beträgen Kreditkarten- und PayPal-Limits, die bei Elopage immer wieder zu Problemen und Zahlungsabbrüchen führten. Das alles entfällt nun.

5. Spätestes am Ende des Jahres hat sich die Investition amortisiert, d.h. die eigene Plattform ist für mich deutlich günstiger, als die (mittlerweile sehr hohen) Gebühren bei Elopage.

Mein Resümee: Alles funktioniert viel besser, sieht besser aus und kostet (auf die Dauer) deutlich weniger.“

Aleksandra von der Drehbuchwerkstatt Berlin

Mein Fazit zum Umzug von Elopage auf die eigene Kurs-Plattform

Der Wechsel von einem All in One-Anbieter auf die eigene Kurs-Plattform ist eine weitreichende Entscheidung für dein Business. Du hast es in der Hand, wie du deine Kunden von deiner Landingpage zum Kurs bringst – und kannst dabei jeden Schritt so optimieren, sodass der Prozess für den Kunden so einfach und schlank wie möglich gestaltet ist.

Der Umzug gelingt dann umso leichter, wenn du dir klar über den Verkaufsprozess und das Design deines Kurs-Bereichs bist.

Eine gute Vorbereitung z. B. in Form einer detaillierten Übersicht über alle Inhalte, erleichtert den Umzug und beschleunigt die Fertigstellung.

Dieses Projekt war direkt das Highlight am Anfang des Jahres: Die enge Zusammenarbeit mit Aleksandra hat großen Spaß gemacht, das Umsetzen der Sonderwünsche waren neue Learnings auch für uns. Bei „besonderen Vorkommnissen“ unterstützen wir Aleksandra auch nach Projektabschluss weiterhin.

Kurs-Plattform selbst erstellen oder erstellen lassen?

Du willst deine digitalen Produkte, eBooks, Masterclasses, Workshops, Onlinekurse und Onlineprogramme auch ohne Drittanbieter hosten und verkaufen?

In meinem Programm „BUILD & S€LL“ baust du deine eigene Plattform Schritt für Schritt selbst auf. Komm auf die Warteliste und erfahre, wann das Programm wieder startet.

Du möchtest den Aufbau in professionelle Hände geben? Dann beauftrage mich und ich erstelle dir

deinen Onlineshop für deine digitalen Produkte und Online-Angebote
deine Kursplattform, deinen Mitgliederbereich
eine integrierte Community-Plattform mit Gruppen und Foren zum Austausch deiner Mitglieder

*Werbe-Links
Der mit * gekennzeichneten Links sind Affiliate Links. Das heißt, ich bekomme eine kleine Provision, wenn du hierüber ein Tool buchst. Am Preis für dich ändert das natürlich nichts.

Über die Autorin:

Silke König, M.A.

Silke König ist Webdesignerin, Online-Redakteurin und Business-Mentorin. Ihren ersten Artikel im Netz hat sie vor über 24 Jahren veröffentlicht, seit 2008 arbeitet sie mit WordPress. Heute unterstützt sie Selbstständige und Unternehmerinnen dabei, online bei ihrer Zielgruppe sichtbar zu werden.

Mehr über Silke …

Lies hier weiter:

Online-Business, Webdesign

Website-Arten – Was brauchst du zum Start ins Business?

Dass du für dein (Online-)Business eine Website brauchst, müssen wir an dieser Stelle nicht mehr diskutieren, oder? Wenn du startest, kommst du sehr schnell an den Punkt, an dem du dich fragst "Was für eine Website brauche ich eigentlich?". Damit du weißt, welche Website-Art für dich und deine Zielgruppe am besten passt, kommt hier der Überblick.

Online-Business, Technik und Tools

Vom Website-Besucher zum Newsletter-Abonnenten

Wenn du mit E-Mail-Marketing richtig durchstarten willst, ist ein "Freebie" mit echter Transformation der richtige Anfang. Der Weg, wie dein Abonnent zum Download deines "Freebies" kommt, will gut überlegt sein. In diesem Beitrag erfährst du, wie du einen professionellen Auslieferungsprozess erstellst und welche Tools du hierzu brauchst.

Content, Online-Business

Website vs. Social Media

Brauchen Selbstständige heute überhaupt noch eine eigene Website? Wo doch die Kommunikation zwischen Personenmarken und ihrer Zielgruppe über Social Media Kanäle wie Facebook, Instagram, TikTok & Co. stattfindet! Erfahre hier, wo die Vorteile und wo die Nachteile liegen.

Bye bye Home-Office

Wed, 13 Jul 2022 12:00:00 +0000

Bye bye Home-Office:
Hier ist das neue Frau König Studio

Bei Freelancern und Selbstständigen ist das Home-Office nicht erst seit Corona der Arbeitsplatz schlechthin. Gearbeitet wird am Esstisch, auf dem Sofa, im Bett, im Café, im Van. Überall dort, wo eine Steckdose in der Nähe und das WLAN gut ist. Wer ein eigenes kleines Arbeitszimmer hat, ist der King (bzw. die Queen!). Bei mir war das auch lange so, doch jetzt ist damit Schluss.

Als ich vor fünf Jahren meinen hochdotierten Geschäftsführer-Job kündigte, freute ich mich riesig aufs Home-Office. Ich wollte wieder unabhängig arbeiten – irgendwas online. Und so fing ich als Freelancerin an Artikel zu schreiben, zu texten und Websites zu erstellen.

Dabei kamen gerade Schlagwörter wie diese plötzlich überall:

#ortsunabhängig

#digitalenomaden

#laptoplifestyle

#vanlife

Unabhängiges Arbeiten funktioniert auch im Home-Office

Auch ich arbeitete überall. In unserem Haus und in der Nähe: am Esstisch, auf dem Sofa, im Garten, im Café und sogar auf meiner Lieblingshalde.

Allerdings gibt’s hier kein Van-Life mit ständigem Reisen. Wie soll das auch funktionieren mit einem angestellten (Behörden-)Ehemann und einem schulpflichtigen Kind?

Okay, gereist sind wir in den ersten Jahren meiner Selbstständigkeit natürlich auch und zwar mehr als sonst. Ich konnte es mir endlich einteilen und mir erlauben, länger als zwei Wochen „abwesend“ zu sein.

Ortsunabhängigkeit mit ständigem Reisen war aber nie mein Ziel. Ich wollte einfach so arbeiten, wie es zu unserer Familie passt. Ich wollte mehr Zeit mit meinen Liebsten verbringen, immer da sein, wenn die besonderen kleinen und großen Momente geschehen oder mein Sohn mich braucht.

Zeitunabhängigkeit war es, was ich wollte und was mir das Online-Business im Home-Office ermöglichte.

Jetzt gehe ich einen Schritt weiter und ziehe in ein richtiges Büro.

Irgendwann erwischte ich mich dabei, wie ich online nach Gewerbeimmobilien in der Umgebung googelte. Es gab keinen konkreten Anlass – außer dass mich das Modell Home-Office nur noch nervte und mich in eine Art Komfortzone drängte, aus der ich raus wollte.

Außerdem war da dieses eine Bild von einem schicken, großzügigen Büro mit hohen Decken und großen Fenstern, das seit Jahren auf meinem Moodboard klebte.

Vielleicht hatte ich auch gehofft, dass in dem alten, wunderschön renovierten, ehemaligen Gasthof um die Ecke etwas frei wäre. Dort sind inzwischen Architekten und Anwälte eingezogen. Auf den gängigen Immobilienseiten fand ich riesige Büro-Etagen oder Arztpraxen, Mini-Butzen mit minimalem Tageslicht oder gekachelte Metzgereien, die einen Nachmieter suchten.

Es gab nichts, das passte. Auch mein inzwischen eingeschalteter Freundes- und Bekanntenkreis konnte nicht helfen.

Und dann hatte ich eines Tages einen Aha-Moment und mir war klar, warum ich nichts fand!

Weißt du, welchen Fehler ich gemacht habe? Ich habe einfach nur falsch gesucht. Das passiert mir eigentlich nie, denn wenn ich etwas richtig gut kann, ist es zielgerichtet zu googeln.

Den Aha-Moment hatte ich in einem netten Chat mit einer ehemaligen Kollegin, die sich für ihr Coaching-Business ein Ladenlokal angeschaut hatte.

Ladenlokal war das Stichwort.

Und weil in der Innenstadt unserer Kleinstadt der Leerstand zugeschlagen hatte, war das meine Chance. Jetzt endlich spielte Kommissar Zufall mit

Hier ist das neue Frau König Studio

In einer ehemaligen Fahrschule und direkt neben meiner Lieblings-Eisdiele habe ich mein Büro gefunden. Hier werden

Websites entstehen,
Fotos und Programm-Videos aufgenommen,
Workshops, Events und Co-Working-Tage gefeiert
Kundinnen ihre Website launchen, ihren E-Mail-Funnel aufbauen, ihren Redaktionsplan erstellen, Fotos und Videos aufnehmen, …

Das Studio ist mein Büro. Es wird auch dein Büro – wenn wir zusammen an deiner Website, an deinem Newsletter, deinem Shop oder Mitgliederbereich an deinem Business arbeiten.

Mein Ziel, dass sich hier die PassantInnen die Nase am Schaufenster platt drücken, habe ich schon erreicht. Und die ersten Kundinnen haben sich schon einen vor Ort-Termin reserviert.

Unter „Angebote“ findest du den Punkt „Website-Tag“, an dem wir deine Website zusammen vor Ort erstellen und online bringen.

Bald kommen noch die ersten Workshop-Termin dazu.

Und das ist erst der Anfang! Denn hier kann ich mir noch soooo viel mehr vorstellen.

Meine 3 Learnings aus dieser Reise zum eigenen Büro – die du locker auf den Website-Aufbau übertragen kannst.

#1 Ärgere dich nicht über Dinge, die du nicht beeinflussen kannst.

Zunächst beschäftigst du dich mit dem unwichtigen Kram, wie dem Eintrittsbimmeln an der Eingangstür. Das habe ich übrigens immer noch nicht gefunden. Oder du bastelst erstmal die Beschriftung für den Briefkasten aka dein Logo.

Dann merkst du, dass du einen Plan brauchst und machst eine Liste, was du einkaufen musst und wobei du Hilfe brauchst.

Spoiler: Selbst wenn die Immobilie gut in Schuss ist, brauchst du weit mehr, als du am Anfang gedacht hast.

Bis auf das neue Laminat in der kleinen Küche und die Dübel in der Wand, habe ich alles selbst gemacht. Ich habe gestrichen, gesägt, gebaut, geschraubt, tapeziert, verziert, geschleppt …

Es gab Abende, da hing ich auf dem Sofa und konnte mich nicht mehr bewegen. Am nächsten Tag stand ich dann wieder voller Tatendrang auf der Leiter und sah, dass es richtig toll wird.

Natürlich gab es verschiedene zeitliche Rückschläge, denn viele der bestellten Möbel hatten endlos lange Lieferzeiten. Oder die Möbel waren bei der Lieferung kaputt und mussten zurückgeschickt werden. Oder sie waren schon fast da, aber der Ersatzfahrer des Versanddienstleisters kannte das Büro nicht – und ich stand zum Lieferzeitpunkt nicht wild winkend vor der Tür – und schickte die Bestellungen wieder zum Händler zurück.

Das bremste mich derart aus, dass ich an anderen Stellen nicht weitermachte.

Beim Website-Aufbau denkst du, dass du z. B. erst diese Fotos aus dem Shooting nächsten Monat brauchst, bevor du deine „Über mich“-Seite fertigstellen kannst. Dabei ist das eine Ausrede und insgeheim bist du heilfroh über den Break.

Am Schluss überschlägst du dich dann, damit du dein gesetztes Launch-Datum überhaupt noch halten kannst.

Was also besser ist, als ein straffer Zeitplan: Eine umgekehrte Planung vom Ergebnis her – mit genügend Zeitpuffern.

#2 Es ist okay, wenn (d)ein Plan nicht funktioniert.

Einige meiner Vorhaben waren Tinneff. Das zu akzeptieren, wenn du dich einmal auf dieses Vorhaben eingegroovt hast, ist hart.

Was aber genial ist: Wenn du bei einem vermeintlichen Fail in Nullkommanix umdenkst.

Finde einen Weg, wie es anders funktioniert!

So habe ich zum Beispiel einen großen Aufkleber mit meinem Logo drucken lassen, der aufgeklebt auf meiner Eingangstür … überhaupt nicht gut aussah. Also habe ich meinen Brandnamen kurzerhand mit einem weißen Lackstift in Schnörkelschrift auf die Tür geschrieben.

Auf die Theke wollte ich einen einfachen Aufsatz bauen, sodass sie zum Eingang hin höher ist. Die gekauften Regalaufsätze waren aber viel zu tief und so blieb von der eigentlichen Theke kaum etwas übrig. Also änderte ich das Thekendesign und die Regale hängen nun in der Küche an der Wand.

Für die Toilette hatte ich einen speziellen Wandbehälter für Hygienebeutel bestellt. Um nicht in die Fliesen zu bohren, klebte ich ihn mit doppelseitigem Klebeband (dem ultrastarken) an die Wand. Es hielt ungefähr fünf Minuten und dann lag die Konstruktion auf dem Boden. Auch mit doppeltem Klebeband, dann mit dreifachem Klebeband fiel der Behälter immer wieder ab 🙄 Jetzt sind die Hygienebeutel in einer viel schöneren kleinen Holzkiste direkt greifbar untergebracht.

#3 Erst kurz vor dem Ende hast du einen Blick für das große Ganze

Als die Räume gestrichen und mit den Möbeln und der wesentlichen Technik ausgestattet waren, kam die Klarheit. Darüber, was noch fehlt. Und das war eine ganze Menge: eine vernünftige Kaffeemaschine, ein stylisher Kühlschrank, Gläser, Geschirr und Besteck. Und ein Drucker. Den hätte ich tatsächlich fast vergessen.

Deko-Elemente, die ich auf meiner Website habe, findest du jetzt auch im Laden. Überflüssige Möbel sind kurzerhand wieder rausgeflogen.

Auch auf deiner Website wirst du schnell einen Blick dafür bekommen, welche Bereiche und Elemente relevant sind – und was überflüssig ist und was du wieder löschen kannst.

Was ich von Anfang an mitgedacht habe: Das Büro ist nicht nur für mich da. Auch meine Kundinnen sollen sich hier natürlich richtig wohl fühlen – so wie auf meiner und auf deiner Website!

Auch wenn jetzt noch nicht alles fertig ist: Das Büro ist eröffnet und wir feiern nach den Sommerferien eine Einweihungsparty. Das Arbeiten hier fühlt sich sooo gut an – mit dem Trubel vor dem Schaufenster und einem leckeren Eisbecher zum Feierabend.

Auch bei deinem Website-Launch kannst du dich drauf verlassen: Du bist noch lange nicht fertig. Und vielleicht hast du schon weitere Ideen zum Ausbau verschiedener Bereiche?

Über die Autorin:

Silke König, M.A.

Mehr über Silke …

Lies hier weiter:

Technik und Tools, Webdesign

Diese Bildgrößen brauchst du auf deiner Website

Online-Business, Webdesign

So enwickelst du deinen Website-Stil

Technik und Tools

Webhoster für deine Website

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

Website planen in 3 Schritten

Wed, 06 Jul 2022 15:50:00 +0000

Website planen:
In 3 Schritten zur strategischen Website

die von Anfang an deine WunschkundInnen anzieht und verkauft!

Du planst deine Website am besten, indem du zuerst deine Business-Basis klärst, dann deinen Website-Stil festlegst und anschließend die Struktur deiner Seiten skizzierst.

Denn einfach mit Hosting, Theme und Farben loszulegen, klingt zwar produktiv, endet aber oft in einer frustrierenden Dauerbaustelle. Wenn deine Website später die richtigen Menschen anziehen und verkaufen soll, brauchst du vorher einen klaren Plan:

Wen willst du erreichen?
Was soll deine Website für dein Business leisten?
Und wie führst du Besucherinnen und Besucher so durch deine Inhalte, dass sie verstehen, warum sie genau bei dir richtig sind?

In diesem Beitrag zeige ich dir, wie du deine Website strategisch planst, ohne dich in Perfektionismus, Technik oder hübschen Details zu verlieren.

Als Riesenfan der „Einfach mal machen“-Strategie fällt es mir schwer dir zu sagen, dass dieses Mindset in Sachen Website-Aufbau leider nicht funktioniert. Im Gegenteil: Du wirst höchstwahrscheinlich niemals richtig fertig und deine Website nicht mit einem guten Gefühl online stellen.

In die „Einfach machen“-Falle ging ich in Sachen Website auch schon einmal. Mit einem Riesenanlauf bin ich mitten rein gesprungen.

Voll motiviert buchte ich vor vielen Jahren eine Domain und das Webhosting. Dann legte ich los mit einer langen Liste empfohlener Plugins. Dann installierte ich ein schickes Theme. Dann ein anderes. Und dann noch einige weitere.

Ich legte Seiten an, verschiedene Kategorien und schrieb einen Beitrag. Einen! Diesen illustrierte ich planlos mit verschiedenen Bildern von meiner Festplatte.

Dann hörte ich frustriert auf. Ich wusste einfach nicht, wie ich weitermachen sollte …

Das hat sich inzwischen geändert. Als Webdesignerin erstelle ich Business-Websites für Selbstständige und Unternehmerinnen. Der Auftakt bei jedem neuen Projekt ist immer: das Website-Konzept.

Warum ist eine Website-Planung wichtig?

Bevor du loslegst und dich auf Hosting und Tools stürzt, solltest du wissen, warum Planung der Schlüssel zum Erfolg ist:

Wenn du weißt, was die Ziele deiner Website sind, wirst du deine Website schneller launchen, also online stellen können.

Außerdem wirst du mit deinem Angebot schneller und besser von den richtigen Menschen gefunden, da du deine Website mit Sinn und Verstand erstellt hast, deine Werte und das, worum es bei dir geht, auf einen Blick erkennbar sind.

Dein Website-Konzept zeigt dir auf

wen genau du mit deinem Angebot wie ansprechen willst (Stichwort Zielgruppe und Wunschkunde).
welche einzelnen Seiten du brauchst.
welche Struktur deine Website haben muss, um deine Ziele zu erreichen.
welche Inhalte relevant für deine Website-Besucher sind.
mit welchen Gestaltungselementen du für den Wow-Effekt sorgst und aus Besuchern Kunden machst.

Wann brauchst du ein Website-Konzept?

Anhand des Tortendiagramms siehst du, dass du sowohl für den ersten Aufbau deiner Website als auch für den Ausbau oder den Relaunch deiner bestehenden Website einen strategischen Plan brauchst.

Der berühmte erste Blick, hier der erste Klick, entscheidet darüber, ob dein Website-Besucher bleibt – oder deine Seite direkt wieder verlässt.

Weil er nicht sofort versteht, was für ihn drin ist.

Weil er sich auf deiner Website nicht wohl fühlt.

Wer dagegen bleibt, beginnt zu scannen: auf der Suche nach … ja wonach eigentlich?

Und jetzt kommst du:

Welche Ziele soll deine Website erreichen?

Das ist die essentielle Frage, die du beantworten musst, bevor du dich mit Farben, Buttonformen, Bildern, usw. beschäftigst.

Denn erst wenn du selbst die Ziele deiner Website kennst, kannst du sie so aufbauen, dass diese Ziele überhaupt erreicht werden können. Klingt logisch, oder?

Und erst mit festgelegten Zielen kannst du später messen, ob du die Ziele erreicht hast – oder ob du hier und da etwas anpassen, korrigieren oder erweitern solltest.

Wenn du jetzt denkst, dass das Ziel deiner Website doch klar ist, schau mal hier:

Was möchtest du mit deiner Website erreichen?

Website ist nicht gleich Website. Es kommt vor allem auf dein Business-Modell an. Willst du

mehr Kunden in deinem Geschäft begrüßen?
dass Kunden, Patienten, Klienten einen Termin bei dir buchen?
über deine Angebote oder besondere Aktionen informieren?
(digitale) Produkte, Dienstleistungen, Trainings, Onlinekurse verkaufen?
bei Google und KI-Tools ganz oben genannt werden?
dass sich deine Website-Besucher in deinen Newsletter eintragen?

Bestimmt hast du jetzt mehrfach „Ja“ gesagt. Du siehst also, dass deine Website verschiedene Ziele verfolgen kann – und sollte.

Was ist das primäre Ziel deiner Website?

Um das Hauptziel für deine Website festzulegen, nimm das große Ganze in den Blick: Im Business-Kontext ist das ganz klar „mehr Umsatz“.

Was bringen dir eine Top-Platzierung bei Google, hunderttausende Website-Besucher, eine lange Verweildauer auf deinen Seiten, wenn am Ende niemand bei dir kauft?

Machst du dein Hauptziel jetzt noch messbar, wie z. B. „X % mehr Umsatz durch den Verkauf meiner digitalen Produkte innerhalb von X Monaten“, kannst du nach dem festgelegten Zeitraum überprüfen, ob du dein Ziel erreicht hast.

Was sind die Unterziele deiner Website?

Unterziele sind bei deiner Website-Planung deshalb wichtig, weil du mit ihnen dein Hauptziel in kleinere Schritte unterteilst.

Sie helfen dir, deine Website zu strukturieren, deine Inhalte zu planen und zeigen dir auf, welche Tools und Funktionen du brauchst.

Durch Unter- oder Teilziele behältst du beim Aufbau deiner Website die vielen kleinen Schritte besser im Blick und du weißt ganz genau, was der nächste Schritt ist.

Die Unterziele zeigen dir auf, welche Maßnahmen du umsetzen musst, um dein Hauptziel zu erreichen, um z. B.

überhaupt online gefunden zu werden und dein Angebot bekannt zu machen.
deine Expertise zu zeigen und Vertrauen aufzubauen.
deine E-Mail-Liste aufzubauen.
Kennenlern-/Beratungsgespräche zu generieren.
deine (digitalen) Produkte, Dienstleistungen, etc. zu verkaufen.

Was bilden die definierten Unterziele deiner Website ab?

Wenn du aufmerksam auf die Unterziele guckst, siehst du, dass du mit ihnen die komplette Kundenreise abbilden kannst. Du legst fest, wie ein Nutzer auf deine Website kommt, zum Leser wird, zum Abonnenten wird, zum Kunden wird.

Stelle dir also folgende Fragen:

Für welche Zielgruppe ist mein Angebot gedacht?
Wie sorge ich dafür, dass meine Zielgruppe auf meine Website kommt?
Wie hebe ich mich von den Angeboten meiner Mitbewerber ab?
Wie baue ich Vertrauen auf?
Wie mache ich aus Website-Besuchern Abonnenten meines Newsletters?
Wie können Interessenten einen Termin bei mir buchen?
Wie können Interessenten meine (digitalen) Produkte buchen bzw. kaufen?

Prüfe jedes Unterziel, ob es auf dein Hauptziel einzahlt. Wenn du merkst, dass du abschweifst und dich mit „Nice to have“-Themen aufhältst, konzentriere dich auf umsatzrelevante Teilziele.

Denn eine schöne Schrift verkauft nicht. Eine sehr gute Struktur und sehr gutes Copywriting aber schon.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

So planst du deine Website in 3 einfachen Schritten

Schritt 1: Definiere deine Business-Basis

Wie beim Bau deines Traumhauses, brauchst du für deine Website eine solide Basis, das Fundament.

Dein Fundament sollte mindestens folgende drei Aspekte beinhalten:

1) Dein Warum und deine Werte

Damit erhältst du aber vor allem auch dein Website-Besucher Klarheit über dich und darüber, wofür du stehst.

2) Deine Nische, mit der du eine klar definierte Zielgruppe ansprichst

So findest du selbst schneller einen Fokus und kannst genauer auf die Wünsche deiner Website-Besucher eingehen.

3) Dein Wunschkunde

Dein Wunschkunde (Traumkunde, idealer Kunde, Soulclient) ist der typische Vertreter deiner Zielgruppe. Er oder sie hilft dir, deinen Content, dein Angebot, dein Marketing auszurichten. Es ist diese eine Person, die du vor Augen hast, wenn du

deine Über mich-Seite, einen Angebotstext, einen Blogbeitrag schreibst.
neue Fotos für deine Website aufnimmst oder recherchierst.
einen neuen Newsletter schreibst.
ein neues Angebot entwickelst.

Dein Wunschkunde ist die Hauptperson auf deiner Website. Richte alle deine Maßnahmen an ihrem Geschmack, ihren Fragen, Problemen und Zielen aus.

Um ein einheitliches Erscheinungsbild mit Wiedererkennungswert auf deiner Website zu kreieren, erarbeitest du im nächsten Schritt deinen Website-Stil: aus deinem Warum, deiner Positionierung und dem Wissen um deine Zielgruppe.

Schritt 2: Leg deinen Website-Stil fest

Kannst du aus deiner Positionierung typische Symbole ableiten? Gibt es bestimmte Farben, die charakteristisch sind? Welche Wirkung willst du mit verschiedenen Schriften erzielen? Welche Bildwelten bzw. Motive passen zu deiner Nische?

Die grundlegenden Fragen zum Website-Stil lauten:

Mit welchem Stil kannst du deine Zielgruppe anziehen?
Was gefällt deinem Wunschkunden? Was gefällt dir?
Welche Stimmung willst du mit dem Stil auf deiner Website hervorrufen? Was soll dein Website-Besucher fühlen?

Einen ausführlichen Beitrag, wie du deinen Website-Stil entwickelst, findest du hier …

Wichtige Punkte für deinen Website-Stil sind

Farben
Bilder (vor allem auch von dir)
Schriften
eventuell typische Symbole
Slogan, Texte, dein Angebot

Im Beitrag „15 Schriftpaare für deine Website und deine Social Media-Posts“ kannst du dich inspirieren lassen. Hier findest du moderne und zeitlose Schriften zum Kombinieren.

Selbst wenn du bereits ein Branding für dein Offline Business oder deine Social Media-Kanäle hast entwerfen lassen: Überprüfe unbedingt, ob sich dieses mit seinen Farben, Schriften, Motivwelten und Elementen 1:1 auf die Website übertragen lässt.

Auch ein vorhandenes Logo, das auf der Visitenkarte oder in deinem Schaufenster sehr gut aussehen, kann auf der Website plötzlich untergehen, wenn es zu kleinteilig oder mit einer zu zarten Schrift gestaltet ist.

Für deine Website brauchst du ein responsives Logo, das auch auf dem kleineren Smartphone-Display perfekt erkennbar ist.

Absolutes No Go in Sachen Branding:

Bastel dir nicht selbst dein Logo, wenn du keine Grafikdesignerin bist. Erfahre hier, warum du (erstmal) kein Logo auf deiner Website brauchst.

Schritt 3: Skizziere die Struktur deiner Website

Zusammen mit deinem Content entscheidet die Struktur deiner Website über Erfolg oder Misserfolg.

Wenn sich dein Besucher auf deiner Website nicht zurechtfindet, wird er sie schnell wieder verlassen und woanders suchen, was er bei dir nicht gefunden hat.

Zur Struktur deiner Website gehören in erster Linie:

die benötigten Seiten und Unterseiten
Kopfzeile (Header) und Fußzeile (Footer) mit den entsprechenden Menüs
die Benutzerführung zu deinem wichtigsten Angebot
Blogkategorien

Deine Website-Struktur sollte möglichst einfach zu durchschauen sein. Denn: Der Website-Besucher an sich ist nahezu blind. Du kannst ihn dir als unaufmerksames Toastbrot mit 4 Promille Blutalkohol vorstellen.

Zunächst überfliegt, ja scannt er deine Website nur und prüft, ob er für ihn relevante Inhalte findet.

Erschaffe also eine logische Struktur, die sich gerne in die Tiefe hin weiter verzweigt. Damit der Website-Besucher auf den ersten Blick erfassen kann, wohin er klicken muss, sollten in der ersten Ebene nur die relevanten Punkte stehen.

Deine Skizze erstellst du ganz einfach auf einem Blatt Papier – eben Oldschool. Oder du nutzt ein Tool, wie z. B. Figma.

Website planen: Deine Extrameile zur Wow-Website

Wenn du deiner Website den Wow-Effekt verleihen willst, kannst du die Extrameile gehen und dich mit weiteren Punkten beschäftigen:

Elemente, die du dringend auf deiner Websites brauchst (Must Have)
Elemente, die auf deiner Website toll wären (Nice To Have).
Wie und worin sich deine Website von deinen Mitbewerbern unterscheiden soll!
Was ist eigentlich das Ziel deiner Website?

Dir steht das gesamte Netz mit Millionen Websites zur Verfügung. Starte eine große Recherche und finde heraus, wie du deine Website strukturieren und gestalten willst. Lass dich inspirieren, aber kopiere niemals 1:1 den Stil einer anderen Website.

Wenn es dir gelingt, dein Thema, deine Zielgruppe und das Ziel deiner Website im Blick zu behalten, wird dein Website-Konzept schnell fertig. Für die eigentliche Erstellung der Website selbst hast du dann den perfekten Kompass.

Insgesamt geht es bei deiner Website-Planung niemals nur um deine Website.

Es geht um dich und deine Zielgruppe und wie du es schaffen kannst, aus dem riesigen Angebot an Websites von Coaches, Trainern, Beratern, Bloggern & Co. herauszustechen.

Insgesamt geht es also um dein Business an sich und dein Alleinstellungsmerkmal. Und das sorgt oft für Aha-Momente.

Was ist bei der Website-Planung noch wichtig?

Nichts ist in Stein gemeißelt. Wahrscheinlich wird dir selbst die erste Version deiner Website schon bald nicht mehr gefallen. Weil du dich schnell veränderst. Und weil sich dein Business erst noch eingroovt. Die Klarheit kommt mit der Zeit und dann wirst du auch deine Website noch einmal überarbeiten.

Gerade wenn du jetzt noch ganz am Anfang deines Online-Business stehst und du schnell starten willst, kann die Erarbeitung eines Website-Konzepts zur Mammut-Aufgabe werden. Halte dich nicht zu lange mit der Planung auf. Farben, Schriften, Struktur, etc. wirst du später höchstwahrscheinlich noch einmal (oder mehrmals) anpassen.

Wenn du, wie ich, Perfektionistin bist, lass dir gesagt sein:

Deine Website wird niemals perfekt sein. Aber das siehst nur du so.

Hier hilft das Prinzip „better done, than perfect!“.

Denn sonst wirst du auch mit deinem Website-Konzept niemals fertig.

Über die Autorin:

Silke König, M.A.

Mehr über Silke …

Lies hier direkt weiter:

Online-Business, Webdesign

Deine eigene Linkseite für Instagram™

Online-Business, Webdesign

So enwickelst du deinen Website-Stil

Technik und Tools

Webhoster für deine Website

Darum brauchst du kein Logo auf deiner Website

Tue, 07 Jun 2022 05:41:42 +0000

Darum brauchst du (erstmal) kein Logo auf deiner Website

plus 3 Logo Alternativen

Dass du für deine Website ein Logo brauchst, ist ein Gerücht, das sich hartnäckig hält. Viele Business-Starterinnen basteln erstmal selbst an ihrem Logo herum. Schließlich gibt es geniale Design-Programme wie z.B. Canva. Hier wird dir suggeriert, dass du mit einer Vorlage mal eben dein Logo selbst erstellen kannst. Und ein Logo braucht man doch, bevor man mit der Gestaltung seiner Website beginnt, oder?

NEIN! Du braucht (erstmal) kein Logo auf deiner Website!

Wusstest du, dass es zunächst besser ist, kein Logo auf der Website zu haben als ein schlechtes selbstgebasteltes?

Ausnahme: Du bist Grafikdesignerin und kannst dir ein professionelles Logo selbst gestalten. Der Ausdruck „basteln“ wäre hier natürlich fehl am Platze!

Was sind die Nachteile eines selbstgebastelten Logos?

Ein selbstgebasteltes Logo schreit aus allen Poren: „Ich bin ein DIY-Logo!“ und das ist auf deiner Business-Website alles, nur nicht professionell.

Wenn du eine Vorlage verwendest, hat dein Logo keinen Wiedererkennungswert. Es sieht dann auch selbstgebastelt aus und daher nicht professionell. Und das willst du mit deinem Business bestimmt nicht suggerieren. Schließlich bist du professionell!

Als Nicht-Designerin kennst du außerdem spezifische Design-Regeln nicht:

Die Schrift, die du verwendest, ist komplex oder zu verschnörkelt, sodass sie sich später nicht gut reproduzieren lässt.
Die Farbe deines Logos ist zu hell oder zu dunkel, sodass der notwendige Kontrast auf weißem oder schwarzem Hintergrund fehlt.
Die Bestandteile sind nicht grafisch genug, sodass dein Logo auf dunklem Hintergrund oder einem Bildhintergrund nicht wirkt und in kleiner Größe nicht mehr lesbar ist.

Welche Anforderungen muss ein Website-Logo erfüllen?

Auf deiner Website steht dein Logo in der Regel in der Kopfzeile – entweder links oder mittig. Die Kopfzeile selbst ist meist nicht höher als 80 Pixel.

Enthält dein Logo kleine Schriftelemente oder kleinteilige Grafikelemente funktioniert es im Header deiner Website überhaupt nicht.

Schlimm wird es bei runden Logos. Dann ist die Schrift in der verkleinerten Version auf deiner Website nicht mehr lesbar. Und schon gar nicht auf mobilen Geräten, denn hier hat deine Kopfzeile eine noch geringere Höhe.

So prüfst du, ob dein Logo sich für deine Website eignet:

Verkleinere dein Logo auf 70 px in der Höhe – auch wenn du kein rundes Logo hast! Das kannst du z. B. mit dem kostenlosen Bildbearbeitungstool gimp oder auch in Canva machen.
Schau mal, ob du alle Elemente auf deinem Logo gut erkennen kannst.

Wenn du nicht alle Elemente und Bestandteile deines Logos gut erkennen kannst, ist das Ergebnis nicht professionell!

Ein weiterer Nachteil eines selbstgebastelten Logos ist, dass es sich nicht für verschiedene Medien eignet, da es nicht in den entsprechenden Formaten vorliegt. Im Netz stößt du vielleicht auf Begriffe wie Vektorgrafik, EPS, JPG, PNG und SVG.

Hier ist es wichtig zu wissen, wofür du dein Logo auch später nutzen willst. Auf deiner Website? Auf deinem neuen Flyer, deiner Visitenkarte, auf Plakaten? Als Aufkleber auf deinem Schaufenster? Auf deinem Auto?

Was für ein Logo willst oder brauchst du eigentlich?

👉 Ein Schriftlogo wie Coca Cola?

👉 Ein abstraktes Logo plus Schriftzug wie Nike oder Airbnb?

👉 Ein Markenzeichen wie Apple, Twitter oder Instagram?

👉 Ein Buchstaben-Logo oder einen einzelnen Buchstaben oder ein Emblem-Logo?

Du siehst: Ein Logo ist nicht nur ein Logo.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

Für dein professionelles Logo brauchst du einen Profi an deiner Seite!

Wenn du dennoch unbedingt mit einem Logo auf deiner Website starten willst, lass es dir professionell von einer Grafikerin erstellen. Sie wird dir im Briefing viele Fragen stellen, um wirklich den Kern deines Business herausarbeiten und die passgenaue visuelle Sprache finden zu können:

zu deiner Positionierung und deiner Zielgruppe,
zu deinen Werten,
zu deinen Zielen und wie deine Zielgruppe deine Marke wahrnehmen sollte,
zu deinen Angeboten.

Denn schließlich soll dein Logo zu dir und deinem Business passen.

Was noch viel wichtiger ist: Deine Zielgruppe soll auf einen Blick erkennen und fühlen, worum es bei dir wirklich geht und wofür du stehst.

Von deiner Grafikerin bekommst du alle Logo-Formate

Neben der png- und der jpg-Datei brauchst du dein Logo zukünftig bestimmt als Vektorgrafik im eps- oder svg-Format, wenn es professionell gedruckt werden soll.

Auch wenn du am Anfang noch gar nicht an Plakate, großflächige Aufkleber, etc. denkst: Wenn du die Vektordaten von Anfang an hast, bist du langfristig auf der sicheren Seite und kannst auch mal spontan einen Druck in Auftrag geben.

Zwischenfazit: Starte besser ohne Logo, als mit einem Selbstgebasteltem!

Wenn du ganz am Anfang stehst, möchtest du dir vielleicht eine Grafikerin nicht leisten. Denn gutes Design hat natürlich seinen Preis. Und es immer eine wertvolle Investition in dein Business.

Als Business-Starterin brauchst du kein Logo!

Ein letzter Grund gegen ein Logo ist, dass du beim Start deines Business vielleicht noch gar nicht sicher weißt, wohin die Reise gehen wird.

Okay, das weiß man sowieso nie.

Aber beim Website-Aufbau überdenkst du eventuell deine Positionierung nochmal.

Deine Zielgruppe verfestigt sich, je mehr du dich mit deiner Positionierung beschäftigst.

Dein Wunschkunde ist noch eine dir unbekannte, etwas mysteriöse Person.

Auch deine Branding-Farben und dein Stil insgesamt sind noch nicht fix.

Ich verrate dir hier nicht, wie oft ich auf meiner Website meine Farben und Schriften schon geändert habe – im Gegensatz zu meinem Logo. Das hat übrigens ein Freund von mir gestaltet. Er ist Grafikdesigner und hat meinem ersten Logo im letzten Sommer ein kleines Make-over verpasst.

Doch lies hier unbedingt weiter, denn es gibt

3 Alternativen zum selbstgebastelten Logo

Damit du trotzdem mit deiner Website durchstarten kannst, gibt es tolle Alternativen, die du zunächst anstelle eines Logos nutzen kannst:

1. Nutze deinen Namen

Logo-Alternative Nr. 1 ist so einfach wie genial: Schreibe deinen (Website-)Namen in einer gut lesbaren Schrift in deine Kopfzeile.

Okay – ich gebe zu, auch die Auswahl einer passenden Schrift kann viel Zeit kosten. Aber handle hier nach dem Motto:

Better done than perfect!

Falls du dich hierzu inspirieren lassen möchtest, findest du in meinem Blogbeitrag „So kombinierst du Schriften auf deiner Website und Social Media“ 13 Beispiele dazu.

2. Nutze dein Profilbild

Schau mal in dein Insta-Profil oder dein Facebook-Konto. Für deinen Business-Account hast du bereits ein geniales Foto von dir hochgeladen. Du hast es ausgewählt, weil du dich selbst mit diesem Foto total wohl fühlst. Und genau dieses Foto kannst du auf deiner Website anzeigen – anstatt eines Logos.

3. Nutze ein einfaches Icon

Bestimmt gibt es für dein Thema ein Symbol. Ein einfaches aber aussagekräftiges Icon, das sich zunächst anstelle eines Logos eignet. Wenn du Fotografin bist, eine Kamera. Als Rechtanwältin ein Paragraphenzeichen. Als Foodexpertin Messer und Gabel. Als Texterin ein Notizbuch oder ein Stift. Dann schreib noch deinen (Website-)Namen daneben und fertig.

Egal ob mit oder ohne Logo:

Wenn du jetzt deine Business-Website erstellen willst, lies hier meinen Beitrag „So planst du deine Website in 3 einfachen Schritten“ und dann leg los!

Lies hier weiter:

Online-Business, Webdesign

Website planen in 3 Schritten

Online-Business, Webdesign

Deine eigene Linkseite für Instagram™

Webdesign

Lesbarkeit deiner Website-Texte verbessern

Website-Arten – Was brauchst du zum Start ins Business?

Mon, 23 May 2022 06:52:18 +0000

Website-Arten

Was brauchst du zum Start ins Online-Business?

Dass du für dein (Online-)Business eine Website brauchst, müssen wir an dieser Stelle nicht mehr diskutieren, oder? Wenn du startest, kommst du sehr schnell an den Punkt, an dem du dich fragst „Was für eine Website brauche ich eigentlich?“. Damit du weißt, welche Website-Art für dich und deine Zielgruppe am besten passt, kommt hier der Überblick.

Die Frage nach der Art deiner Website ist nicht so einfach zu beantworten. Es kommt nämlich darauf an, was dein Ziel ist. Welchen Zweck soll deine Website haben? Und: Was ist der Kern deines Business?

Inhaltsverzeichnis

Diese Website-Arten sind für dich interessant, wenn du gerade startest und dir dein Business aufbaust bzw. aufbauen willst:

Anhand deines Ziels kannst du nachsehen, welcher Website-Typ für dich am besten geeignet ist!

„Ich will Newsletter-AbonnentInnen gewinnen/mein erstes Angebot verkaufen!“

Landingpage

Rein technisch ist jede Seite einer Website eine Landingpage: Es ist eine Seite, auf der ein User über einen Link landet.

Eine Landingpage im Sinne des Online-Marketings ist eine Verkaufsseite, die auf ein bestimmtes Ziel ausgerichtet und auf dieses optimiert ist: Der User soll eine bestimmte Handlung ausführen.

Auf der Landingpage fehlen in der Regel die Kopf- und die Fußzeile, damit

👉 nichts vom Ziel dieser Seite ablenkt.
👉 der User sich nicht doch erst noch eine andere Seite bei dir durchliest oder durch deine Beiträge stöbert.
👉 der User die gewünschte Handlung ausführt.

Um eine Landingpage zu erstellen, brauchst du keine eigene Website.

Je nach Ziel, kannst du deine Landingpage mit dem entsprechenden Tool erstellen.

So bieten viele Newsletter-Tools wie z.B. ActiveCampaign (Affiliate Link) auch Landingpages an, um dein „Freebie“ zu bewerben. Hier kannst du dann das erforderliche Anmeldeformular direkt auf deiner Landingpage integrieren.

Auch bei Canva kannst du Landingpages erstellen, z.B. für eine eigene Linkseite zu deinen weiteren Social Media-Kanälen oder deinen Angeboten auf verschiedenen Plattformen.

Auch mit Tools wie Unbounce oder Leadpages kannst du deine Landingpage unabhängig von einer eigenen Website erstellen.

Diese Landingpage-Tools werben damit, dass sie Conversion optimiert sind. Das heißt, dass sie die Konversionsrate steigern, u.a. durch eine schnelle Ladezeit und mobile Anpassung. Meiner Meinung nach findet die Optimierung aber vor allem über deine Texte und deine (Angebots-)Bilder statt. Hierauf hat das Tool natürlich keinen Einfluss.

Deine Landingpage kannst du schnell online bringen.

Die meisten Tools arbeiten mit sogenannten Drag and Drop-Pagebuildern. Darüber ziehst du die Inhalte, die du anzeigen lassen willst, einfach auf die Seite und füllst sie mit Inhalt.

Der größte Nachteil bei diesen Landingpage-Tools sind die Kosten, im Vergleich zur eigenen Website, auf der du beliebig viele Landingpages erstellen kannst.

Und: Auch auf deiner Landingpage musst du ein Impressum und eine Datenschutzerklärung angeben.

„Ich starte gerade mein Business und will möglich schnell meine Website online bringen!“

Onepager

Wörtlich übersetzt ist ein Onepager ein „Einseiter“: eine Website, die aus „nur“ einer Seite besteht: der Startseite, auch Homepage genannt.

Aus den Menüpunkten in der Kopfzeile wird keine neue Seite geöffnet, sondern der Onepager springt bzw. rollt zum entsprechenden Abschnitt.

Auf deinem Onepager stellst du den Kundenvorteil kurz und knackig dar und dich und dein Angebot in verschiedenen Abschnitten vor.

Das sind die Vorteile eines Onepagers:

✅ Du musst nicht für viele verschiedene Seiten die Texte schreiben und Fotos machen bzw. aus einer Bilddatenbank suchen.
✅ Du bindest easy ein Anmeldeformular für den Aufbau deiner E-Mail-Liste oder/und ein Terminbuchungstool für Kennenlerngespräche ein.
✅ Du bewirbst deine extern gehosteten digitalen Produkte, Dienstleistungen, Coachings oder deinen Onlinekurs auf deiner Domain und leitest deine Interessenten weiter.
✅ Du bist total flexibel, da du von dieser Basis aus deine Website nach und nach ausbauen kannst – um weitere Seiten, z.B. deine Über mich-Seite, deine Angebotsseite und deinen Blog.
✅ Du kannst deine Website an einem Tag launchen.

Waaaahnsinn, so ein Onepager. Aber es gibt da noch weitere Seiten, die du unbedingt haben musst: das Impressum und die Datenschutzerklärung. Die brauchst du natürlich auch auf deinem Onepager.

Und was ist mit einer stylishen Linkseite z. B. für dein Profil hier auf Instagram? Die kannst du natürlich auch einbinden und mit wenigen Klicks wirst du den ollen Linktr.ee los.

Ist der Onepager also eine Mogelpackung?

🤓 Auf gar keinen Fall. Er ist ein echtes Allround-Talent.

Einige Nachteile bringt der Onepager aber auch mit sich:

❌ Du brauchst zwei Header, da ein Onepager zwei Menüs benötigt: Eines mit den „rollenden“ Links zu den entsprechenden Bereichen (= Sprungmarken) und eines, das von den weiteren Seiten Impressum und Datenschutzerklärung zum Onepager zurückführt.
❌ Du musst dich auf das Wesentliche konzentrieren, da der Onepager sonst unübersichtlich wird und deine User sich nicht zurecht finden.
❌ Durch weniger Content auf deiner Website wirst du es schwer haben, von den Suchmaschinen gefunden zu werden. Durch eine gute Seitenstruktur und die punktgenaue Platzierung deines Keywords kannst du Google zeigen, worum es bei dir genau geht.

„Ich will einfach mal starten und irgendwann später ein Angebot einbinden.“

Blog

Ein klassischer Blog (= Weblog) besteht aus Beiträgen in verschiedenen Kategorien. Die Startseite zeigt die neuesten Beiträge und in der Regel eine Seitenleiste mit Informationen zur Autorin, den beliebtesten Beiträgen und eventuell den neuesten Kommentaren. Denn auch heute noch ist ein Blog sehr gut dazu geeignet, sich mit seinen Lesern über Kommentare auszutauschen.

Für einen Blogbeitrag brauchst du

deinen Text
einen prägnanten Titel,
eine Einleitung
Bilder, Grafiken zur Illustration und Auflockerung, ein Video oder eine Podcast-Episode
ein Beitragsbild und eine kurze Zusammenfassung mit Call to Action (= Textauszug), die nach der Veröffentlichung auf der Startseite angezeigt werden.

Ein Blog hat viele Vorteile:

🥳 Blogbeiträge liefern Antworten auf Fragen, Inspiration, Anleitung, Unterhaltung und Mehrwert. Damit baust du Vertrauen auf.
🥳 Du zeigst deine Expertise und wie du an dein Thema herangehst.
🥳 Blogbeiträge werden geteilt und erhöhen damit deine Sichtbarkeit.
🥳 Deine Beiträge liefern dir Postideen für Social Media auf Autopilot.
🥳 Du lieferst regelmäßig neuen Content – und das lieben deine Blogleser und die Suchmaschine.

Argumente gegen einen reinen Blog gibt es nicht. Eigentlich.

❌ Allerdings ist es heute sehr viel schwieriger „nur“ mit einem Blog ein Business aufzubauen, da deine Leser kein konkretes Angebot mit dir verbinden und es sich angewöhnen, bei dir kostenlosen Content zu bekommen.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

„Ich brenne für ein (gesellschaftlich) relevantes Thema und will Content veröffentlichen.“

Onlinemagazin

Beim Onlinemagazin ist die Website das Business.

Zugegeben, die Grenzen vom Blog zum Onlinemagazin sind fließend. Doch diese Website Art geht einen großen Schritt weiter: Das Onlinemagazin ist stärker redaktionell ausgerichtet. Die thematisch abgestimmten Inhalte sind der größte Unterschied.

Gestalterisch sind dem Onlinemagazin keine Grenzen gesetzt. Die Startseite zeigt die neuesten und meistgelesenen Artikel in einem speziell gestalteten Magazinstil. Die Artikel können jeweils individuell gestaltet sein oder in einem festgelegten Template erscheinen.

Die Menüpunkte in der Kopfzeile führen zu den einzelnen Kategorien mit Unterpunkten.

Dieser Website-Typ macht Lust zu stöbern – in Artikeln, die in verschiedenen Rubriken und Kategorien miteinander verlinkt sind.

Monetarisieren lässt sich ein Onlinemagazin durch Kooperationen, bezahlte Beiträge und über Werbebanner oder Links sowie den Verkauf eigener Produkte oder Events.

Der Vorteil des Onlinemagazins liegt in der relativ schnellen Sichtbarkeit. Um zu starten, brauchst du eine gewisse Anzahl an vorproduzierten Beiträgen.

Damit du langfristig von deinem Onlinemagazin gut leben kannst, braucht dein Magazin wöchentlich mehrere neue Artikel, die gut recherchiert und mit eigenem Bildmaterial illustriert sind. Am besten gelingt das mit einem Team aus Schreibenden, FotografInnen, GrafikerInnen, WebdesignerInnen.

„Ich will meine Produkte online verkaufen!“

Onlineshop

Diese Website-Art kennen wir alle: Amazon und Zalando sind die Onlineshops schlechthin. Aber auch Otto, Ikea und Lidl verkaufen ihre Produkte online direkt über ihre Shops.

Ein eigener Onlineshop eignet sich nicht nur für physische Produkte, die versendet werden müssen. Du kannst auch virtuelle Produkte (Meetings, Workshops), digitale Produkte (Onlinekurse, Onlineprogramme, Vorlagen) oder Dienstleistungen (Stundenpakete) über deinen Onlineshop verkaufen.

Den eigenen Onlineshop aufzubauen ist technisch recht komplex, da er den gesamten Kaufprozess abbilden muss:

1️⃣ Die Anzeige des Produkts inkl. Preis und Steuerinformationen.
2️⃣ Den Bestellvorgang über den Warenkorb und die Kasse.
3️⃣ Das Erfassen der Käuferdaten und das Erstellen eines Kundenkontos.
4️⃣ Die Zahlung über verschiedene Zahlungsmethoden.
5️⃣ Die automatisierten E-Mail-Benachrichtigungen für den Käufer und den Shop-Betreiber.
6️⃣ Das Erstellen der Rechnung und des Lieferscheins.
7️⃣ Der Versand über einen Dienstleister.
8️⃣ Eventuelle Widerrufe und Retouren.

Viele nutzen zum Start ihres eigenen Onlineshops eine Plattform wie z. B. Etsy. Dort kannst du easy loslegen, musst dich nicht mit der Technik beschäftigen und deine Zielgruppe ist meistens schon da.

Allerdings verschwindet auf so einer Plattform deine Marke in der Masse.
Um aufzufallen, musst du die Plattform-eigene Werbung nutzen – und bezahlen.
Es fallen laufend Kosten an, wie die Einstell-, die Transaktions- und Zahlungsbearbeitungsgebühren.

Mit WordPress kannst du dir deinen eigenen Onlineshop auf deiner Domain aufbauen:

Das sind die Vorteile deines eigenen Onlineshops

✅ Ist der Shop erst technisch eingerichtet, kannst du deine Produkte, Angebote, Kurse, Workshops, Dienstleistungen über deine eigene Domain verkaufen.
✅ Du kannst alles in deinem Branding gestalten und deine Shopseiten so anpassen, wie es zu deinen Produkten am besten passt.
✅ Du hast keine laufenden Shop-Gebühren und die Transaktionskosten reduzieren sich auf wenige Prozent je nach gewählter Zahlungsart durch den Kunden.
✅ Du kannst dein eigenes Affiliate-Programm nutzen, um deine Verkäufe zu erhöhen.

Zwei Herausforderungen bringt der eigene Onlineshop mit:

📌 Ein eigener Onlineshop erfordert zum Beginn eine gewisse Investition in Tools und Support.
📌 Du (oder jemand aus deinem Team) bist dafür verantwortlich, dass der Shop funktioniert.

„Ich will meine (kreativen) Arbeiten online herausragend präsentieren!“

Portfolio-Website

Du bist Designerin, Fotografin, Videografin, Künstlerin, Schauspielerin, Filmemacherin? Mit deinem Portfolio zeigst du deine besten Arbeiten, damit

👉 du online gefunden wirst.
👉 Kunden/Auftraggeber sich ein Bild von deinen Arbeiten machen können.
👉 du deine Positionierung/Spezialisierung darstellst bzw. eingrenzt.

Online-Portfolios durchbrechen gerne die Regeln des klassischen Webdesigns.

Sie sind selbst die Arbeitsprobe. Das kann ganz schnell zum Nachteil werden, da das Portfolio selbst zur Nebensache werden kann.

Neben der Gestaltung der Portfolio-Website selbst, kommt es auf die Auswahl der Arbeiten an, die angezeigt werden sollen.

Du kannst
📌 deine besten Arbeiten zeigen.
📌 deine neuesten Arbeiten zeigen.
📌 einen Querschnitt deiner Arbeiten zeigen und damit, wie du dich weiterentwickelt hast.

Insgesamt kommt es natürlich auf das Ziel an: Was bzw. wen willst du mit deinem Portfolio erreichen?

„Ich will mir ein Business aufbauen, online sichtbar werden und Kundinnen und Kunden gewinnen.“

Corporate Website

Eine Corporate Website ist der zentrale Kommunikationskanal eines Unternehmens im Netz.

Oder anders herum: Wenn du selbständig bist oder dir (online) etwas Eigenes, Großes und Unabhängiges aufbauen willst, existierst du ohne Website nicht.

Natürlich kannst du erstmal auf Social Media starten und dich ausprobieren. Ob dein Thema deine Zielgruppe anzieht und dein Thema Potenzial hat, dass du damit Geld verdienen kannst. Doch wenn du online für deine Dienstleistung, deine Angebote oder deine Produkte gefunden werden willst, brauchst du eine Corporate Website. Lies hierzu auch den Beitrag Website vs. Social Media.

Eine Corporate-Website ist eine Business-Website mit einer Startseite, einer „Über mich“-Seite, einer Angebotsseite, Blogbeiträgen und damit mit einer Blogseite, etc. Damit bildest du ab, worum es bei dir geht. Damit UserInnen dich finden, Website-BesucherInnen Vertrauen zu dir und deiner Expertise fassen und zu Fans und zu KundInnen werden.

Lass uns mal einen Blick auf eine ganz seriöse Corporate Website werfen:

Die Website von VW richtet sich in erster Linie an AutokäuferInnen und setzt den Fokus auf die neuesten Fahrzeugmodelle.

Als KundIn kannst du auf volkswagen.de Modelle entdecken, konfigurieren, nach verfügbaren Neu- und Gebrauchtwagen stöbern. Die Website ist zugleich Onlineshop sowie Plattform rund um die Themen Technologie, Mobilität, Marke und Erlebnis. Wenn du etwas weiterscrollst, findest du Links zu VW als Arbeitgeber, zu Investor Relations, zur Volkswagen AG.

Corporate Websites können also verschiedene Zwecke erfüllen.

✅ Basis der digitalen Markenkommunikation.
✅ Darstellung der Angebotspalette und Möglichkeit zum Kauf oder Weiterleitung zum Händler.
✅ Userbindung (z. B. durch Newsletter und Vernetzung mit Social Media-Kanälen).
✅ Die systematische Gestaltung der Kundenbeziehungsprozesse (= Customer Relations).
✅ Herstellen eines auf die Marke ausgerichteten Nutzererlebnisses.
✅ Positionierung als Arbeitgeber.

Du musst kein Konzern sein, um eine Corporate Website aufzubauen.

Wichtig ist, dass du das primäre Ziel festlegst und deine Corporate Website darauf optimierst.

So wie der Onepager im Kleinen, bildet die Corporate Website dein Angebot und die Vorteile für deine Zielgruppe ab. Allerdings sehr viel ausführlicher. Das ist besonders positiv für die Sichtbarkeit, denn kann Google erkennen, worum es bei dir geht und ob deine Inhalte relevant sind.

Dieser Vorteil der Corporate Website ist zugleich ihr Nachteil:

Du brauchst mehr Inhalt, den du auf unterschiedlichen Seiten darstellst. Außerdem brauchst du eine gut durchdachte Struktur, damit sich deine Website-BesucherInnen zurecht finden und bei dir finden, was sie suchen.

Deine Corporate Website entwickelt sich mit deinem Business weiter

Natürlich kannst du deine Corporate Website zunächst mit den wichtigsten Seiten online bringen. Dann baust du sie nach und nach aus und

👑 bindest einen Blog ein, damit du regelmäßig aktuellen Content auf deine Website bringst und damit deine Sichtbarkeit erhöhst (Stichwort SEO) und von deiner Zielgruppe gefunden wirst.
👑 machst über Landingpages aus Website-Besuchern Abonnenten und Käufer.
👑 erstellst ein Portfolio, sodass InteressentInnen sich von deiner Expertise überzeugen können.
👑 baust deinen eigenen Shop auf deiner Corporate Website auf und verkaufst direkt in deinem Namen deine Dienstleistung, dein Angebot, deinen Onlinekurs, dein Gruppen-Coaching, deine Produkte.

All diese Website-Arten haben eines gemeinsam:

Deine Website erstellst du nicht für dich, sondern für deine Zielgruppe!

Bevor du direkt loslegst: Mach dir zunächst einen Plan. In diesem Beitrag erfährst du, worauf du achten solltest.

👑 Welche Website-Art passt zu dir und deinem Ziel?

Lies hier weiter:

Online-Business, Technik und Tools

Website erstellen in 10 Schritten

In dieser Schritt-für-Schritt-Anleitung erfährst du, wie du mit WordPress deine eigene Webseite an den Start bringst: Welche Einstellungen du vornehmen musst, wo du ein passendes Theme findest, welche Plugins wichtig sind und wie du deinen ersten Blogbeitrag veröffentlichst. Am Ende steigt deine Launchparty!

Online-Business, Technik und Tools

Website mit WordPress selbst erstellen

Wie sieht es mit deiner eigenen Onlinepräsenz aus? Hast Du die Website, die zu 100% zu dir und deiner Nische passt? Mit der du Reichweite aufbauen, deine Angebote im besten Licht zeigen und Kunden anziehen kannst? Erfahre, warum du deine Website selbst erstellen solltest.

Online-Business, Technik und Tools

WordPress.com oder WordPress.org?

Eigentlich ist es doch nur ein klitzekleiner Unterschied in der Domain. Doch was dahinter steckt, ist enorm. Damit du weißt, warum du bei WordPress voll auf .org setzen solltest und für wen .com die bessere Wahl ist und was sich dahinter verbirgt, erfährst du in diesem Beitrag.

Google Fonts DSGVO-konform einbinden

Fri, 04 Feb 2022 19:05:29 +0000

So bindest du deine Google Fonts
DSGVO-konform auf deiner Website ein

Mit dieser Anleitung entfernst du die Verbindung zum Google-Server in 8 Schritten

Google Fonts bindest du DSGVO-konform auf deiner Website ein, indem du die verwendeten Schriftdateien lokal auf deinem eigenen Server speicherst und die direkte Verbindung zu den Google-Servern unterbindest. So werden die Schriften beim Aufruf deiner Website nicht von Google geladen und die IP-Adresse deiner Besucherinnen und Besucher wird dabei nicht an Google übermittelt.

In dieser Anleitung zeige ich dir Schritt für Schritt, wie du Google Fonts herunterlädst, lokal einbindest und die Verbindung zum Google-Server vollständig entfernst.

Google Fonts sind genial: Es gibt über 1300 Schriften, die kostenlos und lizenzfrei genutzt werden können – auch auf deiner Website. Themes, Plugins und Pagebuilder wie z. B. Elementor bringen die Schriften standardmäßig mit. Aber wenn du sie nutzt hast du ein Problem. Denn die direkte Einbindung über den Google-Server ist nicht datenschutzkonform und kann bestraft werden.

Zu 100 Euro Schadenersatz hat das Landgericht München im Januar 2022 einen Website-Betreiber verurteilt, weil er Google Fonts verwendet hat. Ein Website-Besucher hatte geklagt, dass seine persönlichen Daten ohne seine Einwilligung an Google in die USA übermittelt wurden.

Damit gibt es jetzt zum Thema Google Fonts ein Urteil, einen Präzedenzfall in Deutschland, und die berüchtigten Abmahn-Anwälte haben sich wie die Geier darauf gestürzt.

Dabei ist das Thema gar nicht neu: Die Verwendung der dynamischen Google Fonts ist seit dem Inkrafttreten der DSGVO am 25. Mai 2018 verboten.

Was passiert technisch, wenn ich Google Schriften direkt nutze?

Beim Aufruf deiner Website wird die IP-Adresse des Users an den Google-Server gesendet. Dann werden die auf der Website eingebundenen Schriften vom Google-Server geladen und dynamisch in das HTML-Dokument eingebunden, das zum User übertragen wird.

Das passiert so schnell … So schnell kannst du gar nicht gucken.

„Die unerlaubte Weitergabe der dynamischen IP-Adresse des Klägers durch die Beklagte an Google stellt eine Verletzung des allgemeinen Persönlichkeitsrechtes in Form des informationellen Selbstbestimmungsrechts nach § 823 Abs. 1 BGB dar“, so das Gericht. Hier geht’s zum Urteil …

Darf ich Google Schriften jetzt nicht mehr nutzen?

Nein und ja!

Es kommt darauf an, WIE du die Google Fonts auf deiner Website einbindest.

Nein! Denn: Die Nutzung der Google Fonts über dein Theme, deinen Pagebuilder oder verschiedene Plugins erfolgt durch direkte Verbindung zum Google-Server. Hier solltest du jetzt unbedingt handeln!

Ja: Du kannst deine Google Schrift „selbst hosten“. Damit nutzt du deine Schrift ohne direkte Verbindung zum Google-Server und ohne dass die IP-Adresse deines Users in die USA übertragen wird.

Wie finde ich heraus, ob meine Website mit dem Google-Server verbunden ist?

Über deinen Browser stellst du ganz einfach fest, ob deine Website Google Fonts direkt über den Google Server lädt:

Logge dich aus deiner Website aus und und rufe deine Website mit dem Chrome Browser auf. Durch einen Rechtsklick irgendwo auf deiner Website, kannst du sie „Untersuchen“.

Nicht erschrecken: Es öffnen sich die Developer Tools und du siehst erstmal ganz viel Code.

In der oberen Leiste siehst du eine Menü-Leiste. Klicke in dieser Leiste auf „Quellcode“ und schau dir die linke Spalte an.

Sobald hier die Google-Referenzen „googleapis“ und „gstatic“ auftauchen, werden deine Schriften direkt vom Google-Server geladen.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

Hier ist ein Beispiel mit der Verbindung zum Google-Server:

So sieht der Quellcode ohne die Verbindung zum Google-Server für die Google Fonts aus:

So nutzt du deine Google Fonts DSGVO-konform

Es ist überhaupt nicht kompliziert, die Verbindung zum Google-Server zu kappen und die Google Fonts lokal auf deiner Website einzubinden.

Damit du das direkt umsetzen kannst, enthält die folgende Anleitung einfache und kostenlose Tools. Also: No Coding!

1. Dein erster Klick geht auf fonts.google.com.

Du findest deine Google Schrift ganz schnell über die Suche.

Neben den enthaltenen Schriftschnitten findest du die Glyphen inkl. Sonderzeichen und die Lizenz-Info, die du unbedingt beachten musst.

2. Downloade deine Schriftdateien

Über den Button „Download Family“ oben rechts, lädst du die Schrift als zip-Datei mit allen enthaltenen Schriftschnitten herunter.

3. Schriften entpacken

Wenn du zip-Datei entpackst, erhältst du alle enthaltenen Schrift-Dateien im ttf-Format. Diese „TrueType Fonts“ kannst du auf deinem Computer installieren und auch mit anderen Programmen nutzen (Word, Photoshop, etc.).

4. Schriften konvertieren

Damit deine Schrift von allen Browsern angezeigt werden kann, brauchst du diese Datei-Formate:

WOFF Datei (verwendet von modernen Browsern)
WOFF 2 Datei (verwendet von supermodernen Browsern)

Über ein kostenloses Tool wie z. B. fontConverter.io oder onlinefontconverter.com kannst du in wenigen Klicks aus deiner Schrift im ttf-Format die anderen Formate generieren.

Du wählst deine zu konvertierende Schriftdatei aus (hier: Roboto-Regular.ttf).
Du wählst die Dateiformate, die du brauchst.
Du klickst auf „Convert Font“ und erhältst eine zip-Datei mit der Schrift in den verschiedenen Formaten.

5. Google Fonts hochladen

Jetzt kommt es darauf an, welches Theme bzw. welchen Pagebuilder du nutzt.

Im weiteren Verlauf des Beitrags geht es um den Pagebuilder Elementor. Die Vorgehensweise kannst aber auf alle anderen Pagebuilder übertragen.

Fonts in gängiges Theme einbinden

Für die gängigen Themes (z. B. Astra, OceanWP) kannst du deine Fonts über das Plugin Custom Fonts hochladen.

Du fügst im Plugin deine Schrift hinzu, legst eine Fallback Schrift fest und wählst den Schriftschnitt deiner Font.

Dann lädst du nach und nach deine Font-Dateien zu den entsprechenden Dateiformaten hoch.

Um einen weiteren Schriftschnitt hinzuzufügen, klickst du auf den Button „Add Font Variation“.

Wenn du unten auf „Add new font“ klickst, ist deine Schrift angelegt.

Wenn du Elementor nutzt, kannst du jetzt die Google Fonts direkt über den Pagebuilder lokal hosten. Eine Blitzanleitung findest du hier …

Fonts in Elementor Pro einbinden

In Elementor Pro ist das Hochladen von benutzerdefinierten Schriften sowieso vorgesehen. Du brauchst als Pro-Nutzer also kein Extra-Plugin.

Gehe unter Elementor auf „benutzerdefinierte Schriftarten“, klicke oben „Add new“ und lade hier deine Fonts entsprechend den Formaten hoch.

Leg die verschiedenen Schriftschnitte unbedingt auf einer Schriftfamilie an, damit du später die Schriftschnitte direkt im Pagebuilder festlegen kannst.

Anschließend klickst du auf den Button „Veröffentlichen“.

6. Schriften austauschen

Gehe nun in deinen Customizer und tausche die dort festgelegten Google Fonts gegen die jetzt lokal eingebundenen Schriften aus. Du findest diese jetzt unter den Systemschriften.

Wenn du einen Pagebuilder nutzt, ist es wichtig, die Schriften ebenfalls an einem Ort definiert zu haben. Nutzt du das Hello Theme und Elementor, legst du deine Typography unter den Website-Einstellungen fest.

Egal welchen Pagebuilder du nutzt: Jetzt ist es wichtig, dass in keinem eingefügten Element mehr die im System enthaltenen Google Fonts benutzt werden. Am besten wählst du bei den Elementen sowieso immer „Vorgabe“, damit deine Schriften direkt aus der vom Theme erzeugten CSS-Datei geladen werden.

7. Quellcode checken

Wenn du alle Schriften ausgetauscht hast, kannst du den Cache deiner Website einmal löschen, deine Live-Seite aktualisieren und erneut einen Blick in den Quellcode deiner Website werfen.

Wenn jetzt immer noch eine Verbindung zum Google Server angezeigt wird, kann die Verbindung durch irgendein Plugin oder eingebettete Inhalte hergestellt werden, z. B. HTML-Code deines Newsletter-Anmeldeformulars, YouTube-Videos.

8. Verbindung zum Google-Server endgültig trennen

Vielleicht nutzt du bestimmte Plugins, die ebenfalls Google Fonts direkt vom Google Server laden. Auch diese Verbindung musst du unbedingt trennen.

Verbindung per Plugin trennen

Es gibt verschiedene Plugins, die du einsetzen kannst, um die letzten Reste deiner dynamischen Google Fonts zu entfernen:

Ein beliebtes Plugin ist Disable and Remove Google Fonts. Diesen kannst du einfach installieren, aktivieren und schon sollten alle Verbindungen zum Google-Server getrennt sein.

Verbindung per Code trennen

Wenn du Elementor nutzt und dir das Plugin sparen willst, kannst du unter „Design“ → „Theme Datei Editor“ einen einfachen Code in die functions.php deines Child-Themes einbinden:

				
					/* Keine Google Fonts */
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Gibt es auch Nachteile, wenn ich meine Google Fonts lokal hoste?

Neben all den Vorteilen (z.B. verbesserte Ladezeiten), die durch das direkte Einbinden der Google Schriften entstehen, kann es auch Nachteile geben:

Es kann passieren, dass dein Favorit aus deinem Theme gar nicht bei den Google Fonts enthalten ist. So erscheint z. B. die Schrift „Content“ bei den Google Fonts nur als Khmer Schrift. In diesem Fall kannst du dir nur eine andere Schrift aussuchen.
Je nach Schrift kann es vorkommen, dass sie auf verschiedenen Endgeräten leicht verändert aussieht. Lass dich davon nicht irritieren: Die Lesbarkeit deiner Schrift steht immer noch Mittelpunkt!

FAQ - Häufige Fragen zu Google Fonts und Datenschutz

Darf ich Google Fonts auf meiner Website verwenden?

Ja, du darfst Google Fonts verwenden. Entscheidend ist, wie du sie einbindest. Werden die Schriftdateien lokal auf deinem eigenen Server gespeichert, muss beim Laden deiner Website keine direkte Verbindung zu den Google-Servern hergestellt werden.

Warum ist das direkte Laden von Google Fonts problematisch?

Beim dynamischen Laden fordert der Browser die Schriftdateien direkt von Google an. Dabei wird unter anderem die IP-Adresse der Website-Besucherin oder des Website-Besuchers an einen Google-Server übermittelt und das ist nicht datenschutzkonform. Durch das lokale Speichern der Schriften kannst du diese direkte Verbindung vermeiden.

Wie finde ich heraus, ob meine Website Google Fonts von Google lädt?

Öffne deine Website in einem privaten Browserfenster und rufe über einen Rechtsklick die Entwicklerwerkzeuge auf. Suche dort im Quellcode nach Verbindungen zu fonts.googleapis.com oder fonts.gstatic.com. Werden diese Domains angezeigt, lädt deine Website noch Schriftdateien direkt von Google.

Wie kann ich Google Fonts lokal auf meiner Website einbinden?

Lade die benötigte Schriftfamilie herunter und speichere die verwendeten Schriftdateien auf deinem eigenen Webserver. Anschließend legst du die lokale Schrift in deinem Theme oder Pagebuilder an und ersetzt die bisher dynamisch geladenen Google Fonts. Prüfe danach erneut, ob alle Verbindungen zu den Google-Servern entfernt wurden.

Brauche ich Programmierkenntnisse, um Google Fonts lokal einzubinden?

Nein. Viele Themes und Pagebuilder bieten eigene Einstellungen für lokale oder benutzerdefinierte Schriften. Erfahre hier, wie du Google Fonts lokal in Elementor nutzt. Alternativ kannst du ein geeignetes WordPress-Plugin verwenden.

Nur wenn sich einzelne Verbindungen darüber nicht entfernen lassen, kann eine zusätzliche technische Anpassung erforderlich sein. Das können wir gerne zusammen im Mini-Mentoring machen.

Welche Dateiformate brauche ich für lokal eingebundene Schriften?

Für moderne Websites reicht in der Regel das Format WOFF2 aus. Es ist stark komprimiert und wird von allen aktuellen Browsern unterstützt. WOFF kannst du zusätzlich verwenden, wenn du auch ältere Browser berücksichtigen möchtest. Formate wie TTF oder OTF sind für die Einbindung auf Websites meist nicht notwendig.

Muss ich alle Schriftschnitte einer Google Font hochladen?

Nein. Lade nur die Schriftschnitte und Schriftstärken hoch, die du auf deiner Website tatsächlich verwendest, zum Beispiel Regular 400, Medium 500 oder Bold 700. Jeder zusätzliche Schriftschnitt vergrößert die zu ladende Datenmenge und kann die Ladezeit deiner Website unnötig erhöhen.

Ich bin keine Anwältin und das hier ist keine Rechtsberatung. Wenn du in Fragen rund um Datenschutz & Co. auf Nummer sicher gehen willst, lässt du dich juristisch beraten.

Lies hier weiter:

Technik und Tools, Webdesign

Google Fonts in Elementor lokal einbinden

Google Fonts lokal einzubinden klingt komplizierter, als es ist. In Elementor kannst du die Schriften mit wenigen Klicks direkt auf deinem eigenen Server laden. In diesem Mini-Tutorial zeige ich dir Schritt für Schritt, welche Einstellung du aktivieren musst und wie du anschließend prüfst, ob alles richtig funktioniert.

Webdesign

So kombinierst du Schriften

Schriften spielen viel zu oft eine untergeordnete Rolle auf Website und Social Media. Dabei komplettieren sie den Look, den Du mit Farben und Bildern herstellst und machen Dein Branding einzigartig. Erfahre hier, welche Schriftpaare auf Website und in Social Media zeitlos und schwer angesagt sind.

Webdesign

Lesbarkeit deiner Website-Texte verbessern

Texte spielen auf deiner Website die Hauptrolle. Der Inhalt, was du schreibst, ist dabei genauso wichtig wie die Gestaltung des Textes auf deiner Website. Die Typographie sorgt für den ersten Eindruck. Und damit dafür, ob der User bleibt. Erfahre, wie du die Lesbarkeit deiner Texte verbesserst.

Deine eigene Linkseite für Instagram™

Fri, 06 Aug 2021 21:05:57 +0000

"Adios Linktr.ee"
So erstellst du deine eigene Linkseite für deine Instagram™ Bio

Du bist auf Instagram™ aktiv und nutzt die beliebte App als Marketing-Kanal? Um deine Follower und User zu deinen besten Inhalten und deinem Angebot zu bringen, setze in deiner Bio am besten nur einen Link ein. Viele nutzen hier den Dienst Linktr.ee. Doch eine eigene Linkseite für deine Instragram Bio ist mehr als eine Alternative.

Linktr.ee wirbt mit diesem Satz: „Build a powerful social bio link that only Linktree can deliver.“

😳What? Nur Linktr.ee kann einen mächtigen Bio-Link erstellen?

Stimmt doch gar nicht.

Lass uns mal einen Blick auf Linktree werfen:

Du kannst dir kostenlos einen Linkbaum erstellen.
Du wählst einen Hintergrund. In der kostenlosen Version gibt es nicht so viele Designs.
Du erstellst deine Links, die in Form von Buttons angezeigt werden.

Der Vorteil ist, dass es ziemlich schnell geht, mit Linktree so einen Linkbaum zu erstellen.

Wenn du es ein wenig individueller haben und in deinen Brandingfarben gestalten willst, musst du die kostenpflichtige Version buchen für monatlich 6 $.

Dein eigener Linktree auf deiner Website ist mehr als eine Alternative zu Linktr.ee

Du kannst dir für deine Bio mit einigen Klicks eine eigene, stylishe und vor allem individuelle Linkseite erstellen.

Über deine Website geht das easy. Und, was sehr wichtig ist: Deine eigene Linkseite ist datenschutzkonform.

Denn deine Follower und Interessentinnen landen über den Dienst Linktr.ee erst einmal auf einem Server in den USA, wo ihre Daten gesammelt, gespeichert und verarbeitet werden. Und das solltest du unbedingt vermeiden.

Außerdem willst du sie ja auf DEINER Website haben. Dort, wo dein Content, dein Freebie und dein Angebot sie zu Kundinnen und Kunden macht. Und sie weiterleitet, z.B. in deine Facebook-Gruppe, zu deinem LinkedIn-Profil, zu Pinterest, und und und …

Ach ja, dein Impressum und deine Datenschutzerklärung kannst du natürlich auch ganz nebenbei hier platzieren. Und das ist ein absolutes Muss!

Mit deinem eigenen Linkbaum auf deiner Website bist du in der Gestaltung völlig frei.

So erstellst du deinen eigenen Linktree:

Leg eine Landingpage auf deiner Website an. Mit einem Pagebuilder wie Elementor* geht das ruckzuck.
Erstelle Grafiken für die einzelnen Bereiche, die du verlinken willst, in deinen Brandingfarben, mit passenden Bildern und/oder Grafiken. Hierzu kannst du z. B. Canva nutzen.
Platziere die Grafiken auf deiner Landingpage untereinander und verlinke sie in die verschiedenen Bereiche: zu deinem Freebie, Angebot, Onlinekurs, zu deiner „Über mich“-Seite, in deinen Blog, etc.
Setze die URL deiner Landingpage in deine Instagram™ -Bio und überall dort, wo du ebenfalls nur einen Link einfügen kannst!

Hier gibt’s noch den ultimativen Pro-Tipp für die Grafiken auf deiner eigenen Linkseite:

Setz auf deine Grafiken unbedingt Buttons mit Call to Actions.

Das hat einen riesengroßen Effekt und deine Klickrate zu deiner Website, deinem Angebot, deinem Blog, Podcast, YouTube-Kanal, etc. geht ab wie eine Rakete.

Ich hab das mal beobachtet:

Eine gute Freundin sitzt neben mir auf meinem Sofa.
Ich zeige ihr meine neue Insta-Linkseite.
Sie fragt: „Wie hast du denn die Buttons da drauf bekommen?“
Ich erkläre: „Mit Canva.“
Sie: „Ja wie mit Canva!?“
Ich so: „Na das sind keine echten Buttons. Aber sie sehen so aus! Natürlich ist die gesamte Grafik verlinkt!“
Sie staunt. Und nickt.
Dann klickt sie auf der Insta-Seite auf … den Button zu meinem Blog.

Wir alle sind total darauf trainiert, auf Buttons zu klicken! Also nutze Buttons und bring deine Follower und Interessentinnen dort hin, wo sie deinen besten Content oder das passende Angebot finden.

Der mit * gekennzeichnete Link ist ein Affiliate Link. Das heißt, ich bekomme eine kleine Provision, wenn du hierüber buchst. Am Preis für dich ändert das natürlich nichts.

Lies hier weiter:

Online-Business, Webdesign

Website planen in 3 Schritten

Online-Business, Technik und Tools

Website erstellen in 10 Schritten

Online-Business, Technik und Tools

Website mit WordPress selbst erstellen

So enwickelst du deinen Website-Stil

Thu, 22 Apr 2021 07:50:00 +0000

So entwickelst du deinen Website-Stil

und sorgst für das richtige Feeling bei deiner Wunschkundin!

Es dauert ganze 3 Sekunden, in denen dein Website-Besucher entscheidet ob er bleibt oder geht. Erkennt er nicht direkt, was für ihn drin ist, klickt er weg. Stellt sich innerhalb dieser kurzen Zeit nicht das richtige Feeling ein, klickt er weg. Für das richtige Gefühl auf deiner Website sorgst du mit deinem Website-Stil.

Den passenden Website-Stil zu finden, ist Teil der Planung deiner Website. Doch es steckt weit mehr dahinter, als die Suche nach Farben und Schriften. Du kannst es mit dem Hausbau vergleichen, wobei du vom Grundriss bis zur Einrichtung einen einheitlichen Look erreichen willst. Auch beim Website-Stil spielen verschiedene Faktoren zusammen – und ergeben am Ende ein stimmiges Gesamtbild.

Zum Schlagwort „Stil“ findest du online viele Zitate: Nietzsche schrieb „Den Stil verbessern, das heißt den Gedanken verbessern.“ Modezar Karl Lagerfeld erklärte, dass eine Frau ohne Stil auch in einem Kleid mit Stil keinen Stil habe. Und Kommunikationsprofi Georg-Wilhelm Exler sagt „Stil ist still“. Damit trifft er auch in Sachen Website ins Schwarze. Denn dein Website-Stil wirkt ganz unaufdringlich, fast beiläufig.

Stil wirkt. Vor allem auf deiner Website. Er sorgt dafür, dass du dich klar positionierst und abgrenzt.

Wer deinen Website-Stil nicht mag, wird deine Website schnell wieder verlassen. Und das ist auch gut so: Versuche nicht, es allen Recht machen zu wollen.

So, wie du dich auf eine Zielgruppe festgelegt hast, funktioniert auch der Website-Stil. Mit deinem Website-Stil ziehst du genau die Zielgruppe an, die zu dir, deinem Thema und zu deinem Angebot passt.

Diejenigen, die deinen Website-Stil mögen, ja lieben, werden sich bei dir wohlfühlen. Denn genau darum geht es.

Mit deinem Website-Stil kreierst du ein Momentum für deinen Wunschkunden: damit er bleibt, immer wieder kommt und schließlich bei dir kauft.

Damit stehst du vor der ersten und wichtigsten Fragen, die du dir stellen solltest:

Was soll ein neuer Website-Besucher beim Aufrufen deiner Website fühlen?

Auch hier gilt der vielzitierte Satz „Du hast keine zweite Chance auf einen guten ersten Eindruck!“

Aber halt, vergiss mal deine Website (kurz zumindest):

Was ist eigentlich Stil?

Bestimmt kennst du Jamie Oliver!?

Der britische Starkoch fügt nicht einfach Zutaten zusammen und kocht daraus eine Mahlzeit. Er komponiert und kreiert Gerichte wie ein Künstler. Dabei wirbelt er lässig im T-Shirt oder Hoody durch seine TV-Küche und liebt, was er macht. Er ist begeistert von der Farbkombination, die entsteht, wenn er die grüne Minze über den goldgelben Kartoffeln verteilt. Er zelebriert Zutaten und Düfte. Und wenn er zur Gabel greift und probiert, schwebt er im siebten Himmel.

Wenn du Jamie Oliver mit Johann Lafer vergleichst, ist der Unterschied riesig. Nicht nur in Sachen Kleidung.

Hurricane Festival trifft Musikantenstadl.

Selbst wenn beide einen Gemüseauflauf kochen, werden die Ergebnisse völlig verschieden sein.

Aber nicht nur das: Jamie Oliver hat eine völlig andere Zielgruppe als Johann Lafer.

Das liegt am Stil. Hier werden aus Persönlichkeiten Marken, Personal Brands. Mit ihren Werten, ihren Visionen. Und ihrer jeweils eigenen Zielgruppe.

Stil ist also alles, was dich ausmacht. Er umgibt dich.

Was gehört zum Website-Stil?

Bestimmt denkst du beim Website-Stil zunächst an Farben und Schriften. Diese Elemente gehören natürlich zum Website-Stil. Sie machen aber nur einen Teil aus.

Denn um einen nachhaltigen Stil zu entwickeln, solltest du auf das gesamte System, nämlich deine Business-Basis schauen:

dein Thema und deine Positionierung,
deine Zielgruppe und ihre Wünsche, Fragen und Ziele,
deine Art, Themen anzugehen, zu schreiben, deine Beiträge und Seiteninhalte,
Farben, Schriften, Gestaltungselemente, Motivwelten und Bilder, die dein Angebot illustrieren und deine Inhalte und Werte ideal transportieren,
und nicht zu vergessen deine Persönlichkeit: Du als Person, die hinter allem steht, mit deinem Warum, deiner Vision, deinem persönlichen Stil.

Deine Persönlichkeit & deine Positionierung geben den Website-Stil vor.

Du kannst dich deinem Website-Stil über verschiedene Fragen annähern:

Wofür stehe ich und welche Attribute transportiert mein Business?
Welche Motive sind typisch für mein Thema/meine Positionierung?
Welche Farben sind typisch für mein Thema/meine Positionierung?
Gibt es ein typisches Symbol für mein Thema/meine Positionierung?

Zwei Beispiele:

Du bist Achtsamkeitscoach und sprichst Mütter an, die mehr Ruhe und Zeit für sich selbst in ihren Alltag holen wollen.
Du bist Business-Fotografin für persönliche Porträts und hochwertige Produkte.

Passt zu diesen Beispielen ein bunter Website-Stil mit knalligen Farben? Eher weniger.

Die Attribute „Achtsamkeit“ und „hochwertig“ geben jeweils eine Richtung vor, die punktgenau den Wunschkunden ansprechen durch einen ruhigen und hochwertigen Look.

Wenn du Klarheit über deine Business-Basis hast, weißt du genau, welchen Stil du auf deiner Website realisieren wirst.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

Welche Website-Stile gibt es?

Da heute technisch alles möglich ist, gibt es auch in Sachen Website-Stil keine Grenzen. Hier sind die gängigsten:

modern
verspielt
elegant
natürlich
vintage,
feminin
bunt
minimalistisch …

Wenn du nach „Website-Stil“ googelst, erhältst du 190 Millionen Treffer zum Thema Webdesign.

Der Website-Stil ist aber weit mehr als das Webdesign: Er geht weit über die Struktur und den Aufbau deiner Website hinaus.

Denn: Mit deinem Website-Stil sorgst du für das Feeling, den kleinen Unterschied.

Also frage dich, was deine BesucherInnen fühlen sollen, wenn sie auf deine Website kommen.

Das Feeling sorgt für Connections. Vertrauen zu dir stellt sich ein.

Das Webdesign bringt deinen Website-Stil in die gewünschte Struktur.

Hier sind einige Beispiele:

Minimalistischer Website-Stil

Minimalismus ist die bewusste Beschränkung auf das Nötigste. Da eine Website grundsätzlich nicht überladen und auf das Wesentliche fokussiert sein sollte, empfehle ich jeder Website einen gewissen Minimalismus – von der Gestaltung her, aber nicht in Sachen Website-Stil.

Das beste Beispiel für einen minimalistischen Website-Stil liefert Apple:

Der Tech-Riese reduziert seine Inhalte sowohl auf seiner Startseite und auf allen anderen Seiten auf das Wesentliche: die Produkte.

Du siehst dabei, dass Minimalismus nicht zwangsläufig nur die Farben schwarz, weiß und grau nutzen muss.

Minimalismus bedeutet sehr viel Weißraum, also freie Flächen rund um das wesentliche Objekt plus gezielte Aktzente. So wird die volle Aufmerksamkeit hierauf gelenkt.

Für diese Themen und Nischen eignet sich ein minimalistischer Website-Stil:

Kunst/Kultur/Architektur
Mode/Interior
Design/Webdesign/Fotografie
Technologie

Feminin-eleganter Website-Stil

Dezent, unaufdringlich und ein Hauch von Luxus: So lässt sich der feminin-elegante Website-Stil beschreiben.

Klare Linien, dezente Farben, Fotos, die Statements setzen, ziehen eine Zielgruppe an, die ebenfalls Wert auf hochwertige Produkte legt.

Diesen Website-Stil kannst du ausgehend von deinem Lebensstil mit einer neutralen Farbe aufbauen und geschmackvoll kombinieren.

Mein Lieblingsbeispiel für diesen Stil ist die Website der Fotografin Nora Lange:

Noras Website folgt dem Stil ihrer Arbeit: klare, elegante Fotografien von hochwertigen Produkten. Ihr Website-Stil basiert auf den Farben schwarz und weiß, die sie mit beige konsequent kombiniert.

Auf Design-Elemente verzichtet Nora vollständig und lenkt damit durch nichts von ihren Texten und Fotografien ab, die hier natürlich im Mittelpunkt stehen.

Den feminin-eleganten Website-Stil kannst du in jeder Nische verwirklichen, wenn es der Stil deiner Zielgruppe ist. Ganz besonders eignet sich dieser Stil in hochwertigen Nischen:

Mode/Schmuck
Beauty/Wellness
Architektur/Interior/Lifestyle
Design/Fotografie
Genussmittel

Moderner Website-Stil

Unter diesem Label findest du die meisten Websites von Soloselbstständigen. Der Website-Stil folgt dem erarbeiteten Branding, es gibt keine festen Regeln. Farben, Schriften, Design-Elemente und Motivwelten finden sich ebenfalls auf den jeweiligen Social Media-Accounts wieder.

Der moderne/junge Website-Stil orientiert sich dabei weniger an Webdesign-Trends: Die Positionierung steht im Mittelpunkt und wird auf allen Seiten, im Content und in allen Produkten durchdekliniert.

Hier sind drei Beispiele, die zeigen, wie unterschiedlich dieser Website-Stil aussehen kann.

Der moderne/junge Website-Stil nähert sich der Bildsprache der Sozialen Medien an: vor allem durch kleine Design-Elemente, wie z B. Herzen, Likes, Sternen, Blumen, organische Formen im Hintergrund oder das sogenannte Flat-Design.

Website und Social Media-Profile gehen Hand in Hand und ergänzen sich visuell und inhaltlich. Erlaubt ist, was der Zielgruppe gefällt.

Mit diesem Website-Stil liegst du in nahezu allen Nischen richtig:

Coaching/Beratung
Marketing/Online-Marketing
Design/Webdesign/Texten
Social Media/Social Media Mangement
VA-Business
Sport/Ernährung/Gesundheit

Romantisch-verspielter Website-Stil

Kerzen, Rüschen, Pastellfarben, feine Linien und verschnörkelte Schriften, ein Hauch von Boho oder Vintage: Der romantisch-verspielte Website-Stil hat eine riesengroße Fangemeinde. Und er ist voll und ganz weiblich, zart bis mädchen- oder märchenhaft.

Beim romantisch-verspielten Website-Stil stehen nicht allein die Farben im Vordergrund. Du kannst ihn hell oder dunkel realisieren. Wichtig hier sind die Zutaten, die wie beiläufig platziert werden und zugleich die Hauptrolle übernehmen.

So wie auf der Website von Anna und ihrem Hochzeitsdeko-Team von Miet me at the wedding:

Auf ihrer Website kombiniert Anna den hellen Hintergrund mit Beige- und Brauntönen, einer zarten Schnörkelschrift und den moody Fotografien von ihren Dekorations-Arbeiten und den gefeierten Hochzeiten.

Wenn du selbst der romantisch-verspielte Typ bist, kannst diesen Website-Stil in einer dieser Nischen verwirklichen:

Backen/Kochen
Produkte und Dienstleitungen rund um Romantik
Mode/Beauty/Styling/Wellness
Design/Fotografie

Dein Website-Stil ist dann authentisch, wenn du durch und durch so bist und dich nicht verbiegst!

Mit deinem Website-Stil erhält deine Website eine dicke Portion von deinem Charakter. Deshalb muss es zusammenpassen.

Wenn du eher der stille Typ bist, kannst du dies auf deiner Website umsetzen durch dezente Farben, unaufdringliche Schriften und sanfte Bilder.

Bist du extrovertiert und haust gerne mal einen raus, kannst du es auch auf deiner Website krachen lassen.

Dazwischen gibt es viele Schattierungen. Das macht die Sache nicht unbedingt leichter.

3 Möglichkeiten, wie du deinem Website-Stil näher kommst

Jetzt kommen wir endlich zu den Farben. Die richtigen Farben und Farbabstufungen für deinen Website-Stil zu finden, kann zu einer echten Mammut-Aufgabe werden – wenn du dich nicht entscheiden kannst und es von Anfang perfekt haben willst.

Ich kenne Business-Starterinnen und Unternehmerinnen, die an diesem Punkt hängen bleiben. Sie gehen auf die Suche und stecken wochen- oder sogar monatelang in Farbgeneratoren wie coolors.co fest.

Hierzu zwei Gedanken:

Vergiss Perfektion, denn dann wirst du niemals fertig. Starte besser unperfekt, damit du überhaupt weiterkommst.
Selbst wenn du mit den vermeintlich perfekten Farben startest, wirst du nach einigen Monaten merken, dass diese gar nicht so gut passen. Es wird der Zeitpunkt kommen, an dem du weißt, welche Farben zu dir passen und deinen Wunschkunden anziehen.

Starte mit einem (digitalen) Moodboard und entwickle so deinen Website-Stil

Ein Moodboard zu erstellen macht großen Spaß. Das Beste: du kannst einfach drauf los sammeln. Fotos, Grafiken, Zeichnungen, Zitate und Texte, Schnipsel aus Zeitschriften, Stoffe, Texturen …

Behalte unbedingt deine Nische im Hinterkopf. So wirst du nach und nach die Stimmung erhalten, die zu dir, deinem Thema und deiner Zielgruppe passt.

Ob du deine Sammlung digital anlegst (z. B. bei Pinterest) oder ob du dein Moodboard analog erstellst – auf dem Esstisch oder auf dem Fußboden – , bleibt dir überlassen.

Leg deinem Website-Stil ein Foto zugrunde, das dein Thema auf den Punkt bringt

Bilder sagen mehr als tausend Worte und es gibt kein besseres Medium, um eine Stimmung unmittelbar auszudrücken.

Hast du ein solches Bild, das der beste Repräsentant deiner Business-Basis ist? Dann nutze es als Grundlage für deinen Website-Stil.

Schreib auf, welche Stimmung es widerspiegelt.
Extrahiere die Hauptfarben aus dem Bild und lege eine dunkle Farbe als Schriftfarbe fest.
Recherchiere zur Stimmung eine passende Schrift für deine Fließtexte und eine dazu passende Schrift für deine Titel und Überschriften. Bedenke: Die Lesbarkeit schlägt den Look. Mehr dazu erfährst du in meinem Beitrag „So verbesserst du die Lesbarkeit deiner Website-Texte“.
Leite weitere Design-Elemente aus deinem Bild ab.

Geh ganz klassisch vor und lege deinem Website-Stil die Farbpsychologie zugrunde

Farben werden Charaktereigenschaften zugeschrieben und diese Zuschreibungen sind (im eigenen Kulturkreis) allgemeingültig. Zugleich nimmt jeder Mensch Farben unterschiedlich wahr. Nicht jeder mag die Farbe orange. Blau ist dafür sehr beliebt.

Das Marketing kennt dieses Dilemma der Farbpsychologie, nutzt die Bedeutung von Farben aber konsequent.

So steht blau z. B. für Seriosität und da wundert es nicht, dass die meisten Versicherungen und Banken auf blau setzen.

Aber: Blau ist nicht gleich blau! Und so kannst du deinem Website-Stil zwar ein „seriöses Blau“ zugrunde legen und dich zugleich von den typischen Versicherungsfarben abgrenzen.

#003EFF

#5787ED

#306ECB

#254F9E

#00AFFF

Für deinen Website-Stil brauchst du Farben:

die Primärfarbe
die Sekundärfarbe
die Akzentfarbe
die Textfarbe

Du kannst aber auch mit nur einer Primärfarbe deine Wow-Website aufbauen. Schau allein auf Netflix: Der Streaming-Gigant hat sich bei der Farbgebung seines Branding und seiner Website vom klassischen Kino inspirieren lassen und ein reines Rot als Farbe gewählt.

Damit bringt Netflix das Kinogefühl für Zuhause konsequent auf den Punkt.

Für deinen Website-Stil brauchst du eine Farbe, von der du die andere(n) Farbe(n) ableitest.

Hast du deine Primärfarbe gefunden, kannst du

als Sekundärfarbe einen abgeschwächten, helleren oder dunkleren Farbton auswählen.
als Akzentfarbe die im Farbkreis gegenüberliegende Farbe auswählen.

Hierzu gibt es natürlich unzählig viele Varianten. Aber du willst ja fertig werden und dich nicht wochen- oder monatelang mit diesem Thema beschäftigen.

Also: Mach’s dir leicht.

Schriften runden das Gesamtbild ab

Als wäre die Suche nach den besten Farben nicht schon eine krasse Aufgabe: Auch in Sachen Schriften ist die Auswahl gigantisch.

Neben websicheren HTML Fonts wie „Arial“, „Courier“, „Georgia“, „Helvetica“, „Palatino“, „Tahoma“, „Times New Roman“, „Trebuchet MS“ oder „Verdana“ findest du allein bei den Google Fonts → über 1000 Schriften, die zur freien Verwendung bereitstehen.

Und dann gibts da noch die weiteren Schriften, aus der Adobe Cloud*, von Creativemarket, von Unsplash, … Waaaaahnsinn.

Wenn du die Abkürzung nehmen willst, klicke hier zu meinem Artikel → „So kombinierst du Schriften“ mit 15 tollen Inspirationen für deine Website und Social Media.

Bilder, Bilder, Bilder

Regelmäßig die zum Website-Stil passenden Bilder zu finden, ist die Herausforderung schlechthin.

Grundsätzlich brauchst du Bilder von dir.

„Oh nein!“ könnte jetzt eine Reaktion von dir sein.

Kaum jemand liebt Bilder von sich selbst. Du siehst dich selbst ja nie so, wie andere dich sehen.

Du siehst dich nämlich meistens nur spiegelverkehrt in Spiegeln, in Fensterscheiben. Aber nicht so, wie du wirklich aussiehst.

Dein Spiegelbild ist für dich normal. Auf Fotos siehst du die Realität. Und daran musst du dich erstmal gewöhnen.

Du bist schön so, wie du bist.

Und ab einem gewissen Alter darfst du mit Photoshop & Co. der Frische ein wenig auf die Sprünge helfen.

Richtig tolle Tipps zum Thema → „Persönliche Fotos auf deiner Website“ bekommst du in diesem Beitrag.

Wenn das nächste Fotoshooting noch auf sich warten lässt, hast du zwei Möglichkeiten:

Du verzichtest auf aktuelle Bilder von dir und riskierst, dass deiner Website dein Gesicht und damit deine Persönlichkeit fehlt.
Du springst über deinen Schatten und nutzt aus deiner Sicht unperfekte Fotos von dir.

Allerdings: Sich selbst mit Selbstauslöser zu fotografieren ist nur auf den ersten Blick eine gute Idee. Versuch es mal und erzähl in den Kommentaren von deinen Erfahrungen!

Du brauchst zusätzlich regelmäßig Bilder, die deinen Content illustrieren.

Diese Bilder sollen gleich zwei Bedingungen erfüllen, denn sie sollen

zum Content passen
zum Website-Stil passen

Wenn du nicht selbst zur Kamera greifst, kannst in kostenlosen oder kostenpflichtigen Datenbanken für lizenzfreie Bilder (oder sogar Videos) nach den passenden Fotos suchen.

So kommst du ans Ziel: MACHEN!

Du musst nicht mit einer (perfekt) durchgestylten Website an den Start gehen. Wichtig ist, dass du überhaupt anfängst.

Je länger du in die Planung deiner Website investierst desto mehr Möglichkeiten werden sich dir eröffnen. Mehr Auswahl führt oft dazu, dass man sich irgendwann gar nicht mehr entscheiden kann.

Lies hier weiter:

Online-Business, Webdesign

Website planen in 3 Schritten

Als Riesenfan der "Einfach mal machen"-Strategie fällt es mir schwer dir zu sagen, dass dieses Mindset in Sachen Website-Aufbau leider nicht funktioniert. Im Gegenteil. Erfahre hier, wie du deine Website strategisch und in 3 einfachen Schritten planst, damit du deine Zielgruppe erreichst und Kunden gewinnst.

Content, Online-Business

Website vs. Social Media

Online-Business, Technik und Tools

Website erstellen in 10 Schritten

5 Tipps für Content mit Mehrwert

Fri, 19 Mar 2021 17:24:00 +0000

5 Tipps für Content mit Mehrwert

So wirst du sichtbar und gewinnst Kunden!

Um deine Leser, Follower, Zuschauer oder Podcast-Hörer zu begeistern, brauchst du mehr als „nur“ guten Content – dein Content braucht mehr Wert. Der Weg zu einzigartigem Content mit Mehrwert ist aber gar nicht so steinig, wie du vielleicht glaubst. Diese Tipps, kannst du sofort umsetzen.

Das Mehrwert-Thema wird schon seit langem im Netz gepredigt und an den meisten Stellen heißt es, dass nur derjenige erfolgreich wachsen wird, wer seinen Lesern, Followern, Hörern, Zuschauern Mehrwert bietet.

Die Basis-Arbeit machst du bereits, bevor du beginnst deinen Content zu erstellen:

- Bleib in deiner Nische!
- Kenne deine Zielgruppe!
- Löse ein Problem deiner Zielgruppe!

Wenn du dir völlig klar über dein Thema, deine Zielgruppe und ihre Wünsche und Fragen bist, setze dir unbedingt ein Ziel für deinen Content. Für jeden Content!

Was willst du mit deinem Content bewirken? Und was soll der User anschließend tun? Wo willst du den User haben? Auf deiner E-Mail-Liste? In deiner Facebook-Gruppe? In deinem Coaching-Programm?

Wenn du ohne ein eigenes Ziel loslegst, weißt du selbst gar nicht, wohin du mit deinem Content willst. Du hast keine Orientierung darüber, wohin der berühmte Call to Action am Ende deines Beitrags bringen soll.

Das ist völlig okay, wenn du deinen Blog, Social Media-Account, Podcast, Video-Kanal als Hobby betreibst. Wenn du aber Content als Marketing nutzen willst, dann brauchst du diese Basis-Arbeit.

Pro Minuten werden mehr als 380 Blogartikel veröffentlicht. Weit mehr als 500 Mio. Instagram Storys werden täglich erstellt und konsumiert. Weltweit werden mehr als 400 Stunden Videomaterial auf YouTube hochgeladen – und diese Zahl ist aus dem Jahr 2015 – also lange veraltet und heute sind es sehr viel mehr.

Du fragst dich, wie du dich in deiner Nische mit deinem Content von all den anderen Inhalten im Netz abheben kannst?

In Sachen Content ist es an der Zeit, weiter zu denken.

Auf dem Weg zum absoluten Blockbustermehrwert vergibst du dir bei der strikten Befolgung von in erster Linie technischen Anleitungen schnell die Chancen, tolle Beiträge mit Herz und Meinung zu kreieren, die deine Leser begeistern und neue Leser anziehen.

Die Folge wäre seelenloser und völlig gleichgeschalteter Content auf allen Kanälen – Einheitsbrei, der den User langweilt und frustriert.

Dein User wünscht sich Content mit Mehrwert: Hilfe, Anleitung, Information, Inspiration und vor allem Unterhaltung.

Wenn du schon länger in diesem Internet arbeitest und gesehen hast, welche Trends gekommen und gegangen sind und welche sich stetig halten, machst du vieles intuitiv. Du bekommst ein Gespür für dein Thema und weißt, welcher Content gut oder sehr gut ankommen wird.

Das sind dann diejenigen Beiträge, die dem User zur richtigen Zeit neue Impulse und Ideen geben, ihn informieren, ihn inspirieren und ihn dazu bringen, selbst ins Handeln zu kommen.

Dieser Content ist dann für den User relevant.

Der Weg zu einzigartigem Content mit Mehrwert ist gar nicht so steinig, wie du glaubst. Du brauchst ein wenig Übung, eine große Portion Routine und Durchhaltevermögen. Mit meinen Tipps kannst Du etwas verändern und großartigen Content mit Mehrwert erstellen.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

1. Schreib ausführlich

Vor einigen Jahren lautete das Mantra, dass der Internetnutzer keinen langen Content mehr konsumieren will. Alle Beiträge, Posts, Videos wurden immer kürzer und fast auf ein Minimum reduziert. Damit stieg der Frust der User, die nach Mehrwert suchten und mit wenigen Informationen abgespeist wurden.

Diese Zeit ist vorbei, längere bis lange Beiträge sind wieder angesagt:

Auf Platz 1 bei Google stehen Artikel mit durchschnittlich 2.450 Wörtern.

Ein Beispiel:
Einen Restaurant-Tipp kannst du in 250 Zeichen abhandeln, ein paar Fotos dazu: fertig. Der Leser erfährt maximal, wo das Restaurant ist, was es in dem Restaurant gibt, wie freundlich der Service ist und was Essen und Getränke kosten. Werden ihn diese Informationen dazu bringen, dort Essen zu gehen? Eher weniger.

Wenn du dagegen ausführlich über einen ganz wunderbaren Abend mit dem Liebsten oder im Kreis gute Freunden schreibst, die Atmosphäre im gewählten Restaurant so darstellst, wie du sie gefühlt hast, die Speisekarte vorstellst und erzählst, was du und deine Begleitung gespeist haben, welcher Wein euch empfohlen wurde und wozu euch der Ort angeregt oder inspiriert hat, nimmst Du deine Leser mit und begeisterst sie.

Diesen Tipp kannst auf alle Themen in allen Nischen anwenden.

In einem ausführlichen Beitrag kann ein Thema hergeleitet werden und es kann sich entwickeln. Das Thema bekommt den Raum, der ihm zusteht und der ihm so den gewissen Wert gibt.

Aber Achtung: Blähe deinen Content nicht unnötig auf, nur um eine gewisse Länge zu erhalten. Wenn du alle Aspekte geschrieben, gesagt oder gezeigt hast, dein Content eine runde Sache ist, bist du fertig.

2. Schreib persönlich

Kennst Du diese „5 tolle Tools für Büro und Home-Office“- oder „10 krasse Übungen für einen knackigen Po“-Beiträge? Der Content hält genau, was die Überschrift verspricht. Nicht weniger, aber auch nicht mehr.

Solche Artikel sind nützlich. Aber inspirieren sie? Sorgen sie beim Leser für den ultimativen Aha-Effekt? Lösen sie gar Begeisterungsstürme aus?

Eher nicht, außer sie wurden von Elon Musk oder Beyoncé veröffentlicht.

Ich gehe davon aus, dass du für Dein Thema brennst und einen persönlichen Bezug zu deiner Nische hast. Bringe deine Erfahrungen ein, stelle einen persönlichen Bezug zum Thema her.

Zeige, welches Problem du selber hattest, welche Entscheidung du treffen musstest, wie du weitergekommen bist, was dich ans Ziel gebracht hat. Betreibe also Storytelling. Erzähle deine Geschichte und warum das wertvoll für deinen User ist!

3. Nutze SEO – aber optimiere deinen Text nicht zu Tode

Um neue Leser auf dich und deinen Content mit Mehrwert aufmerksam zu machen, kannst du Suchmaschinenoptimierung (SEO) betreiben. Wenn dein Content für den User erstellt, gut strukturiert und die Regeln der Plattform einhält, wirst du belohnt. Der User findet dich.

Bei Blogbeiträgen kannst du hierzu ein Plugin nutzen und ein zuvor recherchiertes Keyword festlegen. Dieses kommt sowohl im Titel deines Beitrages als auch in deinen Überschriften und (auch in Varianten und Synonymen) im laufenden Text vor.

Doch Achtung:

Schreibe nicht wie ein Roboter. Ein Großteil suchmaschinen-optimierter Texte verkommt zur leblosen Hülle.

Die Strategie, das Keyword möglichst oft zu platzieren, funktioniert heute nicht mehr. Außerdem nervt es den User.

Verwende grundsätzlich einen aktiven Schreibstil und verzichte dafür lieber an der einen oder anderen Stelle auf die 20. Wiederholung deines Keywords zugunsten eines synonymen Begriffes. Die Suchmaschinen versteht dies inzwischen auch und achtet mehr darauf, dass dein Content gut strukturiert (u. a. mit Zwischenüberschriften und Aufzählungen) und lesbar ist.

Wie du Text pimpen kannst, erfährst du in meinem Beitrag „So verbesserst du die Lesbarkeit deiner Website-Texte“.

4. Mach es deinem User einfach

Einfachheit ist niemals easy. Aber in Sachen Content gilt es, die Aufmerksamkeit des Users nicht zu verlieren. Das gilt bei Texten genauso wie bei Audio und Video.

Dein Titel ist zusammen mit einem ausdrucksstarken Vorschaubild das erste, was deine User von deinem Content zu sehen bekommen. Der Titel ist das Aushängeschild deines Beitrages. Sei kreativ und texte einen kurzen und knackigen Titel, der neugierig macht. Du kannst dir hierzu Inspiration aus der Werbung oder den Medien holen: Werbeslogans sind nichts anderes als Titel.

Auch hier ist es mehr als wertvoll zu wissen, wonach deine Leser im Internet suchen. Beantworte mit deinem Titel W-Fragen im Sinne von „So organisierst du eine Kindergeburtstagsparty mit dem Motto Ponyhof im eigenen Wohnzimmer.“

Sorge mit einer guten Einleitung für den Wumms. Ein persönliche Geschichte, warum das Thema für dich UND den User wichtig ist,

Egal ob Blogbeitrag, Social Media-Post, Podcast oder Video: Teile deinen Content in kleine Häppchen auf. Vor allem bei Text kannst du die Aufmerksamkeit des Users hochhalten durch

Absätze,
Zwischenüberschriften,
Aufzählungen,
visuelle Anker (z. B. durch Bilder, Grafiken)

Auch bei Audio und Video kannst du Anker setzen. Benenne einen neuen Themenpunkt ganz konkret, im Video zusätzlich z. B. durch eine Texteinblendung oder einen visuellen Einschub.

Bei Text sorgt generell die Lesbarkeit dafür, dass dein User deinen Content überhaupt erfassen kann. Sorge für einen guten Kontrast, eine Schriftgröße von mindestens 16 px. Mehr hierzu erfährst du im Beitrag „So verbesserst du die Lesbarkeit deiner Website-Texte„.

Verzichte in Social Media auf besondere Schriften. Sie machen deinen Content schwer lesbar und werden nicht auf allen Endgeräten angezeigt.

5. Mach deinen Website-Besuchern Geschenke!

Kleine Geschenke erhalten die Freundschaft – und wer bekommt nicht gerne etwas geschenkt? Wenn du deinen Lesern regelmäßig zu deinen spannenden Beiträgen zusätzlichen Mehrwert schenkst, gewinnst du schnell treue Fans. Geschenke können sein

ein Freebie,
eine Arbeits-, Planungs- oder Organisationsvorlage,
ein Rabattcode,
eine Verlosung,
ein Wallpaper,
ein schön gestaltetes Rezeptblatt,
ein geletterter Spruch,
eine Challenge,
ein Webinar …

Du hast jetzt erfahren, wie dein Content mehr Wert erhält: durch Ausführlichkeit, Persönlichkeit, ein wenig technischer Raffinesse, einfacher Konsumierbarkeit und Präsenten.

Wie viel und wie oft du Content mit Mehrwert veröffentlichst, liegt natürlich an deinem persönlichen Ziel. Wenn du regelmäßig Mehrwert lieferst, wirst du schneller

als Expertin wahrgenommen.
deine E-Mail-Liste füllen.
dein Angebot verkaufen.

Und das sind doch die besten Argumente für Content mit Mehrwert, oder?

Jetzt bist du dran:

Wo finden deine User deinen Content mit Mehrwert? Verlinke doch deinen wichtigsten Kanal hier in den Kommentaren und hol dir ganz nebenbei Sichtbarkeit und Reichweite!

Lies hier weiter:

Content, Technik und Tools

Wie komme ich in die Google KI-Suchergebnisse?

Google liefert immer häufiger direkte Antworten, statt nur zehn blaue Links anzuzeigen. Doch wie schaffst du es mit deiner Website in diese KI-Suchergebnisse? In diesem Beitrag erfährst du, worauf Google und KI-Tools achten und wie du deine Inhalte so optimierst, dass deine Expertise sichtbar und zitierfähig wird.

Webdesign

Lesbarkeit deiner Website-Texte verbessern

Content, Online-Business

So bloggst du mit Redaktionsplan ganz entspannt

Erfahre, wie dir ein Redaktionsplan hilft, Ideen zu sammeln, Zeit zu sparen und den Überblick zu behalten. Er ist dein Ideenlieferant, dein Business-Manager und damit dein Erfolgstools für Blogbeiträge, Social Media Posts & Co.

Vom Website-Besucher zum Newsletter-Abonnenten

Sat, 27 Feb 2021 17:23:00 +0000

Vom Website-Besucher zum
Newsletter-Abonnenten

So startest du mit E-Mail-Marketing und lässt deine Liste wachsen

Wenn du mit E-Mail-Marketing richtig durchstarten willst, ist ein „Freebie“ mit echter Transformation der richtige Anfang. Der Weg, wie dein Abonnent zum Download deines „Freebies“ kommt, will gut überlegt sein. In diesem Beitrag erfährst du, wie du einen professionellen Auslieferungsprozess erstellst und welche Tools du hierzu brauchst.

Was ist ein "Freebie"?

Ein „Freebie“ ist ein „Werbegeschenk“, so die Übersetzung laut Google Translation für das sogenannte „Freebie“. Du kannst es zum Preis von 0 Euro herausgeben, wenn sich ein Besucher deiner Website mit seiner E-Mail-Adresse für deinen Newsletter einträgt.

Somit ist das „Freebie“ nicht gratis: Die Währung ohne echten Geldfluss lautet „persönliche Daten“ und als das gelten auch E-Mail-Adressen. Und Bezeichnungen wie „Freebie“, „gratis“ oder „kostenlos“ sind aus diesem Grund auch nicht erlaubt. Unten im Beitrag erfährst du, worauf du in Sachen Datenschutz und Koppelungsverbot achten musst …

Anders als ein Kugelschreiber mit Werbeaufdruck, hilft das „Freebie“ deinem Website-Besucher bei der Lösung eines Problems. Und das erwartet er von deinem „Freebie“ auch.

Denke bei der Erstellung deines "Freebies" also immer aus der Sicht des Nutzers.

Was interessiert den Besucher deiner Website wirklich? Wobei hat er ein kleines Problem, das du lösen kannst?

Zugleich ist dein „Freebie“ deine Arbeitsprobe, die dein Wissen und deine Expertise in deinem Themenbereich aufzeigt.

Beispiele für „Freebies“, die du per Download anbieten kannst, sind:

Checkliste
Arbeitsblätter
Schritt für Schritt-Anleitung
Arbeitsplan
Worksheet
Dateivorlage
Grafik
Template

Es vereinfacht z. B. den Workflow, liefert wertvolle Informationen, nach denen dein Website-Besucher schon lange gesucht hat, dient ihm als Vorlage, mit der er besser arbeiten kann, zeigt ihm Schritt für Schritt, wie er bei einer konkreten Frage vorgehen muss, motiviert ihn, in die Umsetzung zu kommen, etc. Kurz:

Das "Freebie" macht das Leben deines Website-Besuchers schnell schöner, besser, leichter.

Bei deinem „Freebie“ gibt es fast keine formalen und inhaltlichen Grenzen. Achte aber darauf, dass es leicht zu konsumieren ist und den Abonnenten nicht mit seinem Umfang erschlägt. Außerdem musst du es in einem gängigen Dateiformat anbieten, damit der Abonnent es auch öffnen und weiter damit arbeiten kann.

Zum Zeitpunkt der Anmeldung für deinen Newsletter und damit für dein „Freebie“, muss der gesamte Prozess bis zur Auslieferung fertig sein. Denn der Besucher deiner Website, der jetzt zum Abonnenten geworden ist, will nicht auf sein „Freebie“ warten.

Live-Webinar am 6. November

Von unsichtbar
zu ausgebucht!

Wie du mit der 3 Schritte Formel bei Google ganz oben stehst, von den KI-Tools empfohlen wirst und so Wunschkunden auf Autopilot gewinnst.

Diese Tools brauchst du, damit dein neuer Abonnent dein "Freebie" als Download bekommt:

1. ein Tool, um Landingpages zu erstellen
2. einen Anbieter für E-Mail-Marketing

Deine Landingpages erstellst du am besten mit einem Pagebuilder. Hier gibt es eine große Auswahl und Qualitätsunterschiede.

Wichtig ist, dass der Pagebuilder mit deinem Theme kompatibel ist. Schau einmal in der Beschreibung deines Themes nach, welcher Pagebuilder hier empfohlen wird.

Ein Pagebuilder, der mit nahezu jedem Theme kompatibel ist, ist Elementor*.

Der weltweit meistgenutzte Pagebuilder bringt als kostenloses Plugin schon eine Menge Tools zum Bau von Landingpages mit. In der PRO-Version (Advanced) für 84 € pro Jahr ist der Pagebuilder unschlagbar.

Anbieter für E-Mail-Marketing gibt es ebenfalls wie Sand am Meer.

Über den Newsletter-Dienstleister erstellst du Anmeldeformulare, verwaltest die E-Mail-Adressen der Abonnenten, versendest automatische E-Mails an neue Abonnenten, schickst deinen regelmäßigen Newsletter an alle Abonnenten und sehr viel mehr.

Ich selbst nutze ActiveCampaign*.
Nach vielen Wochen des Testens von unterschiedlichen Anbietern bin ich davon überzeugt, dass dies der beste E-Mail-Marketing-Anbieter ist.

Egal mit welchem Pagebuilder und welchem E-Mail-Marketing-Anbieter du arbeitest, jetzt nutzt du beides parallel.

So baust du die Anmeldung für dein "Freebie":

1. Erstelle eine Landingpage zur Bewerbung deines Newsletters mit dem "Freebie"

Auf dieser Landingpage bewirbst du dein „Freebie“. Stelle das Ergebnis dar, das erreicht werden kann, zeige die Vorteile, zeige das „Freebie“ als Mockup. Und weil du hier neue Abonnenten gewinnen willst: Stelle dich vor. Binde ein Foto von dir ein und erzähle, wer du bist und was du machst.

Stelle außerdem den Nutzen deines Newsletters dar und erkläre, wie oft deine Abonnenten mit welchen Inhalten rechnen können.

2. Baue ein Anmeldeformular für deine Newsletter-Liste

Dein Anmeldeformular sollte 3 Elemente enthalten:

1. Feld zum Eintrag der E-Mail-Adresse
2. Checkbox zum Einverständnis, die Daten zum Versand des Newsletters und des „Freebies“ zu speichern und zu verarbeiten
3. Abo-Button

Du kannst auch noch ein Feld zur Abfrage des Namens hinzufügen. So kannst du später in deinen E-Mails deinen Abonnenten persönlich ansprechen. Dieses Namensfeld darf aber kein Pflichtfeld sein.

3. Erstelle zwei Landingpages für das Double Opt-In

Die erste Landingpage öffnet sich in dem Moment, wenn der User das ausgefüllte Anmeldeformular abgeschickt hat. Das ist die Danke-Seite.

Auf dieser Seite erklärst du ihm, dass dies der erste Schritt zur Anmeldung war und er eine E-Mail in seinem Postfach vorfindet, worüber er seine Anmeldung bestätigen muss.

Die zweite Landingpage ist die sogenannte Bestätigungsseite. Das ist die Seite, die sich automatisch öffnet, nachdem der User sein Abonnement in der Double Opt-In-Mail bestätigt hat.

Hier gratulierst du ihm, dass sein Abonnement erfolgreich war und er jetzt regelmäßig deinen Newsletter von dir erhält. Baue hier auf jeden Fall einen Call to Action ein. Vielleicht lädst du ihn auf die Warteliste deines Onlinekurses, zu einem Workshop (ebenfalls ein „Freebie“) oder zu einem günstigen Minikurs ein, der das „Freebie“ super ergänzt.

PRO-Tipp:
Halte beide Landingpages möglichst allgemein. Dann kannst du sie auch für weitere Funnel verwenden.

Die URLs von diesen beiden Landingpages brauchst du im nächsten Schritt.

4. Füge die Danke-Seite und die Bestätigungsseite zum Anmeldeformular hinzu

Mit den URLs deiner Danke- und deiner Bestätigungsseite erweiterst du nun das Anmeldeformular um das wichtige Double Opt-In.

Schaue dir an, an welchen Stellen bei deinem Anbieter die jeweilige URL „bei Absendung“ und „Bestätigungsaktion“ einzutragen ist und füge dort die URLs deiner Landingpages ein.

Um einen wirklich professionellen Auslieferungsprozess zu erstellen, nutzt du für das Double Opt-In nicht die Vorlagen deines Newsletter-Anbieters.

5. Schreibe und gestalte die Opt-In-Mail

Verknüpft mit deinem Anmeldeformular ist eine E-Mail, die nach der Anmeldung des Users automatisch an die entsprechende E-Mail-Adresse versendet wird.

Bei einigen Newsletter-Anbietern kannst du nur vorgefertigte Textbausteine verwenden. Bei ActiveCampaign* hast du die Möglichkeit, die Opt-In-Mail individuell mit Foto, Hintergrundfarbe, Schriftarten, Button, etc. zu gestalten.

Wichtigstes Element ist hier der eingebettete Bestätigungs-Button oder Link, worüber der User zum Abonnenten wird.

Achte darauf, dass du nicht nur den Standard-Text, sondern auch den Betreff der Opt-In-Mail anpasst.

6. Verbinde das Anmeldeformular mit deiner Newsletter-Liste

Nur so kommt der neue Abonnent überhaupt auf deine Liste.

Mein Tipp: Arbeite mit nur einer Liste und vergib für verschiedene Aktionen „Tags“. „Tags“ kannst du dir vorstellen wie Post-Its, die du deinen Abonnenten auf die Stirn klebst, damit du weißt, wofür sie sich interessieren. Ein „Tag“ wäre dann z. B. der Name deines „Freebies“.

7. Füge das Anmeldeformular auf deiner Landingpage zur Bewerbung des Newsletters ein

Wenn das Anmeldeformular mit dem gesamten Double Opt-In-Verfahren fertig und mit der richtigen Liste verknüpft ist, kannst du es über einen Code auf deiner zuerst erstellten Landingpage einbauen.

Bei Elementor* nutzt du hierzu das Element „HTML“.

Achte darauf, dass die wichtigsten Infos und das Anmeldeformular inklusive Absende-Button im sichtbaren Bereich deiner Website erscheinen, ohne dass der User scrollen muss – auch auf dem Smartphone und dem Tablet. Diesen Bereich nennt man „Above the fold“.

Oder du erstellst ein Popup mit dem Anmeldeformular und baust auf deiner Landingpage an den strategischen Stellen Buttons ein, worüber sich das Popup öffnet.

8. Erstelle eine Landingpage zum Download deines "Freebies"

An dieser Stelle wirst du zum Profi:
Liefere dein „Freebie“ nicht per E-Mail an deinen neuen Abonnenten aus, sondern biete es zum Download auf einer weiteren, schön gestalteten Landingpage ein.

Der Vorteil: So holst du den Abonnenten wieder auf deine Website zurück – und hier willst du ihn schließlich haben! Du kannst ihn von dieser Landingpage weiter zu den für ihn interessanten Blogbeiträgen oder zu deinem Angebot führen.

Lade dein „Freebie“ unter „Medien“ hoch und kopiere dir den Link zur Datei.

Auf der Download-Page fügst du nun einen kurzen Text zum „Freebie“, ein schönes Foto und einen großen Button ein, den du mit dem Link zur hochgeladenen Datei verknüpfst.

Binde unterhalb des Download-Buttons weiterführende Links ein.

9. Setze die Download-Page und die Landingpages des Double Opt-In auf NoIndex.

Damit niemand diese Seiten über die Suchmaschinen finden kann, musst du ihnen eine unklare URL verpassen. So verhinderst du, dass ein User durch Zufall oder Ausprobieren, auf deine Landingpages kommt.

Über dein SEO-Plugin (z. B. Rank Math oder Yoast SEO) kannst du über Noindex definieren, dass diese Landingpages nicht von Suchmaschinen indiziert und auf den Ergebnisseiten angezeigt werden.

Wenn du auf deiner Website eine interne Suche anbietest, solltest du diese Seiten mit dem Plugin „Search Exclude“ markieren. So werden sie nicht in deinen Suchergebnissen angezeigt.

10. Erstelle eine Automation

Damit der Abonnent zu seinem Datei-Download kommt, legst du bei deinem E-Mail-Anbieter eine Automation an. Das geht entweder über einen separaten Bereich „Automation“, über die Liste oder über das Anmeldeformular.

Bei ActiveCampaign* stehen dir alle drei Möglichkeiten zur Verfügung.

Du kannst in deiner Automation einstellen, dass du über einen neuen Abonnenten per Mail informiert wirst.

Dann erstellst du die erste reguläre E-Mail, die dein neuer Abonnent von dir bekommt.

Hier kannst du dich vorstellen, einen Ausblick auf deinen Newsletter geben und den Link oder Button zur Download-Seite an prominenter Stelle einbauen.

11. Teste den Anmelde- und Auslieferungsprozess

Bevor du die Landingpage zur Bewerbung des Newsletters mit dem „Freebie“ in dein Hauptmenü aufnimmst und auf deiner Startseite platzierst, teste den gesamten Anmeldeprozess einmal durch.

Nutze hierzu unbedingt eine andere E-Mail-Adresse, als diejenige, die beim Newsletter-Anbieter als deine Absende-Adresse eingetragen ist.

Wenn alles funktioniert und du als Abonnent am Ende auf der Download-Seite das „Freebie“ herunterladen kannst, kannst du den gesamten Prozess starten.

"Freebie" gegen E-Mail-Adresse - geht das mit dem Koppelungsverbot überhaupt noch?

Jein.

Du darfst an keiner Stelle verschleiern, dass der Abonnent mit der Anmeldung für das „Freebie“ deinen Newsletter erhält.

Hole dir über eine Checkbox das Einverständnis zur Speicherung der Daten für den Newsletter und das „Freebie“.

Stelle bei der Bewerbung den Newsletter in den Mittelpunkt und erkläre, dass das „Freebie“ 0 Euro bzw. „nur“ die E-Mail-Adresse kostet.

Informiere den User darüber, dass er sich jederzeit vom Newsletter abmelden kann und stelle sicher, dass der Abmeldelink in jeder versandten E-Mail enthalten ist. Das sollte über den Newsletter-Anbieter in der Regel automatisch geschehen.

Verlinke deine Datenschutzerklärung unterhalb deines Anmeldeformulars.

Erkläre in deiner Datenschutzerklärung detailliert, wie die Verarbeitung der Daten von Newsletter-Abonnenten über welchen Anbieter stattfinden.

Und jetzt kommst du:
Hast du schon ein Starter-Produkt? Erzähl doch mal, was du anbietest!

*Werbe-Links
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links. Für dich verändert sich am Preis nichts. Infos zu Affiliate-Links findest du in der Datenschutzerklärung. Grundsätzlich bewerbe ich nur Tools und Anbieter, die ich selber nutze und von deren Qualität ich absolut überzeugt bin.

Lies hier weiter:

Content

So schreibst du bessere Texte

Du hast eine tolle Idee für einen Beitrag. Oder der nächste Social-Media-Post drängt. Du schreibst und schreibst, aber dein Content klingt steif und will einfach nicht rund werden! Mit diesen 7 einfachen Schreibtipps formulierst du klarer, lebendiger und verständlicher.

Content, Technik und Tools

Wie komme ich in die Google KI-Suchergebnisse?

Technik und Tools, Webdesign

Diese Bildgrößen brauchst du auf deiner Website

Welche Bildgrößen braucht deine Website wirklich? Zu große Dateien machen sie langsam, zu kleine Bilder wirken unscharf. In diesem Beitrag erfährst du, wie du Fotos, Grafiken und Icons richtig vorbereitest und welche Maße sich für deine Website eignen. Inklusive Übersicht zum Download.

Online-Business – Frau König Webdesign-Studio

Von Elopage zur eigenen Kurs-Plattform

Von Elopage zur eigenen Kurs-Plattform

So gelingt der Umzug deiner Onlinekurse!

Die Anforderungen der Kundin an ihre eigene Kurs-Plattform

Schritt 1: Aufbau der Verkaufsplattform aka Onlineshop

Schritt 2: Anpassen des Kaufprozesses

Schritt 3: Aufbau des Onlinekurs-Bereichs

Schritt 4: Finetuning und testen, testen, testen

Schritt 5: Umzug der Teilnehmenden von Elopage auf die neue Kurs-Plattform

Schritt 6: Kurslaunch

Direkter Vergleich: Elopage vs. eigene Kurs-Plattform

Die Vorteile von LearnDash

Feedback meiner Kundin Aleksandra von der Drehbuchwerkstatt Berlin

Warum ist der eigene Shop und Kursbereich so viel besser?

Mein Fazit zum Umzug von Elopage auf die eigene Kurs-Plattform

Kurs-Plattform selbst erstellen oder erstellen lassen?

Bye bye Home-Office

Bye bye Home-Office: Hier ist das neue Frau König Studio

Unabhängiges Arbeiten funktioniert auch im Home-Office

Jetzt gehe ich einen Schritt weiter und ziehe in ein richtiges Büro.

Hier ist das neue Frau König Studio

Meine 3 Learnings aus dieser Reise zum eigenen Büro – die du locker auf den Website-Aufbau übertragen kannst.

#1 Ärgere dich nicht über Dinge, die du nicht beeinflussen kannst.

#2 Es ist okay, wenn (d)ein Plan nicht funktioniert.

Finde einen Weg, wie es anders funktioniert!

#3 Erst kurz vor dem Ende hast du einen Blick für das große Ganze

Website planen in 3 Schritten

Website planen: In 3 Schritten zur strategischen Website

Inhaltsverzeichnis

Warum ist eine Website-Planung wichtig?

Wann brauchst du ein Website-Konzept?

Welche Ziele soll deine Website erreichen?

Was möchtest du mit deiner Website erreichen?

Was ist das primäre Ziel deiner Website?

Was sind die Unterziele deiner Website?

Was bilden die definierten Unterziele deiner Website ab?

So planst du deine Website in 3 einfachen Schritten

Schritt 1: Definiere deine Business-Basis

Dein Wunschkunde ist die Hauptperson auf deiner Website. Richte alle deine Maßnahmen an ihrem Geschmack, ihren Fragen, Problemen und Zielen aus.

Schritt 2: Leg deinen Website-Stil fest

Die grundlegenden Fragen zum Website-Stil lauten:

Absolutes No Go in Sachen Branding:

Schritt 3: Skizziere die Struktur deiner Website

Website planen: Deine Extrameile zur Wow-Website

Insgesamt geht es bei deiner Website-Planung niemals nur um deine Website.

Was ist bei der Website-Planung noch wichtig?

Hier hilft das Prinzip „better done, than perfect!“.

Darum brauchst du kein Logo auf deiner Website

Darum brauchst du (erstmal) kein Logo auf deiner Website

plus 3 Logo Alternativen

NEIN! Du braucht (erstmal) kein Logo auf deiner Website!

Was sind die Nachteile eines selbstgebastelten Logos?

Welche Anforderungen muss ein Website-Logo erfüllen?

So prüfst du, ob dein Logo sich für deine Website eignet:

Was für ein Logo willst oder brauchst du eigentlich?

Für dein professionelles Logo brauchst du einen Profi an deiner Seite!

Von deiner Grafikerin bekommst du alle Logo-Formate

Zwischenfazit: Starte besser ohne Logo, als mit einem Selbstgebasteltem!

Als Business-Starterin brauchst du kein Logo!

3 Alternativen zum selbstgebastelten Logo

1. Nutze deinen Namen

2. Nutze dein Profilbild

3. Nutze ein einfaches Icon

Website-Arten – Was brauchst du zum Start ins Business?

Website-Arten

Was brauchst du zum Start ins Online-Business?

Inhaltsverzeichnis

Landingpage

Um eine Landingpage zu erstellen, brauchst du keine eigene Website.

Deine Landingpage kannst du schnell online bringen.

Onepager

Das sind die Vorteile eines Onepagers:

Einige Nachteile bringt der Onepager aber auch mit sich:

Blog

Ein Blog hat viele Vorteile:

Argumente gegen einen reinen Blog gibt es nicht. Eigentlich.

Onlinemagazin

Onlineshop

Mit WordPress kannst du dir deinen eigenen Onlineshop auf deiner Domain aufbauen:

Bye bye Home-Office:
Hier ist das neue Frau König Studio

Website planen:
In 3 Schritten zur strategischen Website

So bindest du deine Google Fonts
DSGVO-konform auf deiner Website ein

"Adios Linktr.ee"
So erstellst du deine eigene Linkseite für deine Instagram™ Bio