Homepage: Diese Inhalte machen die Startseite der Website eines Dienstleisters erfolgreich!
Eine gut gestaltete Homepage bzw. Startseite ist wie eine Visitenkarte und der Schlüssel zu einem erfolgreichen Internetauftritt für selbstständige Dienstleister oder Freiberufler. Es ist die erste Seite, die ein Besucher sieht, wenn er die Website besucht. Die Homepage ist dabei das Aushängeschild Deiner Website und sollte daher besonders sorgfältig gestaltet werden. Aber welche Elemente sollten auf der Homepage einer Website für selbstständige Dienstleister enthalten sein und was muss bei der Erstellung beachtet werden? In diesem Artikel werde ich darauf eingehen.
Kurzer Einschub, für alle die von den ganzen Begriffen verwirrt sind:
Die Website ist wie ein Haus, das aus vielen Räumen (Webseiten) besteht und durch eine gemeinsame Struktur miteinander verbunden ist. Es ist also die Gesamtheit des Internetauftritts. Die meisten Websites haben mehre Seiten.
Die Webseite – oder Webpage – ist wie ein Raum innerhalb dieses Hauses. Auf einer Webseite werden bestimmte Informationen, die zusammengehören (z.B. Angebote), bereitstellt. Jede Webseite hat eine eigene Web-Adresse, z.B. meinedomain.de/angebote, und ist somit eine Unterseite der eigenen Website.
Die Homepage ist wie der Eingangsbereich zu einem Haus, der den ersten Eindruck vermittelt und den Besucher begrüßt. Es ist die Startseite, auf der die Besucher landen, wenn sie Deine Domain (Deine Webadresse: z.B. www.meinedomain.de) in die Browserleiste eingeben. Es ist also die erste Webseite der Website.
Stelle Dir vor, Du betrittst ein Hotel, dann ist die Homepage ist wie die Eingangshalle. Sie vermittelt den Besuchern, einen ersten Eindruck, für was Du (bzw. Dein Unternehmen) steht und bietet Orientierung durch Wegweiser.
Genau wie eine Hotellobby sollte eine Homepage einladend sein und man soll von dort aus leicht woanders hinkommen. Sie sollte klar und übersichtlich sein und dem Besucher schnell einen Eindruck davon vermitteln, was auf der Website zu erwarten ist. Eine gut gestaltete Homepage sollte das Interesse der Besucher wecken und sie dazu ermutigen, weiter auf der eigenen Website zu navigieren und mehr über das Unternehmen oder das Thema zu erfahren.
Um erfolgreich zu sein, sollte die eigene Homepage ein klares Ziel verfolgen und den Fokus auf das Wesentliche legen. Die Ausgestaltung aller Elemente auf der Startseite und das Webdesign insgesamt müssen sich diesem Ziel „unterordnen“.
Wenn Du direkt beim Lesen dieses Artikels durchstarten willst, kannst Du Dir schon mal völlig kostenlos dieses ausfüllbare Workbook für Deine Homepage mit vielen Beispielen herunterladen und direkt beim Lesen Deine Ideen notieren:
Welche Elemente sollte eine erfolgreiche Homepage also beinhalten? Hier eine Übersicht:
5. Kurzer Text
10. Footer
Schauen wir uns das mal genauer an:
Ansprechendes Titelbild der Homepage
Das große Bild, was ganz oben auf der Startseite steht, wird auch „Hero-Bild“ genannt.
Das Hero-Bild ist das Aushängeschild Ihrer Website, das wie ein Schaufenster wirkt und den Besucher zum Eintreten einlädt. Stelle Dir das Hero-Bild wie das große Plakat vor, das vor einem Geschäft hängt und die Aufmerksamkeit auf sich zieht.
Das gilt es beim Hero-Bild zu beachten:
Relevanz: Wie bei einem Plakat sollte das Hero-Bild relevant und aussagekräftig sein, um dem Betrachter schnell zu vermitteln, worum es geht. Es sollte wie ein Magnet wirken, der die Blicke auf sich zieht und die Neugier weckt. Dabei muss nicht unbedingt genau das abgebildet werden, was auch angeboten wird: manchmal kann es auch eine Stimmung sein oder etwas das sinnbildlich für Ihre Dienstleistung steht.
Qualität: Verwende ein hochwertiges Bild oder eine hochwertige Grafik, die scharf und ansprechend aussieht. Gerade beim Hero-Bild sollte das Foto professionell aussehen. Der erste Eindruck zählt und diese Chance will genutzt werden, sich als kompetenten Dienstleister zu positionieren.
Platzierung: Das Hero-Bild sollte gut platziert sein – vor allem in Kombination mit der Überschrift – und zum Stil der Homepage passen, um eine harmonische Wirkung zu erzielen.
Kontraste: Damit das Hero-Bild gut wirken kann, sollte es kontrastreich sein und sich gut vom Rest der Seite abheben, um die Aufmerksamkeit des Betrachters zu erregen. Vermeide zu komplexe Bilder mit zu viel Kleinteiligkeit oder Unruhe im Hintergrund.
Größe: Und wie bei einem Empfangsschild sollte das Hero-Bild groß genug sein, um gut sichtbar zu sein, aber nicht zu groß, um den Besucher nicht zu überfordern. Es hat sich für Bilder, welche die gesamte Breite beanspruchen, eine Breite von 2500 Pixeln bewährt. Ansonsten reicht eine Breite von 1500 Pixeln in der Regel aus. Die Gesamtgröße von Bildern sollte unter 400KB liegen, um die Ladezeiten der Website so kurz wie möglich zu halten.
Hier habe ich alles zusammengefasst, was Du zu Bildern auf Deiner Website wissen solltest, damit Du bei den Suchmaschinen besser gerankt wirst.
Wenn Du diese Aspekte berücksichtigst, kannst Du sicherstellen, dass das Hero-Bild Deiner Homepage ein wahrer Blickfang ist und den Besucher neugierig macht auf Deine gute Website.
Titel und Untertitel
Die Titel bzw. Überschriften auf Deiner Homepage sind wie die Schilder über einem Geschäft, die den Besucher auf den Inhalt und Zweck des Geschäfts aufmerksam machen. Sie stehen neben oder auf dem Hero-Bild.
Wie bei einem Schild sollten Titel und Untertitel klar und deutlich sein, damit der Besucher auf einen Blick erkennt, worum es geht. Die Schriftart und -größe sollten gut lesbar sein, und genug Kontrast zum Hintergrund aufweisen, damit der Text auch auf kleinen Bildschirmen oder in ungünstigen Lichtverhältnissen leicht zu erkennen ist.
Die Überschriften sollten die wesentlichen Inhalte auf den Punkt bringen, neugierig machen und die Lust weiter zu lesen wecken. Dabei liegt der Schlüssel darin, sich kurz zu halten – sehr kurz. Oft reichen Stichpunkte, es muss kein vollständiger Satz sein. Je kürzer, desto besser. Es sollten folgende Fragen beantwortet werden:
Was machst Du?
Für wen?
Falls relevant: Wo machst Du es?
Was macht Dich besonders?
Was ist der größte Benefit für den Kunden?
Achte darauf, dabei möglichst Worte zu benutzen, nach denen Deine Kunden bei Google suchen würden, sogenannte Keywords, das ist gut für die Suchmaschinenoptimierung (SEO).
Call-to-Action auf Startseite
Ein Call-to-Action (CTA) ist eine Handlungsaufforderung, zumeist in Form eines Buttons, der verlinkt ist. Der Link führt zu einer anderen Stelle, wo der Besucher etwas machen soll, was von Nutzen für den Besucher ist.
Der Text des CTA sollte eine kurze Handlungsaufforderung enthalten, die den Besucher dazu ermutigt, zu handeln, z.B. "Jetzt anmelden", "Jetzt kaufen" oder "Mehr erfahren". Der Besucher sollte das Gefühl haben, dass es ihm einen klaren Nutzen oder Vorteil bringt, dem Link zu folgen. Dabei sollte dem Besucher klar sein, was passiert, wenn er klickt (weil er sonst nämlich nicht klickt).
Der Button oder Link sollte in einer kräftigen Farbe und einer gut erkennbaren Form gestaltet sein, die sich von der Umgebung unterscheidet.
Insgesamt sollte der CTA auf das Ziel der Website einzahlen. Wenn also das Ziel der Website ist, 1zu1 Coachings zu verkaufen, könnte der CTA „Jetzt Kennenlerngespräch buchen“ lauten.
Corporate Design – Logo und Co.
Dein Logo und die dazu gehörigen Branding-Elemente (Farben, Schriften, Muster, Grafiken, Icons) machen Deine Website unverwechselbar. Sie helfen, Deine Botschaft und Werte nach außen zu tragen und Deine Zielgruppe auf Dich aufmerksam zu machen.
Bei Deinem Logo solltest Du folgende Dinge beachten:
Einprägsamkeit: Dein Logo sollte einprägsam sein und einen starken visuellen Eindruck hinterlassen. Es sollte leicht erkennbar sein und sich von anderen Logos abheben. Das hilft den Besuchern, Deine Marke zu erkennen und sich daran zu erinnern.
Konsistenz: Stelle sicher, dass Deine Branding-Elemente auf der Website konsistent sind, d.h. dass Farben, Schriften und Stile auf jeder Seite einheitlich sind. Dadurch wird ein professionelles und zusammenhängendes Erscheinungsbild geschaffen.
Anpassungsfähigkeit: Dein Logo und Deine Branding-Elemente sollten auf verschiedenen Bildschirmgrößen und Geräten gut aussehen und lesbar sein. Sie müssen auch in verschiedenen Kontexten und Hintergründen funktionieren.
Aussagekraft: Dein Logo und Deine Branding-Elemente sollten Deine Marke und Dein Unternehmen repräsentieren. Es sollte Deine Werte und Mission widerspiegeln und den Besuchern Deiner Website eine Vorstellung davon geben, wer Du bist und was Du tust.
Einfachheit: Dein Logo und Deine Branding-Elemente sollten einfach sein und nicht zu viele Elemente enthalten. Ein einfaches Design erleichtert es den Besuchern, sich daran zu erinnern und es zu erkennen.
Du hast noch kein Logo? Auch ein schön gestalteter Schriftzug kann auf einer Website gut funktionieren. Nichtsdestotrotz sollte er die Aussage Deines Unternehmens und die Zielgruppe im Blick haben. Ein Skriptfont mit zarten Linien wäre zum Beispiel nicht für ein Fitnessstudio für Männer geeignet.
Definiere Deine Farben und halte diese über die gesamte Website hinweg konstant. Je nachdem, wie viele Hausfarben Du hast und welche Töne es sind, kann es Sinn machen, Deine Hausfarben um eine Akzentfarbe (z.B für Buttons) und eine Hintergrundfarbe zu ergänzen.
Wenn möglich, benutze auch auf Deiner Firmenwebsite Deine Hausschrift. In der Regel reicht es, zwei verschiedene Schriften (z.B. Open Sans) festzulegen, und diese nur durch Größe und Schriftschnitt (z.B. kursiv oder fett) zu variieren, um Überschriften und Fließtext zu schreiben.
Du brauchst noch ein Logo, für einen einheitlichen und professionellen Look?
In ein gutes professionelles Logo und Branding zu investieren, ist eine Ausgabe, die sich schnell lohnt. Schließlich investierst Du damit in eine professionelle und zielgruppengerechte Ansprache. Gerne konzipiere ich Dir ein strategisches Branding mit individuellem Logo, Farb- und Schriftdefinition, Favicon, Branding Board und vielem mehr, das genau zu Deinen Werten und Deiner Zielgruppe passt. Schaue mal hier.
Kurzer Text
Du machst etwas sehr Besonderes oder Erklärungsbedürftigen? Dann beschreibe das kurz, um Deine Einzigartigkeit zu betonen und sich so von der Masse abzuheben. Mehr als ein kurzer Absatz sollte es jedoch nicht sein. Es gilt nur „Appetit“ zu machen.
Je nach Ziel der Website sollte auf jeden Fall eine kurze Zusammenfassung Deiner Dienstleistungen oder Produkte auf der Homepage stehen, die den Besuchern einen schnellen Überblick darüber geben, was Du anbietest. Es ist wichtig, dass Besucher sofort verstehen, wie Du ihnen helfen kannst. Dabei soll der Text den Webseitenbesucher motivieren, weiter zu klicken. Eine Detailbeschreibung gibt es an dieser Stelle nicht. Ratsam ist es auch, Stichpunkte zu verwenden und Überschriften einzubauen, damit sich der Text leichter lesen lässt.
Benutze dabei möglichst auch Worte, nach denen Deine Kunden bei Google suchen würden, sogenannte Keywords, damit Du bei Suchmaschinen besser gefunden wirst. Schreibe Deine Texte in möglichst „natürlicher Sprache“ und vermeide Fachbegriffe, die Deine Zielgruppe möglicherweise nicht kennt.
Bilder und Grafiken zum Inhalt
Bilder und Videos können dazu beitragen, Deine Dienstleistungen und Dein Unternehmen attraktiv zu machen, aber auch Dinge, um zu erklären oder Dich als Person nahbarer zu machen. Verwende hochwertige aussagekräftige Bilder und Videos, die Dein Unternehmen und Deine Arbeit repräsentieren. Verteile diese auf passende Stellen Deiner Seite und lockern damit Texte auf.
Kundenstimmen
Referenzen und Kundenstimmen können ein wirksames Mittel sein, um potenzielle Kunden zu überzeugen und sich von der Konkurrenz abzuheben. In unserer Kultur haben wir gelernt, dass Dinge, die andere Menschen gut finden, ziemlich sicher auch für uns gut sein könnten.
Daher: Wenn Du positive Bewertungen oder Referenzen von zufriedenen Kunden hast, nutze diese Testimonials und präsentiere diese unbedingt auf der Homepage: So baust Du leicht Vertrauen auf, um neue Kunden zu gewinnen. Gerne wird hierfür ein Slider genommen oder mehrere Kundenstimmen über- oder nebeneinander gesetzt.
Navigationsleiste
Die Navigationsleiste auf Deiner Website – also die Leiste mit den verschiedenen Menüpunkten – ist wie eine Beschriftung in einem Fahrstuhl. Und das gilt es zu berücksichtigen:
Klarheit: Genauso wie die Beschriftung im Fahrstuhl klar und prägnant sein muss, um den Fahrgästen zu zeigen, wo sie sich befinden und welche Etagen es gibt, sollte auch Deine Navigation klar und einfach zu verstehen sein. Sei mit den Begriffen eher konservativ statt kreativ, das erleichtert das Zurechtfinden für die Besucher ungemein. Also statt „Mein Bauchladen“ lieber „Angebote“.
Einfachheit: Halte die Anzahl der Links auf der Navigationsleiste begrenzt, um die Navigation benutzerfreundlich zu gestalten. Zu viele Links können Besucher verwirren und dazu führen, dass sie die Seite verlassen. Alle Menüpunkte sollten dem obersten Ziel der Website „dienlich“ sein. Alle Inhalte, die zwar wichtig sind, aber nicht direkt zielrelevant können z.B. im Footer verlinkt werden.
Position: Platziere die Navigationsleiste an einer leicht erkennbaren Stelle auf Deiner Website, in der Regel oben oder seltener seitlich. Dadurch wird es den Besuchern erleichtert, schnell zu finden, wonach sie suchen.
Konsistenz: Stelle sicher, dass die Navigationsleiste auf jeder Seite Deiner Website gleich aussieht. Verwenden Sie dieselben Links und Positionierung, um den Besuchern ein vertrautes und intuitives Erlebnis zu bieten.
Responsives Layout: Bachte, dass die Navigationsleiste auf allen Geräten und Bildschirmgrößen gut sichtbar ist und funktioniert. Eine gut gestaltete mobile Navigation ist besonders wichtig, da immer mehr Menschen auf ihren Mobilgeräten im Internet surfen.
Indem Du diese Aspekte bei Deiner Navigationsleiste beachten, kannst Du sicherstellen, dass Besucher auf Deiner Website problemlos navigieren können und schnell finden, wonach sie suchen.
Kontaktmöglichkeit auf Website
Es ist wichtig, dass Besucher schnell und einfach Kontakt mit Dir aufnehmen können. Deshalb solltest Du Deine Kontaktinformationen deutlich sichtbar auf der Homepage platzieren, sodass Besucher Dich schnell erreichen können. Dies kann ein Button oder Link sein, der zu einer Kontaktseite Ihrer Onlinepräsenz führt, eine Karte mit Standort, eine Telefonnummer und Mailadresse oder ein Kontaktformular.
Footer (Fußzeile)
Im Footer, der normalerweise auf allen Seiten Ihrer Website in gleicher Form erscheint, befindet sich oft das Logo oder der Unternehmensname, ein Copyright-Hinweis und Verlinkungen zum Impressum und zur Datenschutzerklärung (gesetzlich vorgeschrieben). Optional können hier auch noch einmal alle vorhandenen Seiten – auch die Seiten, die nicht im Menü auftauchen – verlinkt werden. Auch eine Kontaktmöglichkeit macht an dieser Stelle Sinn.
In manchen Fällen machen auch zwei Footer übereinander Sinn. Dann zum Beispiel, wenn man auf noch mal gesondert auf etwas hinweisen möchte, ein Freebie oder eine zeitlich begrenzte Aktion zum Beispiel.
Mit diesen Inhalten und Informationen wirst Du die digitale Visitenkarte Deines Webauftritts einfach selbst erstellen und Deine Kundengewinnung optimieren können. Möchtest Du lieber Hilfe, Deine eigene professionelle Homepage erstellen zu lassen, biete ich als Webdesignerin für Unternehmen und Selbstständige ein vollumfängliches Paket mit modernem Design für Deine Nische an.
Lust bekommen, direkt loszuschreiben?
Sichere Dir meine kostenlose 9-seitige Homepage Checkliste als editierbares Google-Doc mit vielen Beispielen und vorgefertigten Texten. Damit ist endgültig
