👉 15 Mobile Landing Page BĂ€sta praxis visat sig fĂ„ stora resultat

Nybörjarens Guide till Lead Generation

Visste du att 51% av kunderna säger att de använder mobila enheter för att hitta nya märken och produkter? Sedan Mobil och bärbara enheter kom på mobilen, har de kontinuerligt tagit trafik från stationära datorer.

Så varför presterar mobila omvandlingar fortfarande mindre än skrivbordskonvertering?

Tja, det finns några skäl. Några av dessa skäl, som shopper bekymmer om säkerheten för deras information, har du liten kontroll över. En av anledningarna till att mobilomvandlingar fortfarande ligger bakom skrivbordskonverteringar du har fullständig kontroll över: dina mobila målsidor.

Vad är en målsida?

En målsida är en enda webbsida som visas när du klickar på ett sökresultat eller en annons på nätet. Dessa sidor har vanligtvis ett samtal till handling eller syfte och minimal design och navigation.

I den här artikeln kommer vi att gå igenom 15 bästa landningssida bästa praxis som kommer att öka dina mobila omvandlingar. Vi kommer att paketera upp några exempel på några exempel på en exemplar på ett mobilt land som inspirerar dig att skapa din egen.

Bestemmelser för mobila landningssidor

De bästa mobila målsidorna tar upp uppmärksamhet, kräver en åtgärd och får en omvandling. Färdig och klar.

När du befinner dig på en bra utformad mobil målsida suger någonting inuti dig lyckligt för att det bara är "Äfeels". Det är rätt och är så lätt att använda.

Du kan göra dina egna målsidor precis som det här med de här 15 mobiliseringssidan optimerings tips, så låt oss komma in i det.

1. Skapa en separat mobil målsida

Det räcker inte för att vara Äumobile först, eller, svarande, längre. Dina mobila målsidor måste utformas specifikt för mobil användning eller de kommer inte att konvertera hur du vill att de ska.

Problemet med lyhörd design är att alla element var designade för skrivbord, inte mobil. Även flödet på sidan skapades för skrivbordsbruk. Eftersom mobila användare söker och surfar webbplatser annorlunda än stationära användare måste dina målsidor anpassas för varje enhet som kommer att användas under hela kundens resa.

Det är viktigt att kartlägga kundresan och bygga din webbplats optimerad till de enheter som kommer att användas under vägen.

PayPal gör ett bra jobb för att skapa en helt annan upplevelse för mobila och stationära användare. Deras skrivbords landningssida, men fortfarande minimalistisk, är visuellt engagerande och tilltalande.

Deras mobila målsida är väldigt enkelt. Det finns ett alternativ att logga in och en meny om du vill se ytterligare alternativ, men det primära fokuset är två knappar som tar dig till mer information om hur du använder PayPal för personligt bruk eller företagsanvändning. Detta eliminerar behovet av en mobil besökare att bläddra igenom webbplatsen för att hitta den information de letar efter.

Som du kan se är båda målsidorna synligt tilltalande och båda hanterar mycket olika besökares behov. Den mobila målsidan är byggd för att hjälpa besökare att hitta information eller slutföra uppgifter snabbt medan skrivbordets målsida är mer anpassat till besökare med tid att spendera.

2. Använd Click-to-Call

Om nyckeldata som lager, öppettider och prissättning inte kommer att vara lättillgängliga på din webbplats måste din kontaktinformation vara. För en mobil webbplats betyder det att du använder en knapp för att ringa som är lätt att hitta och tillräckligt stor för att klicka.

Mobila användare är intresserade av att få de data de letar efter just nu. Om de inte kan hitta den snabbt på din webbplats kommer de leta efter ett enkelt sätt att kontakta dig för att få den information de behöver.

3. Implementera Click-to-Scroll

För det mesta är en kortare målsida bättre. Det finns dock gånger att användarna kommer att vilja bläddra igenom din inventering eller läsa något på din webbplats. I dessa fall kan du använda klicka-till-rulla.

Click-to-scroll betyder att du ställer in navigeringsknappar som en användare kan klicka för att ta dem till en längre, rullande sida. I stället för att tvinga att rulla på webbplatsens besökare tillåter du dem att fatta besluten.

String Automotive gjorde sin egen A / B-testning för sin mobila målsida och fann att lägga till klick-till-rullningsfunktionalitet minskade deras avvisningsfrekvens med 37%.

4. Använd Sticky Headers & Footers

Trots att fastighetsskärmen är dyrbar på mobila målsidor, är det viktigt att du håller ditt anrop till handling eller vilken navigation som du använder för din mobila målsida lättillgänglig. Klibbig navigering låter besökare hitta vad de letar efter ca 22% snabbare, vilket är en stor sak för mobila målsidor.

Även bokstavligen föredrar alla webbplatser med klibbig navigering, även när de inte kan förklara varför.

5. Använd mobila optimerade popup-fönster

Popup-filer kan vara användbara och effektiva för blygenerering på mobila målsidor om du ser till att de är optimerade för mobilen. En stor del av den optimeringen innebär att de ska vara så enkla som möjligt, så begränsa din form till några få fält eller bara en e-postadress. Du kan alltid nå ut till besökaren på den angivna e-postadressen för mer information senare.

Popuperna som används för mobilen ska matcha din mobila målsidestorlek och inte vara en börda för att besökaren ska stänga eller välja bort.

Det finns de som kommer att berätta att mobila webbplatser aldrig borde ha popups, men flera Jared Ritchey-kunder har haft stor framgång med sina:

  • ChinaImportal ökade leder med 18%
  • Advisor Coach såg 3X övergripande omvandlingar
  • Salt Strong konverterade 3,8% av mobil besökare

När du använder rätt är popup-fönster ett bra komplement till din optimeringsstrategi för omvandlingsfrekvens.

6. Craft Shorter Copy

Din mobil målsida ska inte innehålla all kopia från skrivbordet. Detta är en plats att använda kortare, förkortad kopia.Du kan och borde fortfarande vara smart och färgstark, men du vill snabbt komma till rätta eller dina besökare blir frustrerade med dig och lämnar.

Här är några sätt du kan minska texten på din mobil målsida:

Klipp allt du kan, utan att offra klarhet

Målet är att vara kortfattad och kortfattad, inte att skära ut viktiga punkter som kommer att göra eller bryta ditt meddelande. Om något lägger till värde, lämna det.

Använd Bullet Points

Bullet-poäng är bra för att få viktiga poäng över i mindre bitar utan att behöva använda stödjande kopia runt dem. De har också den extra fördelen att dra besökarens öga, vilket gör dem mindre benägna att förbises.

Förvara meningar och stycken kort

Saker och stycken ska vara både korta och lätta att läsa. Det borde inte finnas några väggar med text på din sida. Att bryta upp texten håller besökaren intresserad och gör det lättare att hitta nyckelpunkter.

Glöm inte att du arbetar med mindre utrymme på en mobil målsida än en skrivbords webbplats. En rubrik på 10 ord kan hamna i 7 rader av text som den här svåra utformade mobillandningssidan från HubSpot:

7. Gå lätt på visuella och videoklipp

Bilder och videoklipp tar data. Inte alla användare som når din mobil målsida kommer att vara på WiFi; vissa kommer att använda sina begränsade cellulära data. Håll bilder till ett minimum och se till att optimera bilderna du använder för att se till att de komprimeras.

Om du ska använda videor vill du definitivt inte att de är inställda på auto-play. Det betyder att dina besökare måste klicka på dem för att spela dem, vilket kan distrahera dem från din primära uppmaning till handling.

En målsida behöver inte bogseras med bilder och videoklipp för att vara visuellt tilltalande. Titta bara på denna vackra mobil målsida från Evernote:

Det är enkelt, det är ingen fråga om uppmaningen till handling, och det laddar verkligen snabbt. Det är också mycket iögonfallande på grund av sin brist på tunga bilder. Jämför det med den här mobila målsidan från Amrit Yoga:

Visst, det är en mycket vacker sida, men den är fylld med bilder och är helt för resursintensiv att ladda. Amrit Yoga kunde ha förmedlat lugnet och lugnet på yoga lika bra med en minimalistisk design med begränsade bilder och slutade med en webbplats som lastades mycket snabbare.

8. Gör det snabbt

Att uppmärksamma belastningstider är super viktigt eftersom tiderna för sidladdning ökar, även studien ökar. Och när en besökare lämnar en plats på grund av långsamma belastningstider kommer nästan 50% av dem aldrig tillbaka.

Här är data som Google upptäckte i sin forskning 2018:

Intressant är att den genomsnittliga tiden som krävs för att ladda en mobil målsida fullt ut är 15 sekunder. När du anser att 53% av besökarna på mobilen kommer studsa om en webbplats tar längre tid än 3 sekunder att ladda, tar den genomsnittliga webbplatsen alltför lång tid att ladda.

Om du noterade råden i det föregående tipset bör din webbplats redan ladda ner snabbare eftersom bilder och videoklipp tenderar att vara nummer ett problem med långsamma webbplatser. Du kan också uppgradera din värdplan till en snabbare eller titta på ett Content Delivery Network (CDN) som MaxCDN.

9. Håll dig till enkla kolumnlayouts

Mobila enheter behöver inte flera kolumner. De har inte plats för dem och allt mer än en enda kolumn gör att navigering och rullning känns väldigt besvärlig och klumpig.

Naturligtvis regleras också att ibland brytas. Om du försöker fånga besökarens uppmärksamhet kan det vara fördelaktigt att ibland avvika innehållet. För det mesta är dock enkelkolonn vägen att gå.

Låt oss ta en titt på skillnaden i åtgärd. Först och främst verkar den officiella statens webbplats för delstaten Alaska inte ha en mobil målsida och använder bara sin vanliga hemsida, men det fungerar för vårt exempel:

De flera kolumnerna som fungerar på en vanlig webbsida fungerar bara inte på en mobil webbplats. Kan du föreställa dig hur svårt det skulle vara att navigera på den här webbplatsen i ett utrymme på ca 3×5 tum?

Låt oss nu titta på Kaliforniens mobila målsida:

Inte super spännande, men definitivt mycket lättare att använda.

10. Rethink Navigation

Visste du att några marknadsföringsledare tror att vi ska göra bort navigering helt och hållet på mobila målsidor och fokusera på att driva besökare mot den primära handlingen som vi vill att de ska slutföra på sidan?

Många mobila målsidor använder en "hamburgare" för navigering för att spara utrymme på mindre skärmar. De flesta besökare har blivit vana vid att se den här symbolen och vet att att klicka på den kommer att ge navigationsalternativ.

Vissa webbplatser använder de klibbiga rubrikerna som vi pratat om i # 4 för att inkludera ett par huvudnavigationslänkar som är relaterade till det primära målet de har för den mobila målsidan.

11. Optimera formulär för mobil

Det är så mycket viktigt att du optimerar dina formulär för mobila besökare. Att fylla i formulär på en mobilenhet har faktiskt ett negativt nettosamtal, så se till att du får den minsta minsta information du behöver för att nå ditt mål. Du kan alltid följa upp senare för mer information.

Snabbtips: Om du har en WordPress-webbplats kan du använda ett plugin som WPForms för att snabbt och enkelt kunna bygga formulär som kommer att fungera vackert för dina mobila besökare.

Denna form från Learn Jazz Standards är ett bra exempel på vad en mobilform ska vara:

De ställer dig upp med vad de erbjuder. Det är lite wordy, men formuläret gör det för det. Tre fält: förnamn, e-postadress och en rullgardinsmeny för att välja instrumentet du spelar. Bom. Klicka på prenumerera och du är på väg att lära jazzstandarder.

Likeable Local är en annan historia helt.

Vi är säkra på att de är fina men vi är inte säkra på att vi tycker om dem tillräckligt, men att spendera den tid det kommer att ta för att fylla i 6 textfält och en rullgardinsmeny på en mobilenhet innan vi kan ladda ner deras ledmagnet.

Om du behöver hjälp som skapar just rätt optin, kolla in det här inlägget allt om hur man skapar mobila optins som vinna mer affärer.

12. Använd hög kontrast

Högkontrastfärger har dubbelt sålt för optimering av landningssidor för mobilen.

För det första är de iögonfallande och även människor som inte har designbuggen kan ibland hitta vackert designade knappar oemotståndliga att klicka.

För det andra använder människor sina mobila enheter överallt och naturligt utomhusljus kan göra det svårt att se vad som finns på skärmen om det är en design med låg kontrast.

Apple gör ett utmärkt jobb en med hög kontrast med mörkare text och bilder på en ljus vit bakgrund.

Lindsey Racing, det gör det inte.

Den svarta, gråa och röda designen ser edgy ut som vi antar är vad de skulle för, men allt blir bara till mush under starkt ljus.

Du vill se till att du använder färger som konverterar bra och som dyker upp under vilken typ av belysning dina besökare råkar använda.

13. Använd White Space

Som vi redan har sett med Evernote och Apple är användningen av vitt utrymme en underbar sak. Det skapar intresse och gör de mobila målsidorna ser moderna ut. Det ger också ögonen utrymme att läsa orden som finns på sidan.

Vitt utrymme gör också pekskärms interaktioner enklare för besökare och håller oavsiktliga klick till ett minimum.

För ett kreativt tag på vitt utrymme, låt oss ta en titt på SquareSpace.

Squarespaces vita utrymme visar att vitt utrymme inte betyder "vit" utrymme. Vi letar efter vit som i "fri från distraktion". SquareSpace gör det här vackert.

14. Placera samtal till handling längst upp på sidan

"Över folden" gäller fortfarande för mobila målsidor. Ja, mobila användare är konditionerade att rulla, men 80% av en mobil besökares uppmärksamhet spenderas fortfarande högst upp på sidan, före den första instinktiva scrollen. Det här är ditt primära samtal till handling måste vara.

Drift gör ett bra jobb för att hålla sitt uppmaning mot toppen av sidan och uppmärksammar det med lite färgförändring. Sedan har de ändrat den här snygga funktionen, men vi ville använda den här för att visa vad som kan göras.

När du rullar ner driftens sida får du samma åtgärd (utan färgerna) ungefär halvvägs för att påminna dig varför du är där.

Om du är osäker på vad som gör ett bra samtal till handling, kan vi hjälpa dig att skapa det perfekta samtalet.

15. A / B-test

Vi räddade den viktigaste mobila målsidan bästa praxis för senast: A / B-testning. Du får så mycket information som du kan använda för att göra din webbplats bättre, öka konverteringar och öka dina intäkter bara genom att göra subtila ändringar.

Här är det grundläggande formatet för att köra ett A / B-test:

  • Bestäm vilken fråga du vill lösa, till exempel öka konverteringsfrekvensen.
  • Bestäm vad du vill jämföra till exempel skulle 10% rabatt konvertera bättre än gratis frakt?
  • Utför testet genom att skapa två versioner av målsidan, den enda skillnaden är objektet du vill jämföra.
  • Ta reda på vinnaren genom att analysera dina data och granska resultaten av ditt A / B-test.
  • Ändra och återupprepa dina experiment.

Det finns bokstavligen tusentals sätt att skilja på din webbplats för att dela upp testet. För några idéer, ta en titt på det här inlägget av 11 bästa metoder för A / B-testning.

Bästa mobila målsidor som konverterar

Nu när du är expert på design och testning, låt oss titta på några exempel på mobila målsidor, ska vi? Du har redan sett några av våra favoriter i exemplen ovan, men här är några av de bästa exemplen vi hittat.

Todoist

Varför vi älskar det

  • Hög kontrast
  • Ringa till handling mot toppen av sidan
  • vitt utrymme
  • minimal grafik

Operatör

Varför vi älskar det

  • Rolig användning av grafik
  • Super enkel form
  • Hög kontrast
  • Ingen jätte mur av text

Zero Financial

Varför vi älskar det

  • Använder video, men spelar inte upp automatiskt
  • Uppmaning till handling är överst på sidan
  • Stor bild
  • Utmärkt användning av vitt utrymme

Vivint

Varför vi älskar det

  • Emosionell grafik drar vid hjärtsträngarna
  • Stor kontrast
  • Klicka för att ringa
  • Kopiera är till den punkten

Där har du det! 15 bästa landningssidor och optimeringstekniker för att öka dina omvandlingar och engagemang på mobilen. Om du letar efter fler sätt att öka din mobilomvandlingsfrekvens, kolla in dessa 19 beprövade metoder.

Jared Ritchey kan vara den ledande generationspartnern du letat efter. Följ med oss ​​idag. Vad väntar du på?

Titta pÄ videon: Doed Nybörjarskola Avsnitt 1: Grunder för nybörjaren

Like this post? Please share to your friends:
Kommentera

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