Mobil B2B-personalisering er ofte en eftertanke. Personaliseringsregler designes i en desktopbrowser, gennemgås på en 27-tommers skærm og godkendes, før nogen åbner varianten på en telefon. Så trykker en køber på et link i en LinkedIn-besked, får standard-heroen, fordi den personaliserede blok blev indlæst for sent, og scroller forbi et case-kort, der er klemt ind i en kolonne på to ords bredde.
Hvor meget det betyder, afhænger af din trafik, og det bør du tjekke, før du læser videre. Dette indlæg dækker, hvordan du vurderer mobilmuligheden ud fra dine egne data, hvad der ændrer sig, når du personaliserer til en lille skærm, de CTA- og formularmønstre, der holder på en telefon, hvordan du tester varianter på rigtige enheder, og de situationer, hvor mobilbesøg har mest intent.
Start med din egen fordeling på enheder
Offentliggjorte tal for "andelen af B2B-trafik på mobil" varierer meget og blander meget forskellige websites, så de er ikke til meget nytte i planlægningen. Dit analyseværktøj besvarer spørgsmålet for din virksomhed på få minutter:
- I GA4 åbner du Rapporter → Teknologi → Teknologidetaljer og skifter dimensionen til Enhedskategori. Brug de seneste 90 dage.
- Tilføj en sammenligning for den trafik, du faktisk personaliserer (fx et segment af identificerede målkonti eller sessioner fra betalte kampagner og e-mailkampagner).
- Notér andelen af sessioner og andelen af nøglehændelser (demoanmodninger, kontaktformularer) for mobil vs. desktop.
- Gentag for dine tre landingssider med mest trafik. Mobilandelen er ofte meget anderledes på en side, der får klik fra e-mail og sociale medier, end på forsiden.
To mønstre er værd at handle på. Hvis mobil udgør en stor del af sessionerne, men en lille del af konverteringerne, mister mobiloplevelsen sandsynligvis folk. Hvis mobil samlet set er lille, men stor på bestemte kampagnesider, så personaliser de sider til mobil først, og lad resten være.
Vær forsigtig med konverteringsgabet. Noget af det er ikke et problem, der skal løses: Mange købere læser på en telefon og konverterer senere på en bærbar. Tjek billedet på tværs af enheder, før du giver mobilsiden skylden (se afsnittet om målinger nedenfor).
Hvad der ændrer sig på en lille skærm
Ét personaliseret element over folden, ikke fire
En desktop-hero kan rumme en personaliseret overskrift, en logobjælke fra den besøgendes branche, en udtalelse og en CTA side om side. På en telefon, der er 375 pixels bred, er der plads til overskriften, en linje eller to undertekst og måske en knap på første skærm. Beslut, hvilket enkelt element der signalerer "det her er til dig", og sørg for, at det er synligt uden at scrolle. I de fleste B2B-opsætninger er det overskriften, fordi den er det billigste element at variere og det første, der læses.
Renderingshastigheden afgør, om varianten overhovedet bliver set
Personalisering på klientsiden fungerer typisk sådan: Standardsiden vises, et script spørger personaliseringstjenesten, hvem den besøgende er, og udskifter så indholdet. På en langsommere mobilforbindelse er pausen mellem de trin længere, så den besøgende enten ser standardversionen blinke, før varianten kommer (flimmer), eller en tom blok, mens den venter. Ingen af delene hjælper.
For at tjekke din egen åbner du den personaliserede side i Chrome DevTools, sætter netværksbegrænsning til en af de langsommere forudindstillinger (fx Slow 4G) og CPU-begrænsning til 4x og optager en performanceprofil. Se, hvornår variantens overskrift vises i forhold til standarden. Kør derefter samme URL gennem PageSpeed Insights, og sammenlign Largest Contentful Paint for den personaliserede og standardversionen. Hvis varianten mærkbart forsinker LCP, så flyt beslutningen tidligere: server-side, ved edge eller i det mindste ved kun at skjule den udskiftede blok (ikke hele siden), indtil den er klar.
Ingen hover
Tooltips, paneler, der vises ved hover, og forhåndsvisninger af cases ved mouse-over gør intet på en touchskærm. Enhver personaliseret komponent, der afhænger af hover, skal have en tryk-ækvivalent. For trykområder kræver WCAG 2.2's skærpede kriterium mindst 44 x 44 CSS-pixels; det er et AAA-kriterium, men en fornuftig minimumsgrænse for primære knapper.
Korte sessioner og den samme køber på en anden enhed
Mobilbesøg er ofte korte og bliver taget op igen senere på en bærbar. En cookie, der er sat på telefonen, er ikke tilgængelig på den bærbare, så cookiebaserede segmenter følger ikke personen. Identifikation på virksomhedsniveau (reverse IP eller berigelse på det netværk, den besøgende er på) og kontakter kendt i CRM, der klikker på sporede links, er de signaler, der som regel følger med. Planlæg personaliseringsreglerne, så de stadig giver mening, hvis den besøgende kun ser én session på hver enhed.
Layoutmønstre til personaliserede blokke
Fastlæg en prioriteret rækkefølge for dine personaliserede blokke på mobil, før designeren stabler dem. En almindelig rækkefølge er: overskrift, så CTA, så dokumentation (logo eller citat på én linje fra en lignende virksomhed) og derefter understøttende indhold som et case-kort. Når desktopkolonnerne klappes sammen, vises blokkene i den rækkefølge i stedet for den rækkefølge, griddet tilfældigvis giver.
Andre mønstre, der holder:
- Kondensér, skjul ikke. Et case-kort på desktop kan vise en overskrift, et resumé på to sætninger og et resultat. På mobil viser du overskriften og resultatet og lægger resuméet bag et tryk. Det personaliserede signal (branchenavnet, kundelogoet) forbliver synligt.
- Korte vandrette karruseller til bevis. Hvis du personaliserer flere udtalelser, fylder en række, man kan swipe, mindre lodret plads end at stable dem. Hold den på få elementer, og slå automatisk skift fra på touchenheder, hvor det kæmper mod brugerens egne swipes.
- Hold varianttekster korte fra starten. En overskrift, der fylder to linjer på desktop, kan blive til fem på en telefon. Skriv hvert segments variant med en tegnbegrænsning, og forhåndsvis den ved 375 pixels før udgivelse.
CTA'er og formularer på mobil
Hvis dit produkt har en tilhørende app, er mobile besøgende måske bedre tjent med en installations-CTA end en demoformular. Vores eksempler på app-landingssider viser, hvordan teams håndterer store-badges og smart app banners uden at miste konverteringen på nettet.
Fastgjort CTA, personaliseret efter segment
Den primære CTA forsvinder hurtigt ud af syne på en telefon. En smal fast bjælke nederst holder den inden for rækkevidde. Dens tekst er et nemt sted at personalisere, for eksempel:
- Identificerede enterprise-konti: "Tal med enterprise-teamet"
- Mindre virksomheder: "Se planer og priser"
- Tilbagevendende besøgende, der har set priserne: »Vælg et tidspunkt til demo«
Hold bjælken så lille, at den ikke dækker indhold, og sørg for, at den ikke ligger oven på cookiebanneret eller en chatwidget. Se datadrevne personaliserede CTA'er for mere om at matche CTA-formuleringer med segmenter.
Kortere formularer og færre felter at udfylde
Det går langsomt at skrive på en telefon, så hvert felt koster mere end på desktop. Vores guide til leadformularen argumenterer for kun at spørge om det, du ikke selv kan slå op; på mobil er det argument endnu stærkere.
- Brug berigelse i stedet for dropdowns. Hvis virksomheden er identificeret, så udfyld virksomhedsnavn, størrelse og branche på forhånd, eller fjern de felter. Vis den forudfyldte virksomhed med et "rediger"-link i stedet for at bede den besøgende bekræfte alt.
- Brug de rigtige inputtyper.
type="email"ogtype="tel"viser de tilsvarende tastaturer, og attributtenautocomplete(email,name,organization) lader telefonen udfylde gemte oplysninger. - Flyt sekundære spørgsmål til senere. Spørg om telefonnummer eller projektdetaljer på taksiden eller i bookingværktøjet, efter at hovedkonverteringen er registreret.
Mål effekten på din egen trafik. Sammenlign raterne for påbegyndte og gennemførte formularer for mobilsessioner før og efter, og tjek, om leadkvaliteten ændrer sig; et tjek af stikprøvestørrelsen fra vores guide til stikprøvestørrelse i A/B-test fortæller dig, hvor lang tid det tager.
Klik for at ringe, til de segmenter, der ønsker det
Et tel:-link er ét tryk på en telefon. For enterprise-segmenter, hvor et opkald er et naturligt næste skridt, kan en knap med »Ring til vores enterprise-team« virke. For selvbetjeningssegmenter gør den som regel ikke: en køber fra en lille virksomhed, der vil prøve produktet, ønsker sjældent et salgsopkald. Det er et tilfælde, hvor segmentregler forhindrer en dårlig oplevelse lige så meget, som de skaber en god.
Test af varianter på rigtige enheder
Tjek hver personaliseret variant i tre bredder før lancering:
| Profil | Bredde at teste | Hvad der typisk går i stykker |
|---|---|---|
| Lille telefon | 320-375 px | Lange overskrifter i varianterne, der ombrydes, en fast bjælke, der dækker formularen, knapper skubbet ned under folden |
| Standardtelefon | 390-430 px | Flimmer på langsommere forbindelser, swipes i karruseller, der konflikter med scroll på siden |
| Tablet | 768-1024 px | At få desktoplayoutet med touch-input, så elementer, der kun virker med hover, holder op med at fungere |
Enhedsemulering i DevTools er fint til layout. Den gengiver ikke ægte touchadfærd, ægte skrifttypegengivelse eller CPU'en i en mellemklassetelefon, så åbn hver variant på mindst én fysisk telefon, før den går live. Brug dit personaliseringsværktøjs preview-tilstand eller en URL-parameter, der gennemtvinger varianten, for at se den uden at være i segmentet.
Hvad du skal spore separat for mobil
- Scrolldybde på personaliserede sider. Hvis de fleste mobilbesøgende aldrig når den personaliserede bevisblok, så flyt den op, eller drop den på mobil.
- Påbegyndte og gennemførte formularer pr. enhed. En lav startrate peger på siden; en lav gennemførelsesrate peger på felterne.
- Rage taps og dead taps. Værktøjer til sessionsoptagelse markerer gentagne tryk på elementer, der ikke gør noget, hvilket som regel betyder, at noget ligner et link uden at være det.
- Tilbagevenden på tværs af enheder. For identificerede virksomheder: Hvor mange kommer tilbage på desktop inden for en uge efter et mobilbesøg, og konverterer de der? Hvis mange gør, så bedøm mobilsider på, om de skaber det tilbagevendende besøg, ikke kun på mobilkonverteringer.
Hvor mobilbesøg har mest intent
Events
Deltagere slår leverandører op mellem sessionerne. Hvis du udstiller, så planlæg en regel for eventdatoerne, der viser besøgende fra værtsbyen (eller fra virksomhederne på deltagerlisten) en hero, der henviser til eventet, med et link til at booke et møde på standen. Fjern den den dag, eventet slutter. Vores guide til leadindsamling ved events dækker opfølgningen.
Klik fra e-mail og LinkedIn
Tjek din e-mailplatforms enhedsrapport: for de fleste lister sker en stor andel af åbninger og klik på telefoner. Et klik fra en kampagnemail fortæller dig allerede, hvad den besøgende var interesseret i. Send det med via UTM-parametre, og brug dem til at vælge varianten, så siden fortsætter mailens emne i stedet for at starte forfra på en generisk forside.
Links sendt af salg
Når en sælger sender et link i en LinkedIn-besked eller en opfølgningsmail, trykker prospektet ofte på det på en telefon. Giv sælgerne trackede links (med kontoen eller kampagnen i parametrene), der åbner en side om det, sælgeren talte om. Det er her, personalisering på kontoniveau er nemmest at retfærdiggøre, fordi konteksten er eksplicit.
Læsning på farten
En person, der læser i toget, skimmer, men evaluerer ikke. En "send mig denne case"-mulighed, der mailer indholdet til dem, passer ofte bedre end en demoformular, og den giver dig en grund til at følge op, når de er tilbage ved skrivebordet.
Et udgangspunkt på to uger
- Træk fordelingen på enheder for sessioner og konverteringer, samlet og for dine personaliserede segmenter.
- Vælg den side, hvor mobilandelen er højest blandt de segmenter.
- Tjek sidens personaliserede variant på en rigtig telefon og på en neddroslet forbindelse. Ret flimmer og layout først.
- Tilføj en fast CTA, der tager højde for segmentet, og skær mobilformularen ned til de felter, du ikke kan berige.
- Sammenlign påbegyndte og gennemførte formularer på mobil samt tilbagevenden på tværs af enheder med den foregående periode, og beslut derefter, om ændringerne skal udvides.
Hvis du har brug for signalet på virksomhedsniveau, der overlever et skift fra telefon til bærbar, finder Markettailors identifikation af besøgende den besøgende virksomhed på begge enheder, og segmenteringen lader dig bygge mobilreglerne ovenfor oven på det.