Landing Page erstellen: So machst du aus Besuchern Kunden

Wenn die Website keine Anfragen bringt

Du hast eine Website, die ordentlich aussieht. Aber bringt sie dir Kunden? Oft kommen Besucher, schauen sich kurz um und sind wieder weg. Das liegt nicht unbedingt an der Website selbst. Häufig fehlt eine Seite, die genau auf eine Zielgruppe und ein Angebot zugeschnitten ist: eine Landing Page. Ohne sie zahlst du für Besucher, die nichts tun.

Was ist eine Landing Page und wofür brauchst du sie?

Eine Landing Page ist eine einzelne Webseite mit genau einem Ziel: Der Besucher soll eine bestimmte Handlung ausführen. Auf der Seite gibt es kein Menü und keine Ablenkungen, nur eine klare Botschaft und einen gut sichtbaren Button, den Call-to-Action (CTA). Deine normale Website ist wie ein Geschäft mit vielen Regalen. Die Landing Page ist das eine Regal, zu dem du den Kunden direkt führst.

Der Unterschied zur normalen Webseite

Deine Startseite muss das Unternehmen vorstellen und nebenbei verschiedene Leistungen zeigen. Eine Landing Page hat nur eine, zum Beispiel den Download eines E-Books, die Anmeldung zu einem Webinar oder eine Projekt-Anfrage. Alles auf der Seite dient diesem einen Ziel. Was nicht dazu beiträgt, kommt weg.

Warum Werbekampagnen ohne Landing Page Geld kosten

Du schaltest Google Ads oder Facebook-Anzeigen und schickst die Leute auf deine Startseite? Dann zahlst du für viele Klicks, aus denen nichts wird. Wer auf eine Anzeige für „Webdesign für Handwerker“ klickt, will nicht zuerst die Firmengeschichte lesen. Er sucht eine Lösung für sein Problem. Schick ihn auf eine Seite, die seine Sprache spricht und genau das anbietet, was er sucht.

So ist eine Landing Page aufgebaut

Eine gute Landing Page folgt einem bewährten Aufbau, der den Besucher Schritt für Schritt zur Handlung führt. So sieht er aus:

1. Die Überschrift (Hero Section): Dein Versprechen in wenigen Sekunden

Du hast nur wenige Sekunden, bis der Besucher entscheidet, ob er bleibt. Die Überschrift muss klar sagen, was er hier bekommt und was es ihm bringt. Kein „Herzlich willkommen“ und keine Floskeln. Ein Beispiel: „Mehr Anfragen für deinen Handwerksbetrieb: Wir bauen dir die Landing Page dazu.“

2. Der Text darunter: Erklär, wie es funktioniert

Direkt unter der Überschrift erklärst du in ein bis zwei Sätzen, wie du dein Versprechen einlöst. Kurz und konkret.

3. Der Call-to-Action (CTA): Der wichtigste Button

Der CTA ist der wichtigste Button auf der Seite. Er muss auffallen und dem Besucher genau sagen, was passiert, wenn er klickt. Statt „Senden“ schreibst du „Kostenloses E-Book herunterladen“. Setz ihn in den Bereich, den man ohne Scrollen sieht („above the fold“), und wiederhol ihn am Ende der Seite.

4. Die Vorteile: Was hat der Kunde davon?

Technische Merkmale allein überzeugen kaum jemanden. Die Leute wollen wissen, was dein Angebot für sie bedeutet. Übersetz deshalb jedes Merkmal in einen Vorteil. Statt „10 GB Speicherplatz“ schreibst du „Genug Platz für alle deine Projekte“.

5. Social Proof: Lass andere für dich sprechen

Menschen glauben anderen Kunden eher als dem Unternehmen selbst. Zeig Kundenstimmen, Fallbeispiele, Logos bekannter Kunden oder Auszeichnungen. Echte Namen und Fotos wirken dabei viel stärker als anonyme Zitate.

Code-Beispiel: Grundgerüst einer Landing Page

So könnte das Grundgerüst in HTML aussehen. Es enthält nur das Nötigste, damit der Fokus auf dem Ziel bleibt. Die Angaben zu Sprache, Zeichensatz und Viewport im Kopf sorgen dafür, dass die Seite richtig dargestellt wird und sich auf dem Handy an die Bildschirmbreite anpasst.

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Deine Landing Page</title>
</head>
<body style="font-family: sans-serif; text-align: center;">

    <header style="padding: 50px 20px; background-color: #f4f4f4;">
        <h1>Mehr Anfragen für deinen Betrieb</h1>
        <p>Mit einer Landing Page, die genau auf deine Zielgruppe zugeschnitten ist.</p>
        <a href="#cta" style="background-color: #ff6600; color: white; padding: 15px 30px; text-decoration: none; font-size: 1.2em;">Kostenloses Erstgespräch vereinbaren</a>
    </header>

    <section style="padding: 40px 20px;">
        <h2>Deine Vorteile auf einen Blick</h2>
        <!-- Hier kommen deine Vorteile als Liste oder Icons -->
    </section>

    <section style="padding: 40px 20px; background-color: #f4f4f4;">
        <h2>Was unsere Kunden sagen</h2>
        <!-- Hier kommen deine Testimonials -->
    </section>

    <footer id="cta" style="padding: 50px 20px;">
        <h2>Bereit für mehr Anfragen?</h2>
        <a href="#cta" style="background-color: #ff6600; color: white; padding: 15px 30px; text-decoration: none; font-size: 1.2em;">Jetzt Gespräch anfragen</a>
    </footer>

</body>
</html>

Fazit

Eine Landing Page führt Besucher ohne Umwege zu dem, was sie suchen, und zu dem, was du von ihnen willst. Viele Betriebe schicken ihre Werbung noch immer auf die Startseite. Mit einer eigenen Seite je Angebot und Zielgruppe holst du mehr aus dem Geld heraus, das du für Anzeigen ausgibst. Denk dabei auch an eine barrierefreie Website, damit alle Besucher dein Angebot nutzen können. Anregungen und Beispiele findest du bei Unbounce.