Was ein Kunde in den ersten 5 Sekunden auf Ihrer Startseite sehen muss

Jemand öffnet Ihre Website auf dem Handy, im Aufzug, mit einer Hand. Er hat die obere Bildschirmhälfte zur Verfügung – so viel, wie man ohne Scrollen sieht – und etwa fünf Sekunden Geduld. In diesen Sekunden liest er nicht. Er schaut. Er entscheidet nur eine Sache: „Machen die, was ich brauche, oder nicht?“ Wenn die Antwort nicht offensichtlich ist, geht er zurück und öffnet das nächste Google-Ergebnis. Nicht weil Sie schlechter sind – sondern weil er in fünf Sekunden nicht verstanden hat, wer Sie sind.

Dieser obere Bereich heißt Hero. Es ist der teuerste Teil der ganzen Website, denn ihn sieht jeder Besucher, und die meisten scrollen nicht weiter. Der Rest der Seite – Leistungen, Galerie, „Über uns“, Bewertungen – zählt nur, wenn der Hero die ersten fünf Sekunden gewonnen hat. Dieser Artikel handelt nur von diesem Teil, nicht davon, welche Seiten eine Website insgesamt haben sollte.

Die drei Fragen, die der Hero sofort beantwortet

Der Mensch, der oben auf der Seite landet, stellt sich, ohne es zu merken, drei Fragen in dieser Reihenfolge. Der Hero muss alle drei beantworten, bevor gescrollt wird:

• Was machen Sie? – Nicht „innovative Lösungen“, sondern „wir reparieren Kühlschränke“, „wir bauen Websites“, „wir schneiden Kinderhaare“. Die Worte, die er selbst benutzen würde, nicht Ihre.
• Für wen und wo? – „in Cluj und Umgebung“, „für Zahnarztpraxen“. Der Mensch will sich wiedererkennen: „Ja, das ist mein Fall.“
• Was mache ich jetzt? – Ein einziger klarer Button. Anrufen, Angebot anfordern, Termin buchen. Wenn er nicht weiß, wo er klicken soll, ist er weg.

Wenn der Besucher diese drei Fragen nicht beantworten kann, während er nur den ersten Bildschirm sieht, macht der Hero seine Arbeit nicht – egal wie schön der Hintergrund ist.

Die Anatomie eines Hero-Bereichs, der konvertiert

Das ist keine Magie, sondern fünf Bausteine, in der Reihenfolge, in der das Auge sie erfasst:

• Die Überschrift (H1) – ein konkretes Versprechen, kein Slogan. „Sanitärinstallationen in Cluj-Napoca, mit Rechnung und Garantie“ schlägt „Der Komfort Ihres Zuhauses“ jedes Mal. Schreiben Sie den Nutzen, nicht die Poesie.
• Der Untertitel – ein Satz, der klärt, für wen Sie da sind, und den wichtigsten Zweifel beseitigt: „Wir kommen innerhalb von 24 Stunden, den Preis nennen wir Ihnen, bevor wir anfangen.“
• Der Haupt-Button (CTA) – nur einer, mit einem persönlichen Verb: „Angebot anfordern“, „Tisch reservieren“. Nicht „Senden“, nicht „Hier klicken“.
• Der Vertrauensbeweis – eine kleine Zeile unter dem Button: „über 200 abgeschlossene Projekte“, „echte Google-Bewertungen“, ein Kundenlogo. Ein Satz, kein Absatz.
• Das Bild – ein echtes Foto von Ihnen, dem Team, dem Geschäft. Kein Stockfoto mit Menschen im Anzug, die sich die Hand geben. Der Besucher spürt das Falsche sofort.

Die Regel, nach der wir arbeiten: Wenn ein Element keiner der drei Fragen dient, gehört es nicht in den Hero. Wir schieben es weiter nach unten oder streichen es.

Wie viel Text tatsächlich hingehört

Deutlich weniger, als Sie denken. Das Auge liest oben eine Überschrift und höchstens einen Satz Untertitel. Der Rest ist Rauschen, das das Gehirn überspringt. Ein guter Hero lässt sich in zwei Sekunden laut vorlesen, ohne ins Stolpern zu geraten.

• Überschrift: 5-9 Wörter. Wenn Sie sie nicht in einem Atemzug lesen können, ist sie zu lang.
• Untertitel: ein Satz, maximal zwei Zeilen auf dem Handy.
• Button: 2-3 Wörter, ein einziges Verb.

Der klassische Fehler ist der Manifest-Absatz ganz oben: drei Sätze über „unsere Leidenschaft für Qualität“. Das liest niemand. Verschieben Sie die Geschichte zu „Über uns“ und lassen Sie oben nur das Versprechen und den Button stehen.

Fehler, die dem Hero seine Kraft nehmen

Wir sehen sie bei fast jeder Website, die wir übernehmen:

• Ein Karussell, das sich von selbst dreht – wechselt die Botschaft, bevor man sie erfassen kann, und verschiebt den Button unter dem Finger. Eine klare Botschaft schlägt fünf wegrennende Botschaften.
• Zwei bis drei gleichwertige Buttons – wenn alles wichtig ist, ist nichts wichtig. Ein Haupt-Button, der Rest dezent.
• Ein leerer Slogan statt einer Überschrift – „Gemeinsam weiter“ sagt nicht, was Sie tun. Die Überschrift ist der Ort, an dem Sie genau Ihr Handwerk benennen.
• Text über einem überladenen Bild – wenn er sich auf dem Handy, in der Sonne, nicht lesen lässt, liest ihn niemand.
• Der Button unterhalb der Scrolllinie – wenn man scrollen muss, um zu sehen, worauf man klicken soll, sieht ihn die Hälfte der Leute nie.

Der Hero, übersetzt in verschiedene Branchen

Dieselben drei Fragen, unterschiedlich verpackt:

Beachten Sie: nirgendwo „Willkommen“, nirgendwo „Qualität und Professionalität“. Nur was Sie tun, wo, und worauf der Mensch klicken soll.

Der beste Weg zu prüfen: der 5-Sekunden-Test

Geben Sie das Handy mit der geöffneten Website einem Freund, der nicht weiß, womit Sie sich beschäftigen. Halten Sie es ihm fünf Sekunden vor die Augen, dann decken Sie es ab. Fragen Sie ihn: „Was machen die, für wen, und worauf würdest du klicken?“ Wenn er bei einer der Fragen zögert, hat der Hero ein Loch. Es kostet nichts und ist gnadenlos ehrlich.

Wenn Sie tiefer eintauchen möchten, wie viel Text und wie viele Seiten eine ganze Website braucht, haben wir einen separaten Leitfaden darüber, was eine Website kostet, und einen darüber, warum Sie eine Website brauchen, wo es um mehr als nur den ersten Bereich geht.

Was kostet es, den Hero richtig zu machen

Der Hero wird nicht separat verkauft – er ist das Herzstück der Startseite, und wir denken ihn von Anfang an bei jedem Paket mit:

• Landingpage (eine Seite, alles rund um diesen ersten Bildschirm und den Button gebaut): 290-490 €
• Präsentationswebsite (mehrere Seiten, starker Hero auf jeder): 490-890 €
• Online-Shop: ab 690 €
• Wartung (wir ändern Botschaft, Angebot, Bild, wenn Sie es brauchen): ab 29 €/Monat

Der Preis hängt davon ab, wie viele Seiten Sie möchten und wie viel Inhalt Sie bereits haben. Ein durchdachter Hero kostet genauso viel wie ein schlechter – der Unterschied ist, dass der eine den Terminkalender füllt und der andere nicht.

Lassen Sie es uns zeigen, nicht erzählen

Am einfachsten ist es, mit eigenen Augen zu sehen. Wir erstellen Ihnen kostenlos ein Demo Ihrer Startseite mit dem passenden Hero für Ihr Geschäft – Botschaft, Angebot, Button – und Sie entscheiden sofort, ob es Ihnen gefällt. Schreiben Sie uns auf WhatsApp unter wa.me/40750257140 und sagen Sie uns, womit Sie sich beschäftigen. Den Rest übernehmen wir.