Zum Inhalt springen

Was macht eine gute Webseite aus: 7 Sofort-Tipps fĂŒr deine Seite

Du hast das GefĂŒhl, deine Webseite tut noch nicht, was sie soll – nĂ€mlich: Kunden anziehen? Es liegt wahrscheinlich an diesen typischen Fehlern (die sehr viele machen!). Hier folgen 7 einfache Tipps, die eine gute Webseite ausmachen – damit du einen bombigen ersten Eindruck hinterlĂ€sst:

Das macht eine gute Webseite aus: In aller KĂŒrze

1. Formuliere eine BegrĂŒĂŸung mit Wumms

In der Regel gehen wir gezielt auf Webseiten, weil wir ein Problem haben. Wir suchen nach etwas, das dieses Problem löst.

Was macht eine gute Webseite aus?

Sie sollte auf den ersten Blick signalisieren: Hier findest du das Produkt, das genau jetzt weiterhilft! Hier gibt’s genau die Informationen, die du brauchst! Diese Dienstleistung ist dein Retter in der Not!

Im Idealfall schaffst du es außerdem, dem Besucher sofort klarzumachen, dass er hier ein gewĂŒnschtes ERGEBNIS erreichen kann. Und das sollte er ohne großes Nachdenken verstehen.

Das geht deshalb gar nicht – und ich sage dir auch warum:

„Herzlich willkommen auf meiner Homepage!“

Ich denke: Wer spricht da? Worum geht’s hier?

„BĂ€ckerei MĂŒller, Traditionsunternehmen aus Wuppertal – wir backen mit Leidenschaft!“

Ich denke: Das tun alle anderen auch – was unterscheidet euch? Und ein bisschen bla bla ist es eben auch.

„Greta Hansen, Expertin fĂŒr kindzentrierte Elternberatung mit Schwerpunkt auf Lese-Rechtschreib-SchwĂ€che und ADHS in LĂŒneburg. Ich bin ausgebildete wing-wave-Therapeutin und lade Sie ein, sich ĂŒber meine Workshops und Beratungs-Angebote zu informieren.“

Ich denke: Geht’s ein bisschen weniger langweilig? Außerdem habe ich die HĂ€lfte nicht verstanden.

„‘Wer hohe TĂŒrme bauen will, muss lange beim Fundament verweilen.‘ Aristoteles.“

Ich denke: Aha. Und was hat Aristoteles jetzt mit mir oder dir zu tun? Und wie hilft der mir mit meinem Problem?

„Die Kanzlei Bauer ist Ihr zuverlĂ€ssiger juristischer Begleiter in Fragen des Arbeitsrechts und des KĂŒndigungsschutzes.“

Ich: *GĂ€hne*

So formulierst du eine BegrĂŒĂŸung mit Wumms:

1.1. Mach in einem Satz klar, wofĂŒr du stehst

Kannst du EINEN Satz formulieren, der klar macht, wofĂŒr du stehst oder was man bei dir bekommt? Hier ein paar Ideen, wie das gelingen kann:

  • Versprich ein Ergebnis

Welches drÀngende Problem bringt der Webseitenbesucher mit? Je besser und konkreter du es benennen kannst, desto leichter wird es dir fallen, ein mögliches Ergebnis zu formulieren, das dein Produkt oder deine Dienstleistung bieten kann.

  • Stell eine Frage, die ein Problem anspricht

Sprich das Problem, das der Webseitenbesucher mitbringt in einer Frage an. Etwa so: „WĂŒrdest du gern weniger Zucker essen – aber dann kommen immer wieder die Heißhungerattacken dazwischen?“

  • Sag etwas, das ĂŒberrascht

Vielleicht kannst du ein provokatives Statement machen? Etwas, das erst mal ĂŒberrascht? Das nicht jeder erwartet? Eine Aussage, die deine Haltung klar macht? Auf meiner Startseite stand zum Beispiel eine ganze Weile dieses Statement: „Pressemitteilungen funktionieren nicht mehr.“

Soooo provokativ ist das zugegebenermaßen nicht – aber zumindest stelle ich sofort meine Haltung klar: Dass ich das klassische Massen-Email-Versenden fĂŒr komplett gestrig halte.

1.2. Nutze Alltagssprache

Du kannst dir noch so viel MĂŒhe geben, das Problem deines GegenĂŒbers zu erkennen und anzusprechen – wenn du es in hochtrabenden, bĂŒrokratisch oder wolkig klingenden Worten (vor allem: in Substantiven!) tust, wird es ihn nicht im Herzen erreichen.

Es wird ihn höchstens angestrengt nachdenken lassen, bevor er dann schnell wieder weg ist. Und ja, das gilt auch, wenn du hoch seriös und professionell auftreten willst!

Denn es geht bei der Alltagssprache ja nicht darum, dass du in Jugend-Slang verfÀllst. Sondern darum, dass du auf der Stelle verstanden wirst.

Ein Anwalt etwa, der mir verspricht „Sie haben Probleme mit Ihrem Arbeitgeber? Wir kĂŒmmern uns.“ – den will ich doch sofort erleichtert buchen, wenn ich ein Arbeitsrecht-Problem habe, oder?

1.3. Halte dich kurz!

Die BegrĂŒĂŸungs-SĂ€tze, die ich hier formuliert habe, waren kurz und knackig – und genau das rate ich dir fĂŒr deine ersten SĂ€tze auch. Es braucht nicht viel Text, um einen Suchenden zu ĂŒberzeugen, dass er an der richtigen Stelle ist!

Denn wir alle scannen Webseiten mehr, als dass wir wirklich lesen (sei ehrlich: Das ist bei dir nicht anders!).

ZurĂŒck zum Inhaltsverzeichnis

0€

3 VORLAGEN FÜR STARTSEITEN, DIE VERKAUFEN

Weil „schön“ alleine nicht mehr reicht!

2. Zeig dein Gesicht – und Persönlichkeit

Was macht eine gute Webseite aus? Sie zeigt DICH!

Viele wollen möglichst professionell wirken, wenn sie ihre erste Webseite aufsetzen. Auf GAR KEINEN FALL soll man merken, dass nur eine einzige Person hinter der Dienstleistung oder dem Produkt steckt!

Das Ergebnis: eine gesichtslose, formell wirkende Seite, die auch von einem Steuerberatungs-Verein oder der stÀdtischen Verwaltung stammen könnte.

Das Problem dabei ist, dass wir im Internet hÀufig nach Sympathie entscheiden. Und die entsteht nicht durch ein perfektes Logo, ein gesichtsloses Symbol-Bild und viel Text.

Vorher-Nachher-Beispiel meiner „PopulĂ€r!“-Kursteilnehmerin Carina Haferkamp von Sahneseiten:

Vorher: Eine anonyme Startseite die „nach großem Unternehmen“ aussehen soll
Heute: Eine Startseite mit Persönlichkeit – hier willst du viel lieber Kontakt aufnehmen, stimmts?

So bringst du Persönlichkeit in deine Website:

2.1. Zeig, wer du bist

Deine grĂ¶ĂŸte HĂŒrde ist der Bildschirm: Du stehst nicht direkt vor dem Menschen, der sich deine Webseite gerade anschaust, kannst ihn also nicht mit Mimik, Gestik, Stimme und freundlichem Verhalten fĂŒr dich einnehmen.

Deshalb ist es so wichtig, dass deine Webseite das fĂŒr dich ĂŒbernimmt. Sie sollte einladend wirken, freundlich, angenehm anzuschauen. Und das schaffst du am besten, indem du den Besucher anguckst. An guten Fotos fĂŒhrt kein Weg vorbei!

2.2. DrĂŒcke im Bild aus, wofĂŒr du stehst

Kannst du dich abheben von den vielen anderen, die einfach nur nett in die Kamera lĂ€cheln? Vielleicht geht es bei dir um Naturkosmetik – dann lass dich doch in der Natur fotografieren! Vielleicht bietest du Wander-Reisen an – warum also nicht ein Bild mit Rucksack in den Bergen? So wirken die Bilder automatisch weniger förmlich und „business-mĂ€ĂŸig“.

ZurĂŒck zum Inhaltsverzeichnis

3. Biete etwas Kostenloses an – mehrfach

Was macht eine gute Webseite aus? Das sie deine E-Mail-Liste fĂŒllt. Denn mit der lĂ€sst sich bares Geld verdienen.

Deshalb reden alle von Freebies. Also hast du dich hingesetzt, viel Zeit in ein tolles E-Book gesteckt, dir einen Newsletter-Anbieter ausgesucht, alles miteinander verknĂŒpft – und dann? LĂ€dt niemand das Ding runter.

DafĂŒr gibt es zwei typische GrĂŒnde:

  1. Dein Freebie ist nicht interessant genug
  2. Du bietest dein Freebie zu wenig offensiv an

3.1. Schaffe ein Freebie, dass dein Kunde haben will!

Löst dein Freebie WIRKLICH ein drÀngendes Problem deines Kunden? Bietet es einen Mehrwert, bei dem ich sofort denke: «Boah, das muss ich haben!»?

Oder hast du einfach nur ein paar Seiten zu einem irgendwie passenden Thema gefĂŒllt, das Ganze «E-Book» genannt und dann hoffnungsfroh auf die Seite gesetzt?

Dann denk doch mal bitte darĂŒber nach, mit welchem tollen Service du deinen potentiellen Kunden wirklich weiterhelfen kannst. Hier ein paar Ideen, was sonst noch geht (außer einem E-Book):

  • Checkliste
  • GesprĂ€chs-Leitfaden
  • Video-Serie
  • Vorlage/Blaupause
  • Spickzettel
  • Quiz
  • Gut recherchierte Liste
  • Mini-Kurs
  • Infografik

Mach dir klar, dass du echte Aha-Momente und großen Nutzwert bieten musst, wenn jemand seine E-Mail-Adresse hergeben soll! 

3.2. Bring dein Freebie ĂŒberall auf der Startseite unter

Steht dein Freebie, so sorge dafĂŒr, dass man es gar nicht ĂŒbersehen KANN!

DafĂŒr eignen sich auf der Startseite:

  • Ein Download-Button im Header-Bild
  • Ein Download-Button direkt unter dem Foto
  • Ein Punkt in der MenĂŒ-Leiste, z.B. «Kostenlos» oder «Tipps»
  • Ein Download-Button ganz am unteren Ende der Seite
  • Ein Popup, z.B. wenn der Besucher die Seite gerade verlassen will

FĂ€ngst du gerade erst an, so wĂŒrde ich dir raten: Konzentriere dich auf EIN richtig gutes Freebie, damit du schon mal loslegen kannst. Mach nicht den Fehler, bei anderen zu schauen und zu sagen: «Die haben aber drei oder vier!» Die anderen sind im Zweifel nĂ€mlich schon viel lĂ€nger dabei, als du.

ZurĂŒck zum Inhaltsverzeichnis

0€

3 VORLAGEN FÜR RICHTIGE SCHICKE STARTSEITEN…

die sich abheben und konvertieren!

4. Formuliere einen klaren Call to Action

Was macht eine gute Webseite aus? Sie sorgt dafĂŒr, dass Kunden eine Handlung vornehmen. Zum Beispiel dein Freebie abonnieren, oder ein ErstgesprĂ€ch buchen.

Steht auf deiner Webseite «Hier kannst du dich weiter informieren», und dann kommt ein Button, in dem das Wort «Download» steht?

Mök–möööök – das wird leider nicht viel bringen. Solche Formulierungen sind viel zu vage und machen keine Lust, tatsĂ€chlich zu handeln.

So formulierst du einen klaren Call to Action:

Du brauchst ĂŒber dem Button einen klaren «Call to Action», also eine Aufforderung zum Handeln.

Das sind mögliche Call to Actions:

  • Hol dir hier meine 7 besten Übungen, damit du morgens schneller fit bist
  • Lade dir jetzt meinen kostenlosen Guide mit den schönsten Wanderzielen im AllgĂ€u herunter
  • Melde dich hier fĂŒr meinen Minikurs «Erziehen ohne Schimpfen und Drohen» an

 Im Button brauchst du dann nochmals etwas, das zum Handeln motiviert – am besten aus Sicht des potentiellen Kunden formuliert.

Hier ein paar Beispiele fĂŒr Button-Texte:

Profi-Tipp: Du darfst hier ruhig sprachlich ein bisschen Persönlichkeit und Lockerheit reinbringen. Wie wÀre es zum Beispiel damit: «Na klar will ich morgens schneller fit sein!» oder «YES! Den kostenlosen Guide muss ich haben!»

ZurĂŒck zum Inhaltsverzeichnis

5. EntrĂŒmpele deine MenĂŒ-Leiste 

Du hast ja soooo viel zu sagen und es gibt soooo viel ĂŒber dein Angebot zu wissen – und deshalb sieht es in deiner MenĂŒleiste aus wie in einem ALDI-Regal: vollgestopft und dicht an dicht.

Du stellst den Webseitenbesucher also vor unzĂ€hlige Möglichkeiten. Und weißt du was? Die Gefahr ist groß, dass er sich am Ende fĂŒr GAR NICHTS entscheidet.

So sieht eine gute MenĂŒleiste aus:

Halte dich an 4 oder 5, maximal 6 MenĂŒ-Punkte – alles andere wirkt unĂŒbersichtlich. Entscheide dich im Zweifelsfall lieber fĂŒr ein Drop-Down-MenĂŒ, das sich öffnet, wenn man mit der Maus ĂŒber einen MenĂŒ-Punkt fĂ€hrt.  

Einer der MenĂŒ-Punkte verlinkt im Idealfall auf dein Freebie. Bei mir heißt er dann zum Beispiel: „Content und PR-Kalender“ oder „10-Tages-Training“. Ich benenne ihn also so, wie das Freebie, das dahinter steht.

Vorher-Nachher-Beispiel meiner „PopulĂ€r!“-Kursteilnehmerin Verena Krammer von Canutri:

Vorher: Hier ist ganz schön viel los, MenĂŒpunkte, Kontakt, Frageboge… was soll ich tun?

Jetzt: Klarer Fokus – ich soll Kontakt aufnehmen und weiß auch wo!

ZurĂŒck zum Inhaltsverzeichnis

6. Schaffe Struktur und Übersicht

Zu viel Text, zu viele Bilder in unterschiedlichen Formaten, zu viele Farben
 Die Liste der Fehler auf Startseiten ist lang.

Ist ja auch kein Wunder: Schließlich gestalten viele EinzelkĂ€mpfer ihre Webseite selbst – und mĂŒssen plötzlich zum ersten Mal in ihrem Leben Grafikdesigner spielen.

Leider sind uns in WordPress & co. auch keinerlei Grenzen gesetzt. FĂŒr Laien fĂŒhrt das eher zu Überforderung und Design-Chaos, statt zu einer genial guten Webseite.

So gestaltest du Struktur und Übersicht:

Hier ein paar ganz grundlegende Tipps, mit deren Hilfe deine Startseite sofort aufgerÀumter aussieht.

Sie stammen von Marken- und Design-Expertin Isabell SchĂ€fer. (Isabell gibt auch den Teilnehmern meines Gruppen-Programms «PopulĂ€r!» handfestes Feedback, das fĂŒr Webseiten-Selbermacher prima umsetzbar ist.)

6.1. Maximal 2 – 3 Farben verwenden

Reduziere die Zahl der Farben: Lege zwei, maximal drei Farben fest, die zueinander passen und sorge fĂŒr Einheitlichkeit. Text immer in einer Farbe, Buttons in einer anderen Farbe, Überschriften eventuell in einer dritten Farbe.

Damit du sicher sein kannst, dass die Farben miteinander harmonieren, ziehe einen Online-FarbwÀhler zu Rate etwa den von AdobeColor oder hol dir Inspiration bei ColorHunt. Mit deren Hilfe erhÀltst du eine Farbpalette mit aufeinander abgestimmten Farbtönen.

6.2. Maximal 2 Schriftarten

WĂ€hle maximal zwei Schriften aus, die du durchgĂ€ngig in derselben GrĂ¶ĂŸe verwendest.

Das heißt, Überschriften erscheinen alle in Schrift A mit PunktgrĂ¶ĂŸe A. Alle anderen Texte erscheinen in Schrift B mit PunktgrĂ¶ĂŸe B.

Achte bei der Schriftauswahl auf eine Sache ganz besonders: Lesbarkeit! Deine Fließtexte (das sind die Texte, in denen dein Inhalt steht) sollten sehr gut leserlich sein. Mach also lieber keine Experimente und verwende im Zweifelsfall eine bewĂ€hrte Standardschrift. 

6.3. Mehr Weißraum, weniger Text:

FĂŒr das menschliche Auge ist es anstrengend Texte am Bildschirm zu lesen. Mach es deinem Besucher möglichst einfach die wesentlichen Inhalte zu erfassen.

Achte darauf, dass eine Textzeile nicht von links nach rechts ĂŒber den ganzen Bildschirm lĂ€uft, sondern in einer angenehmen Breite begrenzt ist.

Nutze die weiße HintergrundflĂ€che bewusst, um Inhalte sauber zu strukturieren.

Der hĂ€ufigste Fehler: Um den Text herum gibt es rechts und links viel Weißraum, oben und unten jedoch nicht.

6.4. Nutze professionelle Bilder großzĂŒgig

Es gibt Startseiten, da weiß das Auge des Besuchers nicht, wo es vor lauter Bilder und Grafiken zuerst hinsehen soll. Mach es deinem Kunden einfach und verwende große Fotos.

Überleg dir genau, was du mit deinem Foto aussagen möchtest und setze es bewusst ein. Achte darauf, dass es deine Botschaft unterstĂŒtzt.

Teste die Darstellung der Bilder unbedingt auf unterschiedlichen GerĂ€ten (Laptop, Smartphone, Tablet…) und Betriebssystemen. Was hĂ€ufig passiert: Köpfe oder gar Teile des Gesichts sind abgeschnitten. Das solltest du unbedingt vermeiden.

Wer großzĂŒgige Fotos verwendet, sollte auf die QualitĂ€t achten. Ein zu kleines Smartphone-Foto sieht im großen Format unscharf, verpixelt und laienhaft aus.

Das Bild auf der Startseite ist das erste Element, das der Besucher deiner Website wahrnimmt. Solltest du keine passenden Fotos zur Hand haben, investiere in ein Fotoshooting beim Fotografen. 

6.5. Achte auf hohe Kontraste

Eine blaue Schrift auf grĂŒnem Hintergrund ist unter UmstĂ€nden schwer zu entziffern.

Der Klassiker ist schwarzer Text auf weißem Hintergrund. Auch Grau kann funktionieren, wenn es dunkel genug ist – meistens ist es das nicht.

Achte darauf, dass sich alle deine Texte und Grafiken deutlich vom Hintergrund abheben.

Wenn du unsicher bist, entscheide dich immer gegen „die Schönheit“ und FÜR die Lesbarkeit. Deine (potenziellen) Kunden werden es dir danken.

ZurĂŒck zum Inhaltsverzeichnis

0€

3 VORLAGEN FÜR STARTSEITEN, DIE VERKAUFEN

Weil „schön“ alleine nicht mehr reicht!

7. Zeig deinen Content

Du hast viel Zeit und MĂŒhe in Blogposts, Podcasts oder Videos investiert – dann stĂ¶ĂŸt man aber eher zufĂ€llig erst auf irgendwelchen Unterseiten auf sie.

Das ist natĂŒrlich doof. Dein Content zeigt erst so richtig, was du kannst und draufhast! Er ist dein allerbestes Verkaufs-Argument. 

So prÀsentierst du deinen Content richtig:

Nimm dir die Zeit, regelmĂ€ĂŸig hochwertigen Content zu veröffentlichen. Du wirst so in Google gefunden, wenn potentielle Kunden nach einer Problemlösung suchen – und ĂŒberzeugst Webseitenbesucher davon, dass du Experte oder Expertin bist.

Zeig deinen Content prominent auf deiner Startseite – zum Beispiel, indem du in Canva hĂŒbsche Titelbilder fĂŒr deine Blogposts, Podcasts oder Videos erstellst und diese auf der Startseite zeigst.

Pass aber auf, dass es nicht irgendwelcher Content ist: Fokussiere dich glasklar auf deine Nische, auf Schmerzpunkte und Probleme potentieller Kunden.

Formuliere Überschriften, die sofort zum Klicken anregen (und nein, «Heute hier, morgen dort» ist KEINE solche Überschrift – genau so wenig wie «Arbeitswelt im Wandel»!)

ZurĂŒck zum Inhaltsverzeichnis

Möchtest du deine Startseite mit unserer Hilfe ĂŒberarbeiten?

Dann könnte mein Gruppenprogramm “PopulĂ€r!” genau richtig fĂŒr dich sein: Hier optimierst du deine Startseite gemeinsam mit Journalistinnen und Webdesignerinnen. Damit aus Besuchern endlich Kunden werden! Lass dich hier auf die Warteliste setzen!

13 Gedanken zu „Was macht eine gute Webseite aus: 7 Sofort-Tipps fĂŒr deine Seite“

  1. Super zusammengefasst.

    Nur der kreativen Benennung einer "Gratis"-Seite kann ich nicht zustimmen. Bei den beiden Beispielen tauchen Fragezeichen im Kopf auf und der User wĂŒrde den Content dahinter nicht vermuten. Das kann zu einer niedrigen Klickrate fĂŒhren.

    Gute Webseiten lassen erst gar keine Fragezeichen entstehen.

  2. Hi Marike,

    Ich mag deinen Artikel.

    Du gibst in diesem Artikel richtig gute Tipps, die dazu anregen, die eigene Startseite kritisch zu analysieren.

    Die Punkte "Freebie auf der Startseite" und "C2A" sind ein muss. Vorallem, wenn du einen Newsletter hast – und das sollte jeder Blog haben.

    Bei einer Sache bin ich anderer Ansicht:

    Die MenĂŒ-Leiste.

    Ich bin da radikaler und gehe noch einen Schritt weiter:

    3 MenĂŒ Punkte sind das Maximum:

    BLOG – ÜBER – TOOLS.

    Andernfalls wĂ€re das zu viel Auswahl. Und wenn die Auswahl zu groß ist, neigen wir leider dazu, uns gar nicht zu entscheiden, oder die Entscheidung hinauszuzögern.

    Jedenfalls:

    Auch hier ein hervorragender Artikel und großartiger Schreibstil.

    Alex

    PS: Ich kanns nicht oft genug sagen – dein Schreibstil ist extrem angenehm zu lesen. Mach weiter so.

  3. Hallo,
    deine beiden Beispiele fĂŒr Punkt 5, sind mittlerweile beide nicht mehr so, wie beschrieben.
    Ansonsten aber super verstĂ€ndlich und klar geschrieben – Danke fĂŒr’s Teilen!

  4. Da wird man alt wie ’ne Kuh und lernt immer noch dazu.
    Danke fĂŒr die umfangreiche und gut strukturierte Tippsammlung. Bin schon lĂ€nger online ("ehrenamtlich") und habe noch was dazugelernt. Merci!

    1. Also, "alt wie ne Kuh", das hab ich ja noch nie gehört 😀 Ich wette, du bist noch immer topfit. Jedenfalls klingst du so. Freut mich, dass es dir geholfen hat!

  5. Hallo Marike, ich erstelle gerade eine Kaffee Seite zu meinem Kaffeebusiness und habe durch deinen Content so manchen Aha-Effekt gehabt. Die anderen Webseiten werde ich auch etwas Customizing unterziehen.
    Danke fĂŒr dein Content
    Beste GrĂŒsse
    Uwe Niemeyer

  6. Hallo Marike, ich sehe, da hat meine Webseite noch viel Potenzial. Werd ich gleich einem Check unterziehen.
    Vielen Dank fĂŒr die Anregungen
    Nikolaus Lesti

  7. Pingback: 13 gratis Ideen fĂŒr mehr Bekannheit | wasjournalistenwollen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

nv-author-image

Marike Frick

Marike Frick ist ausgebildete Journalistin und zeigt Unternehmern und EinzelkÀmpfern, wie sie ihre Pressearbeit selber machen können. Ihre Texte sind u. a. in DIE ZEIT, Brigitte Woman, Financial Times Deutschland, Spiegel Online und Business Punk erschienen. Sie lebt mit ihrer Familie derzeit in Genf, glaubt an die tÀgliche Ration Kaffee (Barista-Style) und liebt gut gemachte TV-Serien in Kombination mit dunkler Schokolade und Rotwein.