Mobile Landing Page

Definition: Eine mobile Landing Page ist eine speziell für Smartphones optimierte Zielseite auf die Nutzer nach dem Klick auf eine Werbeanzeige, einen Link oder eine Suchanfrage weitergeleitet werden – mit einem einzigen klaren Conversion-Ziel (App-Download, Lead-Formular, Kauf, Anruf). Kernanforderungen: Ladezeit unter 2,5 Sekunden (LCP), einspaltiges Layout, CTA-Button above the fold (ohne Scrollen sichtbar bei 375×667 px), Touch-optimierte Bedienelemente (mindestens 44×44 pt), minimale Formularfelder und klare visuelle Hierarchie. Mobile Landing Pages unterscheiden sich von Desktop-Landing-Pages durch: begrenzte Bildschirmfläche (nur ~3–4 Scroll-Screens sinnvoll), höhere Bounce-Rate bei Ladezeit über 3 Sekunden (+50 % Bounce vs. 1-Sekunde-Seite laut Google-Studie), und Touch-natürliche Interaktionen (Swipe, Tap statt Klick). Click-to-Call-Elemente sind auf mobilen Landing Pages besonders effektiv da Nutzer direkt aus dem Kontext anrufen können.

Erläuterung

Die mobile Landing Page ist das kritischste Element einer Performance-Marketing-Kampagne: perfekt optimierte Anzeigen auf Google oder Meta bringen nichts wenn die Landing Page langsam lädt oder auf Mobile schlecht bedienbar ist. Der häufigste Conversion-Verlust passiert nicht in der Anzeige sondern auf der Landing Page nach dem Klick.

Design und UX-Anforderungen

Above-the-fold-Struktur: Headline (Problem oder Value Proposition klar in unter 10 Wörtern); Sub-Headline (erläutert Nutzen); Hero-Bild oder Video-Thumbnail (optional aber wirkungsvoll); primärer CTA-Button (groß, kontraststark, Action-orientiert: «Jetzt kostenlos testen»); alle 4 Elemente sichtbar ohne Scrollen bei iPhone SE (375×667 px als Benchmark)
Scroll-Struktur: Section 2 (after fold): Beweise – Testimonials, Bewertungen, Trust-Signale (TÜV, SSL, bekannte Kunden); Section 3: Hauptvorteile (3 Bullets maximal); Section 4: FAQ (häufigste Einwände ausräumen); Section 5: sekundärer CTA (Wiederholung des primären CTAs); Seitenlänge: 3–5 Screens optimal; zu lang = Verlust der Aufmerksamkeit
Formular-Optimierung: Jedes Pflichtfeld kostet statistisch 5–10 % CVR; Minimum: E-Mail + CTA (für Lead-Gen); nie: Telefonnummer, Adresse als Pflichtfeld wenn nicht zwingend nötig; Autocomplete-Attribute: browser füllt Felder vor (name, email, tel); Input-Types korrekt (tel für Telefon zeigt Zahlen-Tastatur); Submit-Button: immer ausreichend groß (volle Breite empfohlen)
Click-to-Call: Für lokale Unternehmen: Telefonanruf als primärer Conversion-Goal; CTA: «Jetzt anrufen» + Telefonnummer als tap-to-call-Link (href="tel:+4912345678"); oft besser als Formular für Handwerker, Ärzte, lokale Dienstleister; Tracking: Google Ads Call-Tracking oder CallRail für Anruf-Attribution; Öffnungszeiten prominent anzeigen

Ladezeit und Performance

Ladezeit-Impact: Google/SOASTA-Studie: 1 Sekunde mehr Ladezeit = 7 % CVR-Verlust; 3 Sekunden Ladezeit = 53 % Bounce-Rate auf Mobile (vs. 9 % bei 1 Sekunde); LCP (Largest Contentful Paint) unter 2,5 Sekunden als Pflicht; PageSpeed Insights Mobile-Score als Qualitäts-Checkpoint vor Kampagnen-Start
Bildoptimierung: Hero-Bild: WebP-Format, max. 100–200 KB; srcset für verschiedene Bildschirmbreiten; Lazy Loading für Below-Fold-Bilder; kein Auto-Play-Video above the fold (Ladezeit und Nutzer-Ablenkung); Poster-Frame für Video: zeigt Bild bis User Play tappt
Drittanbieter-Scripts minimieren: Jedes Analytics-, Chat- und Tracking-Script kostet Ladezeit; minimal nötige Scripts behalten; async/defer für nicht-kritische Scripts; Tag-Manager: weniger Tags auf Landing Pages als auf der gesamten Website; Server-Response-Time (TTFB) unter 600ms

Tools und A/B-Testing

Landing Page Builder: Unbounce: mobile-optimierte Templates, A/B-Testing, Smart Traffic (KI-basierte Besucher-Routing); Instapage: AMP-Support, heatmaps, Collaboration; Leadpages: günstiger Einstieg, Drag-and-Drop; Webflow: custom Design + Performance; für Ad-Kampagnen ohne Entwickler: Unbounce oder Instapage empfohlen
A/B-Test-Prioritäten: 1. Headline (größter Impact); 2. CTA-Text und -Farbe; 3. Hero-Bild vs. kein Bild; 4. Formular-Felder Anzahl; 5. Social Proof Platzierung; Tools: Google Optimize (eingestellt 2023), VWO, Optimizely; Mindest-Sample: 500–1.000 Conversions pro Variante für statistische Signifikanz
Google Ads Quality Score: Landing Page Experience ist ein Quality-Score-Faktor; mobile Ladezeit direkt relevant; Inhalt-Relevanz: Landing Page muss Keyword-Intention erfüllen; Google's PageSpeed Insights direkt für Quality Score; höherer Quality Score = niedrigerer CPC (bis 50 % günstiger als schlechter Score)

Praxistipp: Reduzieren Sie Formulare auf Mobile auf das absolute Minimum – für Lead-Generierung reicht oft nur die E-Mail-Adresse als Pflichtfeld. Testen Sie Ihre Landing Page VOR Kampagnen-Start mit PageSpeed Insights (Mobile-Tab): wenn der Score unter 60 liegt, verlieren Sie Budget durch Bounce-Rate. Click-to-Call ist für lokale Unternehmen oft der effektivste CTA auf Mobile: ein prominenter «Jetzt anrufen»-Button mit direktem Tel-Link übertrifft häufig Formular-CTAs um Faktor 3–5 in der Conversion-Rate.