👉 15 Mobile Landing Page Best Practices vist sig at få store resultater

Begynderens Guide til Lead Generation

Vidste du, at 51% af kunderne siger, at de bruger mobile enheder til at finde nye mærker og produkter? Siden Mobil og mobil apparater kom ind på scenen, har de løbende taget trafik fra stationære computere.

Så hvorfor understøtter mobile konverteringer stadig mindre desktopkonverteringer?

Nå er der nogle grunde. Nogle af disse grunde, som shopper bekymring om sikkerheden ved deres oplysninger, har du ringe kontrol over. En af grundene til, at mobilkonvertering stadig ligger bag desktopkonverteringer, har du fuldstændig kontrol over: dine mobillandingssider.

Hvad er en destinationsside?

En destinationsside er en enkelt webside, der vises, når du klikker på et søgeresultat eller en onlineannonce. Disse sider har typisk et enkelt opkald til handling eller formål og minimal design og navigation.

I denne artikel vil vi gå igennem 15 bedste landingsside bedste praksis, der vil øge din mobilomregning. Vi pakker op med nogle eksempler på eksempler på eksemplarer, der vil inspirere dig til at oprette din egen.

Mobile Landing Page Best Practices

De bedste mobile destinationssider tager fat på opmærksomheden, kræver en handling og får en omstilling. Færdig og færdig.

Når du finder dig selv på en velegnet mobillandingsside, sukker noget inde i dig sandsynligvis lykkeligt, fordi det bare er, og det er rigtigt og er så nemt at bruge.

Du kan selv lave dine egne destinationssider med disse 15 mobiloptimeringstips, så lad os komme ind i det.

1. Opret en separat mobillandingsside

Det er ikke nok at være, Äumobile først, eller, Respondent, mere. Dine mobillandingssider skal konstrueres specifikt til mobil brug, eller de skal ikke konvertere den måde, du vil have dem til.

Problemet med lydhør design er, at alle elementerne stadig var designet til desktop, ikke mobile. Selv strømmen af ​​siden blev oprettet til desktop brug. Da mobilbrugere søger og gennemsøger websteder forskelligt fra stationære brugere, skal dine destinationssider tilpasses for hver enhed, der skal bruges i hele kundens rejse.

Det er vigtigt at kortlægge kunderejsen og opbygge dit websted optimeret til de enheder, der skal bruges undervejs.

PayPal gør et godt stykke arbejde med at skabe en helt anden oplevelse for brugere af mobil og desktop. Deres stationære destinationsside, mens den stadig er minimalistisk, er visuelt engagerende og tiltalende.

Deres mobillandingsside er meget enkel. Der er mulighed for at logge ind og en menu, hvis du vil se yderligere muligheder, men det primære fokus er to knapper, der tager dig til flere oplysninger om brug af PayPal til personlig brug eller erhvervsmæssig brug. Dette eliminerer behovet for en mobil besøgende til at rulle gennem webstedet for at finde de oplysninger, de leder efter.

Som du kan se, er begge landingssider visuelt tiltalende, og begge håndterer meget forskellige besøgsbehov. Den mobile landingsside er bygget til at hjælpe besøgende med at finde information eller udføre opgaver hurtigt, mens skrivebordets destinationsside er rettet mere mod besøgende med tid til at bruge.

2. Brug Click-to-Call

Hvis nøgledata som lager, forretningstid og prissætning ikke vil være let tilgængelige på dit websted, skal dine kontaktoplysninger være. For et mobilt websted betyder det at bruge en klik for at ringe-knap, der er let at få øje på og stor nok til at klikke på.

Mobilbrugere er interesserede i at få de data, de leder efter lige nu. Hvis de ikke kan finde det hurtigt på dit websted, vil de søge efter en nem måde at kontakte dig for at få den information, de har brug for.

3. Gennemfør Click-to-Scroll

Hovedparten af ​​tiden er en kortere destinationsside bedre. Der er imidlertid tidspunkter, at brugerne vil gennemse din lagerbeholdning eller læse noget på dit websted. I disse tilfælde kan du bruge klik-til-rulle.

Click-to-scroll betyder, at du opretter navigationsknapper, som en bruger kan klikke for at tage dem til en længere rulleside. I stedet for at tvinge på dit websteds besøgende, tillader du dem at træffe beslutningerne.

String Automotive gjorde deres egne A / B-test for deres mobillandingsside og fandt det Tilføjelse af klik-til-rullefunktionalitet reducerede deres afvisningshastighed med 37%.

4. Brug Sticky Headers & Footers

Selvom skærmfast ejendom er værdifuldt på mobillandingssider, er det vigtigt at holde din opfordring til handling eller den navigation, du bruger til din mobillandingsside, let tilgængelig. Sticky navigation lader besøgende find hvad de leder efter omkring 22% hurtigere, som er en big deal for mobile destinationssider.

Også, bogstaveligt talt alle foretrækker websteder med klæbrig navigation, selv når de ikke kan forklare hvorfor.

5. Brug mobiloptimerede popups

Popups kan være nyttige og effektive til blygenerering på mobile destinationssider, hvis du sørger for, at de er optimeret til mobil. En stor del af den optimering betyder at holde dem så enkle som muligt, så begræns din formular til blot nogle få felter eller endda bare en e-mail-adresse. Du kan altid nå ud til den besøgende på den medfølgende e-mail-adresse for senere information.

De popups, der bruges til mobil, skal matche din mobillandingsstørrelse og ikke være en byrde for, at den besøgende lukker eller vælger.

Der er dem der vil fortælle dig, at mobilwebsites aldrig burde have popups, men flere Jared Ritchey-kunder har set stor succes med deres:

  • ChinaImportal øgede kundeemner med 18%
  • Advisor Coach så 3X over hele verden konverteringer
  • Salt Strong konverterede 3,8% af de mobile besøgende

Når det bruges korrekt, er popups en fantastisk tilføjelse til din konverteringsfrekvensoptimeringsstrategi.

6. Craft Shorter Copy

Din mobillandingsside skal ikke indeholde al kopien fra dit skrivebordsside. Dette er et sted at bruge kortere, forkortet kopi.Du kan og bør stadig være klog og farverig, men du vil gerne komme hurtigt, eller dine besøgende vil blive frustreret over dig og forlade.

Her er nogle måder, du kan reducere teksten på din mobillandingsside:

Skær alt, hvad du kan, uden at ofre klarhed

Målet er at være kort og kortfattet, ikke at skære ud centrale punkter, der vil gøre eller ødelægge din besked. Hvis noget tilføjer værdi, skal du forlade det.

Brug Bullet Points

Kuglepunkter er gode til at få nøglepunkter på tværs i mindre klumper uden at skulle bruge understøttende kopi omkring dem. De har også den ekstra fordel at tegne besøgendes øje, hvilket gør dem mindre tilbøjelige til at blive overset.

Hold sætninger og afsnit kort

Setninger og afsnit skal både være korte og lette at læse. Der bør ikke være nogen mure af tekst på din side. At bryde op teksten holder den besøgende interesseret og gør det nemmere at finde vigtige punkter.

Glem ikke, at du arbejder med mindre plads på en mobillandingsside end et desktop-websted. En 10-ords overskrift kan ende med at være 7 linjer med tekst som denne ufattelige mobillandingsside fra HubSpot:

7. Gå let på visuelle og videoer

Billeder og videoer tager data. Ikke alle brugere, der når din mobillandingsside, kommer til at være på WiFi; nogle vil bruge deres begrænsede cellulære data. Hold billeder til et minimum, og sørg for at optimere de billeder, du bruger, for at sikre, at de komprimeres.

Hvis du skal bruge videoer, vil du helt sikkert ikke have dem sat til auto-play. Det betyder, at dine besøgende bliver nødt til at klikke på dem for at afspille dem, hvilket kan distrahere dem fra din primære opfordring til handling.

En destinationsside behøver ikke at blive slået ned med billeder og videoer for at være visuelt tiltalende. Bare se på denne smukke mobillandingsside fra Evernote:

Det er simpelt, der er ingen tvivl om opfordringen til handling, og den laster meget hurtigt. Det er også meget iøjnefaldende på grund af sin mangel på tunge billeder. Sammenlign det med denne mobillandingsside fra Amrit Yoga:

Sikker på, det er en meget smuk side, men den er fyldt med billeder og er helt for ressourceintensiv at indlæse. Amrit Yoga kunne have formidlet fred og ro i yoga lige så godt med et minimalistisk design ved hjælp af begrænsede billeder og endte med et websted, der lastede meget hurtigere.

8. Gør det hurtigt

Det er super vigtigt at være opmærksom på belastningstider, fordi sidestrømningstiderne øges, også stigningsprocenten øges. Og når en besøgende forlader et websted på grund af langsom belastningstid, kommer næsten 50% af dem aldrig tilbage.

Her er data, som Google afdækkede i deres forskning i 2018:

Interessant nok er den gennemsnitlige tid, det tager at indlæse en mobil landingsside fuldt ud, 15 sekunder. Når du overvejer, at 53% af de besøgende på mobilwebsites vil hoppe, hvis et websted tager længere tid end 3 sekunder at indlæse, tager det gennemsnitlige websted alt for lang tid at indlæse.

Hvis du noterede dig rådene i det foregående tip, skal dit websted allerede blive indlæst hurtigere, da billeder og videoer har tendens til at være nummer et problem med langsomme websteder. Du kan også opgradere din hosting plan til en hurtigere, eller se på et Content Delivery Network (CDN) som MaxCDN.

9. Hold dig til en enkelt kolonne layout

Mobile enheder behøver ikke flere kolonner. De har ikke plads til dem, og alt andet end en enkelt kolonne gør navigation og scrolling føles virkelig besværligt og klumpet.

Selvfølgelig er der også regler, der nogle gange bliver brudt. Hvis du forsøger at fange gæsternes opmærksomhed, kan det være en fordel at lejlighedsvis misalignere indhold. Men for det meste er enkeltkolonne vejen at gå.

Lad os se på forskellen i handling. Først og fremmest synes det officielle regeringssted for staten Alaska ikke at have en mobil landingsside og bruger bare deres almindelige hjemmeside hjemmeside, men det virker til vores eksempel:

De flere kolonner, der arbejder på en almindelig webside, fungerer bare ikke på et mobilt websted. Kan du forestille dig, hvor svært det ville være at navigere på dette websted i et rum på omkring 3 x 5 tommer?

Lad os nu se på Californias mobillandingsside:

Ikke super spændende, men absolut meget nemmere at bruge.

10. Rethink Navigation

Vidste du, at nogle marketing tanke ledere mener, at vi bør afskaffe navigation helt og holdent på mobile destinationssider og fokusere på at skubbe besøgende mod den primære opfordring til handling, som vi vil have dem færdige på siden?

Mange mobile destinationssider bruger en "hamburger" til navigation for at spare plads på mindre skærme. De fleste besøgende er blevet vant til at se dette symbol og ved at klikke på det vil bringe navigationsindstillinger op.

Nogle steder bruger de klæbende overskrifter, som vi talte om i # 4, for at inkludere et par hovednavigationslinks, der er relateret til det primære mål, de har til den mobile landingsside.

11. Optimer formularer til mobil

Det er så meget vigtigt, at du optimerer dine formularer til mobile besøgende. Udfyldning af formularer på en mobilenhed har faktisk en negativ netto sjov værdi, så sørg for, at du får de minimale oplysninger, du har brug for for at nå dit mål. Du kan altid følge op senere for mere information.

Hurtig Tip: Hvis du har et WordPress-websted, kan du bruge et plugin som WPForms, så du hurtigt og nemt kan opbygge formularer, der skal fungere smukt til dine mobile besøgende.

Denne formular fra Learn Jazz Standards er et godt eksempel på, hvad en mobil form skal være:

De sætter dig op med, hvad de tilbyder. Det er lidt wordy, men formularen gør det til det. Tre felter: fornavn, e-mail-adresse og en dropdown for at vælge det instrument du spiller. Boom. Klik på Abonnere, og du er på vej til at lære jazzstandarder.

Likeable Local er en anden historie helt.

Vi er sikker på, at de er dejlige, men vi er ikke sikre på, at vi kan lide dem nok endnu for at bruge den tid, det skal tage for at udfylde 6 tekstfelter og en dropdown på en mobilenhed, før vi kan downloade deres blymagnet.

Hvis du har brug for hjælp til at lave bare den rigtige optin, så tjek dette indlæg alt om, hvordan du opretter mobile optins, der vinder mere forretning.

12. Brug høj kontrast

Farver med høj kontrast tjener et to gange formål til optimering af landingssiden på mobilen.

For det første er de iøjnefaldende, og selv folk, der ikke har designfejlen, kan undertiden finde smukt designede knapper uimodståelige at klikke på.

For det andet bruger folk deres mobile enheder overalt, og naturligt udendørs lys kan gøre det svært at se, hvad der er på skærmen, hvis det er et design med lav kontrast.

Apple gør et fremragende stykke arbejde og bruger høj kontrast med mørkere tekst og billeder på en lys hvid baggrund.

Lindsey Racing, det gør det ikke.

Det sorte, grå og røde design ser ud til at være kantet, som vi antager, er, hvad de skulle til, men alt bliver bare til mush under hårdt lys.

Du vil sikre dig, at du bruger farver, der konverterer godt, og som dukker op under hvilken type belysning dine besøgende tilfældigvis bruger.

13. Brug White Space

Som vi allerede har set med Evernote og Apple, er brugen af ​​hvidt rum en vidunderlig ting. Det skaber interesse og gør de mobile landingssider ser moderne ud. Det giver også øjnene plads til at læse ordene på siden.

Det hvide rum gør også touchscreen-interaktioner nemmere for besøgende og holder uheldige klik til et minimum.

For et kreativt tag på hvidt rum, lad os tage et kig på SquareSpace.

Squarespace's hvide rum viser, at hvidt rum ikke betyder "hvidt" rum. Vi leder efter hvid som i "fri for distraktion." SquareSpace gør dette smukt.

14. Placer opkald til handling øverst på siden

"Over fold" gælder stadig for mobile destinationssider. Ja, mobile brugere er betinget af at rulle, men 80% af en mobilbesøgers opmærksomhed bruges stadig øverst på siden, før den første instinktuelle rulle. Det er her dit primære opfordring til handling skal være.

Drift gør et godt stykke arbejde med at holde deres opfordring til handling mod toppen af ​​siden og gør opmærksom på det med en lille farveændring. De har siden ændret denne seje funktion, men vi ønskede at bruge den her for at vise dig, hvad der kan gøres.

Når du ruller ned driftens side, får du det samme opkald til handling (uden farverne) omkring halvvejs for at minde dig om, hvorfor du er der.

Hvis du er usikker på, hvad der gør et godt tiltag til handling, kan vi hjælpe dig med at oprette den perfekte opfordring til handling.

15. A / B-test

Vi reddede den vigtigste mobile destinationsside bedste praksis for sidst: A / B-test. Du får så mange oplysninger, som du kan bruge til at gøre dit websted bedre, øge konverteringer og øge din indtjening bare ved at lave subtile ændringer.

Her er det grundlæggende format for at køre en A / B-test:

  • Bestem, hvilket problem du vil løse, såsom stigende konverteringsfrekvenser.
  • Bestem, hvad du vil sammenligne; for eksempel ville 10% rabat konvertere bedre end gratis forsendelse?
  • Udfør testen ved at oprette to versioner af destinationssiden, den eneste forskel er det emne, du vil sammenligne.
  • Find ud af vinderen ved at analysere dine data og gennemgå resultaterne af din A / B-test.
  • Gennemgå og genoptage dine eksperimenter.

Der er bogstaveligt talt tusindvis af måder at opdele dit websted for at splitte test det. For nogle ideer, kig på dette indlæg af 11 bedste metoder til A / B-test.

Bedste Mobile Landing Pages That Convert

Nu hvor du er ekspert på design og testning, lad os se på nogle eksempler på eksempler på en mobiltelefon, skal vi? Du har allerede set nogle af vores favoritter i eksemplerne ovenfor, men her er nogle af de bedste eksempler, vi har fundet.

Todoist

Hvorfor vi elsker det:

  • Høj kontrast
  • Opkald til handling mod toppen af ​​siden
  • hvidt rum
  • minimal grafik

Operatør

Hvorfor vi elsker det:

  • Sjov brug af grafik
  • Super enkel form
  • Høj kontrast
  • Ingen kæmpe mur af tekst

Zero Financial

Hvorfor vi elsker det:

  • Bruger video, men afspiller ikke automatisk
  • Opkald til handling er øverst på siden
  • Flot billedsprog
  • Fremragende brug af hvidt rum

Vivint

Hvorfor vi elsker det:

  • Emosionel grafik trækker ved hjertestrengene
  • Stor kontrast
  • Klik for at ringe-knappen
  • Kopier er til punktet

Der har du det! 15 bedste landingsside bedste praksis og optimeringsteknikker til at øge dine konverteringer og engagementer på mobilen. Hvis du leder efter flere måder at øge din mobil konverteringsfrekvens på, skal du tjekke disse 19 dokumenterede metoder.

Jared Ritchey kan være den ledende generation partner, du har ledt efter. Kom med os i dag. Hvad venter du på?

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: