Mobile B2B-Personalisierung ist oft ein Nachgedanke. Personalisierungsregeln werden im Desktop-Browser entworfen, auf einem 27-Zoll-Monitor geprüft und freigegeben, bevor jemand die Variante auf einem Smartphone öffnet. Dann tippt ein Käufer auf einen Link in einer LinkedIn-Nachricht, erhält den Standard-Hero, weil der personalisierte Block zu spät geladen hat, und scrollt an einer Fallstudien-Karte vorbei, die in eine Spalte von zwei Wörtern Breite gequetscht wurde.
Wie wichtig das ist, hängt von Ihrem Traffic ab, und das sollten Sie prüfen, bevor Sie weiterlesen. Dieser Beitrag zeigt, wie Sie das mobile Potenzial anhand Ihrer eigenen Daten abschätzen, was sich ändert, wenn Sie für einen kleinen Bildschirm personalisieren, welche CTA- und Formularmuster auf dem Smartphone funktionieren, wie Sie Varianten auf echten Geräten testen und in welchen Situationen mobile Besuche die höchste Kaufabsicht tragen.
Beginnen Sie mit Ihrer eigenen Geräteverteilung
Veröffentlichte Zahlen zum „Anteil des mobilen B2B-Traffics“ schwanken stark und vermischen sehr unterschiedliche Websites, für die Planung taugen sie daher kaum. Ihre Analytics beantwortet die Frage für Ihr Unternehmen in wenigen Minuten:
- Öffnen Sie in GA4 Berichte → Technologie → Technologie-Details und stellen Sie die Dimension auf Gerätekategorie um. Verwenden Sie die letzten 90 Tage.
- Ergänzen Sie einen Vergleich für den Traffic, den Sie tatsächlich personalisieren (zum Beispiel ein Segment identifizierter Zielaccounts oder Sitzungen aus Paid- und E-Mail-Kampagnen).
- Notieren Sie den Anteil an Sitzungen und an Schlüsselereignissen (Demo-Anfragen, Kontaktformulare) für Mobile vs. Desktop.
- Wiederholen Sie das für Ihre drei Landingpages mit dem meisten Traffic. Auf einer Seite, die Klicks aus E-Mails und Social Media erhält, ist der Mobile-Anteil oft ganz anders als auf der Startseite.
Zwei Muster sind es wert, darauf zu reagieren. Hat Mobile einen großen Anteil an den Sitzungen, aber einen kleinen an den Conversions, verliert das mobile Erlebnis vermutlich Nutzer. Ist Mobile insgesamt gering, auf bestimmten Kampagnenseiten aber stark, personalisieren Sie zuerst diese Seiten für Mobile und lassen den Rest unverändert.
Seien Sie vorsichtig mit der Conversion-Lücke. Ein Teil davon ist kein Problem: Viele Käufer lesen auf dem Smartphone und konvertieren später am Laptop. Prüfen Sie das geräteübergreifende Bild, bevor Sie der mobilen Seite die Schuld geben (siehe Abschnitt zu den Kennzahlen unten).
Was sich auf einem kleinen Bildschirm ändert
Ein personalisiertes Element im sichtbaren Bereich, nicht vier
Ein Desktop-Hero kann eine personalisierte Headline, eine Logoleiste aus der Branche des Besuchers, ein Testimonial und einen CTA nebeneinander zeigen. Auf einem 375 Pixel breiten Smartphone passen auf den ersten Bildschirm die Headline, ein oder zwei Zeilen Untertext und eventuell ein Button. Entscheiden Sie, welches einzelne Element „das ist für Sie“ signalisiert, und sorgen Sie dafür, dass es ohne Scrollen sichtbar ist. In den meisten B2B-Setups ist das die Headline, weil sie das günstigste variable Element ist und zuerst gelesen wird.
Die Rendering-Geschwindigkeit entscheidet, ob die Variante überhaupt gesehen wird
Clientseitige Personalisierung funktioniert meist so: Die Standardseite wird gerendert, ein Skript fragt den Personalisierungsdienst, wer der Besucher ist, und tauscht dann Inhalte aus. Bei einer langsameren mobilen Verbindung ist die Lücke zwischen diesen Schritten länger, sodass der Besucher entweder kurz die Standardversion vor der Variante sieht (Flackern) oder einen leeren Block, während gewartet wird. Beides hilft nicht.
Um Ihre Seite zu prüfen, öffnen Sie die personalisierte Seite in den Chrome DevTools, stellen die Netzwerkdrosselung auf eine der langsameren Voreinstellungen (etwa Slow 4G) und die CPU-Drosselung auf 4x und zeichnen ein Performance-Profil auf. Achten Sie darauf, wann die Varianten-Headline im Vergleich zur Standardversion erscheint. Prüfen Sie dann dieselbe URL in PageSpeed Insights und vergleichen Sie den Largest Contentful Paint der personalisierten und der Standardversion. Wenn die Variante den LCP spürbar verzögert, verlagern Sie die Entscheidung nach vorn: serverseitig, am Edge oder zumindest so, dass nur der ausgetauschte Block (nicht die ganze Seite) verborgen bleibt, bis er bereit ist.
Kein Hover
Tooltips, Panels, die sich beim Hover öffnen, und Fallstudien-Vorschauen per Mouse-over funktionieren auf Touchscreens nicht. Jede personalisierte Komponente, die auf Hover setzt, braucht ein Tap-Äquivalent. Für Touch-Ziele verlangt das erweiterte Kriterium von WCAG 2.2 mindestens 44 × 44 CSS-Pixel; es ist ein AAA-Kriterium, aber eine sinnvolle Untergrenze für primäre Buttons.
Kurze Sitzungen und derselbe Käufer auf einem anderen Gerät
Mobile Besuche sind oft kurz und werden später am Laptop fortgesetzt. Ein auf dem Smartphone gesetztes Cookie ist auf dem Laptop nicht verfügbar, cookiebasierte Segmente folgen der Person also nicht. Identifizierung auf Unternehmensebene (Reverse IP oder Anreicherung im Netzwerk, in dem der Besucher sich befindet) und im CRM bekannte Kontakte, die getrackte Links klicken, sind die Signale, die sich in der Regel übertragen. Planen Sie Personalisierungsregeln so, dass sie auch dann sinnvoll sind, wenn der Besucher auf jedem Gerät nur eine einzige Sitzung hat.
Layout-Muster für personalisierte Blöcke
Legen Sie eine mobile Reihenfolge für Ihre personalisierten Blöcke fest, bevor das Design sie stapelt. Eine gängige Reihenfolge: Headline, dann CTA, dann Belege (Logo oder einzeiliges Zitat eines ähnlichen Unternehmens), dann ergänzende Inhalte wie eine Fallstudien-Karte. Wenn die Desktop-Spalten zusammenklappen, erscheinen die Blöcke in dieser Reihenfolge statt in der, die das Grid zufällig erzeugt.
Weitere Muster, die sich bewähren:
- Verdichten statt verstecken. Eine Fallstudien-Karte auf dem Desktop zeigt vielleicht eine Headline, eine Zusammenfassung in zwei Sätzen und ein Ergebnis. Zeigen Sie mobil die Headline und das Ergebnis und legen Sie die Zusammenfassung hinter einen Tap. Das personalisierte Signal (Branchenname, Kundenlogo) bleibt sichtbar.
- Kurze horizontale Karussells für Nachweise. Wenn Sie mehrere Testimonials personalisieren, braucht eine wischbare Reihe weniger vertikalen Platz als untereinander gestapelte. Beschränken Sie sich auf wenige Elemente und deaktivieren Sie das automatische Weiterblättern auf Touch-Geräten, wo es gegen das Wischen des Nutzers arbeitet.
- Halten Sie Variantentexte schon an der Quelle kurz. Eine Headline, die auf dem Desktop zwei Zeilen füllt, kann auf dem Smartphone auf fünf umbrechen. Schreiben Sie die Variante jedes Segments mit Zeichenlimit und prüfen Sie sie vor der Veröffentlichung bei 375 Pixeln.
CTAs und Formulare auf Mobilgeräten
Hat Ihr Produkt eine Begleit-App, ist Mobile-Besuchern mit einem Installations-CTA womöglich besser gedient als mit einem Demo-Formular. Unsere Beispiele für App-Landingpages zeigen, wie Teams Store-Badges und Smart App Banner einsetzen, ohne die Web-Conversion zu verlieren.
Sticky CTA, personalisiert nach Segment
Auf dem Smartphone scrollt der Haupt-CTA schnell aus dem Blickfeld. Eine schmale fixierte Leiste am unteren Rand hält ihn erreichbar. Ihre Beschriftung lässt sich leicht personalisieren, zum Beispiel:
- Identifizierte Enterprise-Accounts: „Mit dem Enterprise-Team sprechen“
- Kleinere Unternehmen: „Pläne und Preise ansehen“
- Wiederkehrende Besucher, die die Preise angesehen haben: „Demo-Termin wählen“
Halten Sie die Leiste so klein, dass sie keine Inhalte verdeckt, und achten Sie darauf, dass sie nicht über dem Cookie-Banner oder einem Chat-Widget liegt. Mehr dazu, wie Sie CTA-Formulierungen auf Segmente abstimmen, lesen Sie unter datengestützte personalisierte CTAs.
Kürzere Formulare und weniger Felder zum Ausfüllen
Tippen auf dem Smartphone ist langsam, daher kostet jedes Feld mehr als am Desktop. Unser Leitfaden zum Lead-Formular plädiert dafür, nur abzufragen, was Sie nicht nachschlagen können; mobil gilt dieses Argument umso mehr.
- Anreicherung statt Dropdowns nutzen. Wenn das Unternehmen identifiziert ist, füllen Sie Firmenname, Größe und Branche vorab aus oder lassen Sie diese Felder weg. Zeigen Sie das vorausgefüllte Unternehmen mit einem Link „Bearbeiten“, statt den Besucher alles bestätigen zu lassen.
- Wählen Sie die richtigen Eingabetypen.
type="email"undtype="tel"öffnen die passende Tastatur, und mit dem Attributautocomplete(email,name,organization) kann das Smartphone gespeicherte Angaben automatisch ausfüllen. - Verschieben Sie zweitrangige Fragen nach hinten. Fragen Sie Telefonnummer oder Projektdetails auf der Dankesseite oder im Terminplaner ab, nachdem die Haupt-Conversion erfasst ist.
Messen Sie den Effekt an Ihrem eigenen Traffic. Vergleichen Sie Formularstart- und Abschlussraten mobiler Sessions vorher und nachher und prüfen Sie, ob sich die Lead-Qualität ändert; eine Stichprobenprüfung aus unserem Leitfaden zur Stichprobengröße bei A/B-Tests zeigt Ihnen, wie lange das dauert.
Click-to-Call für die Segmente, die es wollen
Ein tel:-Link ist auf dem Smartphone ein Tippen. Für Enterprise-Segmente, bei denen ein Anruf ein normaler nächster Schritt ist, kann ein Button „Unser Enterprise-Team anrufen“ funktionieren. Bei Self-Service-Segmenten meist nicht: Ein Käufer aus einem kleinen Unternehmen, der das Produkt ausprobieren will, will kaum einen Vertriebsanruf. Das ist ein Fall, in dem Segmentregeln eine schlechte Experience ebenso verhindern, wie sie eine gute schaffen.
Varianten auf echten Geräten testen
Prüfen Sie jede personalisierte Variante vor dem Launch in drei Breiten:
| Profil | Testbreite | Was üblicherweise kaputtgeht |
|---|---|---|
| Kleines Smartphone | 320-375 px | Lange Varianten-Headlines brechen um, eine Sticky-Leiste verdeckt das Formular, Buttons rutschen unter den Fold |
| Normales Smartphone | 390-430 px | Flackern bei langsameren Verbindungen, Karussell-Wischgesten, die mit dem Seiten-Scrollen kollidieren |
| Tablet | 768-1024 px | Desktop-Layout mit Touch-Eingabe, sodass reine Hover-Elemente nicht mehr funktionieren |
Die Geräteemulation in den DevTools reicht für das Layout. Sie bildet aber kein echtes Touch-Verhalten, kein echtes Schrift-Rendering und nicht die CPU eines Mittelklasse-Smartphones nach, daher sollten Sie jede Variante vor dem Livegang auf mindestens einem physischen Smartphone öffnen. Um eine Variante zu sehen, ohne im Segment zu sein, nutzen Sie den Vorschaumodus Ihres Personalisierungs-Tools oder einen URL-Parameter, der sie erzwingt.
Was Sie für Mobilgeräte separat tracken sollten
- Scrolltiefe auf personalisierten Seiten. Erreichen die meisten Mobile-Besucher den personalisierten Beleg-Block nie, verschieben Sie ihn nach oben oder lassen Sie ihn mobil weg.
- Formularstarts und -abschlüsse nach Gerät. Eine niedrige Startrate deutet auf die Seite hin, eine niedrige Abschlussrate auf die Felder.
- Rage Taps und Dead Taps. Tools für Sitzungsaufzeichnungen markieren wiederholtes Tippen auf Elemente ohne Funktion, was meist bedeutet, dass etwas wie ein Link aussieht, aber keiner ist.
- Rückkehr über andere Geräte. Wie viele identifizierte Unternehmen kommen innerhalb einer Woche nach einem mobilen Besuch am Desktop zurück, und konvertieren sie dort? Wenn das viele tun, bewerten Sie mobile Seiten danach, ob sie diesen erneuten Besuch auslösen, nicht nur nach mobilen Conversions.
Wo mobile Besuche die meiste Kaufabsicht zeigen
Events
Teilnehmende schauen sich zwischen den Sessions Anbieter an. Wenn Sie ausstellen, planen Sie für die Eventtage eine Regel, die Besuchern aus der Gastgeberstadt (oder aus den Unternehmen der Teilnehmerliste) einen Hero mit Bezug zum Event und einen Link zur Terminbuchung am Stand zeigt. Entfernen Sie sie am letzten Eventtag. Unser Leitfaden zur Lead-Erfassung auf Events behandelt das Follow-up.
E-Mail- und LinkedIn-Klicks
Prüfen Sie den Gerätebericht Ihrer E-Mail-Plattform: Bei den meisten Listen findet ein großer Teil der Öffnungen und Klicks auf Smartphones statt. Ein Klick aus einer Kampagnen-E-Mail verrät Ihnen bereits, wofür sich der Besucher interessiert hat. Übergeben Sie das per UTM-Parameter und wählen Sie damit die Variante, damit die Seite das Thema der E-Mail fortführt, statt auf einer generischen Startseite neu anzufangen.
Vom Vertrieb versendete Links
Wenn ein Vertriebler einen Link in einer LinkedIn-Nachricht oder einer Follow-up-E-Mail schickt, tippt der Interessent ihn oft auf dem Smartphone an. Geben Sie Vertrieblern getrackte Links (mit Account oder Kampagne in den Parametern), die eine Seite zu dem Thema öffnen, über das der Vertriebler gesprochen hat. Hier lässt sich Personalisierung auf Account-Ebene am leichtesten rechtfertigen, weil der Kontext explizit ist.
Lesen unterwegs
Wer im Zug liest, überfliegt und bewertet nicht. Eine Option „Diese Case Study per E-Mail senden“ passt oft besser als ein Demo-Formular und gibt Ihnen einen Anlass zum Nachfassen, wenn die Person wieder am Schreibtisch sitzt.
Ein Startpunkt für zwei Wochen
- Ziehen Sie die Geräteverteilung für Sitzungen und Conversions, insgesamt und für Ihre personalisierten Segmente.
- Wählen Sie die eine Seite, auf der der Mobilanteil bei diesen Segmenten am höchsten ist.
- Prüfen Sie die personalisierte Variante dieser Seite auf einem echten Smartphone und mit gedrosselter Verbindung. Beheben Sie zuerst Flackern und Layoutprobleme.
- Fügen Sie einen segmentabhängigen Sticky-CTA hinzu und kürzen Sie das mobile Formular auf die Felder, die Sie nicht anreichern können.
- Vergleichen Sie mobile Formularstarts, Formularabschlüsse und geräteübergreifende Rückkehrer mit dem Vorzeitraum und entscheiden Sie dann, ob Sie die Änderungen ausweiten.
Wenn Sie das Signal auf Unternehmensebene brauchen, das einen Wechsel vom Smartphone zum Laptop übersteht: Die Besucheridentifizierung von Markettailor erkennt das besuchende Unternehmen auf beiden Geräten, und mit der Segmentierung bauen Sie darauf die oben genannten Mobilregeln auf.