Wanneer heb je voor het laatst gecontroleerd hoe je startpagina, blogposts en bestemmingspagina's er op mobiel uitzien?

Geen zorgen ... Ik wacht hier terwijl je gaat kijken. ;-)

Als je bent zoals de meeste mensen, geef je je mobiele bestemmingspagina's niet de behandeling die ze verdienen.

Kleine apparaten met aanraakscherm creëren een veel andere browse-ervaring voor uw bezoekers dan hun desktop-neven. U moet rekening houden met deze verschillen op de ontwerpen van uw mobiele bestemmingspagina of het risico lopen geld achter te laten in gemiste conversies.

Nu de meeste mensen op mobiel surfen , is het tijd om uw mobiele ervaring te optimaliseren voor elke pagina of post die u publiceert.

Lees verder om te leren (met voorbeelden) van de belangrijkste praktische tips voor mobiele bestemmingspagina's die u moet kennen als u wilt dat uw website indruk maakt op bezoekers in het smartphonetijdperk.

Optimaliseer uw mobiele bestemmingspagina-ontwerpen

Er zijn enkele grote verschillen tussen de ontwerplay-outs voor desktops en mobiele apparaten en u moet hiervan op de hoogte zijn.

Door de volgende praktische tips voor mobiel ontwerpen te implementeren, vergroot u uw conversies onder het almaar groeiende aantal wereldwijde smartphonegebruikers.

1. Maak uw Mobiele bestemmingspagina's Touch Friendly

Zorg ervoor dat al uw call-to-action-knoppen een vingerbreedtebreedte hebben en voldoende gespatieerd zijn, zodat uw pagina altijd gemakkelijk te gebruiken is.

Als u dat niet doet, missen bezoekers belangrijke links, call-to-action-knoppen of worden ze gedwongen in te zoomen op hun toch al kleine mobiele schermen om te communiceren met uw pagina.

Vraag jezelf altijd af: "Zijn mijn bestemmingspagina's vingervriendelijk ?"

Goed voorbeeld: Do you yoga

Klik en zoom in om de volledige mobiele startpagina te zien.

De Do You Yoga-startpagina is een goed voorbeeld van een 'vingervriendelijke' mobiele startpagina. Terwijl u door de pagina bladert, ziet u hoe de interactieve elementen ten minste in de breedte van de vingers zijn geplaatst en op een afstand van elkaar staan.

In het geval van interactieve elementen die zonder veel ruimte op elkaar zijn gestapeld (zoals het blograster), zijn die elementen veel groter dan alleen de vingerbreedte, waardoor ze gemakkelijk te targeten doelen zijn.

Slecht voorbeeld: Yoga met Cassandra

Klik en zoom in om de volledige mobiele startpagina te zien.

De startpagina van Yoga with Kassandra is niet geschikt voor mobiele apparaten.

De links naar het hoofdmenu zijn allemaal klein en moeilijk te klikken, terwijl de verschillende roze en donkerblauwe call-to-action-knoppen die over de startpagina worden gestrooid, kleiner zijn dan de breedte van de vingers.

De lay-out met meerdere kolommen onder de vouw en over het algemeen kleine tekst maken de mobiele versie van deze pagina moeilijk leesbaar.

2. Whitespace op mobiel is je vriend

Effectief gebruik van witruimte op mobiele bestemmingspagina's is cruciaal voor het creëren van functionele en vooral niet-frustrerende ervaringen voor uw gebruikers.

Niet alleen helpt extra witruimte om touchscreen-interacties veiliger te maken (geen toevallige klikken op knoppen of klikken) voor uw bezoekers, het verbetert de leesbaarheid op kleinere mobiele apparaten en moedigt gebruikers aan om verder te scrollen.

Goed voorbeeld: Bose

Klik en zoom in om de volledige mobiele startpagina te zien.

De startpagina van Bose Audio is een goed voorbeeld van het minimaliseren van mobiel ontwerp door prioriteit te geven aan effectief gebruik van witruimte (ook wel negatieve ruimte genoemd).

Deze mobiele ontwerpstrategie zorgt ervoor dat de knoppen voor de koppen, subkoppen, afbeeldingen en call-to-action gescheiden blijven om bezoekers naar de belangrijkste info en acties op de pagina te minimaliseren: uw conversiedoel.

Slecht voorbeeld: Sparkitief

Klik en zoom in om de volledige mobiele startpagina te zien.

De mobiele homepage van Sparkitive is vol met tekst. Dat maakt de pagina niet alleen moeilijk leesbaar, maar een gebrek aan negatieve ruimte creëert dat 'wall-of-text'-gevoel waardoor uw lezers willen stuiteren .

Alleen bestemmingspagina's met tekst kunnen goed worden ontworpen , maar u moet witruimte op de hele pagina benutten om het uit te voeren.

3. Geef prioriteit aan mobiele ontwerpen met hoog contrast

Wat is een van de grote verschillen tussen de ervaring met mobiele en desktoplandingspagina's?

Tip: het staat allemaal in de naam - Mobiele

mobiele bestemmingspagina's zijn overal toegankelijk ... binnen, buiten, op de porseleinstroon of winkelen onder de felle lichten van een winkelcentrum.

Gebruik ontwerpen met hoog contrast voor bestemmingspagina's voor uw mobiele bestemmingspagina's om deze verschillende lichtomgevingen te bestrijden.

Goed voorbeeld: Macbook Pro

Klik en zoom in om de volledige mobiele startpagina te zien.

De Apple-landingspagina voor de Macbook Pro toont een goed voorbeeld van een ontwerp met hoog contrast. Donkere lettertypen en afbeeldingen op een lichte achtergrond laten alle belangrijke delen van de mobiele pagina knallen, ongeacht de lichtomstandigheden waarin een bezoeker ze bekijkt.

Apple doet geweldig werk, ook effectief gebruik makend van witruimte!

Slecht voorbeeld: Lindsey Racing

Klik en zoom in om de volledige mobiele startpagina te zien.

De Lindsey Racing-website voldoet niet aan de ontwerptest met hoog contrast. De achtergrond is donker, de call-to-action-knoppen zijn grijs en de belangrijke tekst varieert van zwart tot donkerrood.

Al deze lage contrastfactoren leiden tot een ontwerp dat de leesbaarheid voor bezoekers negatief beïnvloedt en de online productverkoop voor de bedrijfseigenaar verlaagt.

4. Gebruik altijd afzonderlijke kolomlay-outs

Zijdelings scrollen op mobiele apparaten is een conversiemoordenaar.

Om dit probleem te voorkomen, zorgt u ervoor dat uw bezoekers alleen lay-outs met één kolom zien wanneer ze op hun mobiele apparaten browsen.

De lay-out met één kolom is intuïtief om te scrollen, zorgt ervoor dat uw afbeeldingen en tekst niet langs de zijkant van de pagina vallen en zorgt ervoor dat bezoekers blijven scrollen richting het einde van uw bestemmingspagina.

Onthoud gewoon ... geen side-scrolling op uw mobiele bestemmingspagina's!

Goed voorbeeld: ClickMinded

Klik en zoom in om de volledige mobiele startpagina te zien.

De ClickMinded-website doet het uitstekend op mobiel om de bureaubladindeling met 3 kolommen om te zetten in enkele kolommen wanneer deze op mobiel wordt bekeken.

Hierdoor blijft de bezoeker op elk gewenst moment op de verkooppagina zijdelings scrollen en veegt in plaats daarvan naar het conversiedoel.

Slecht voorbeeld: AirBnB

Klik en zoom in om de volledige mobiele startpagina te zien.

Hoewel AirBnB een enorme website is met een ongelofelijke hoeveelheid webontwikkelingsresources, gebruiken ze side-scrolling en layouts met meerdere kolommen op hun mobiele pagina's.

Hoewel dit voor hun platform kan werken, wordt het niet aanbevolen voor solopreneurs zoals uzelf, omdat de tekst en afbeeldingen in moeilijk leesbare formaten worden ingeslagen met inhoud die langs de zijkant van het scherm wordt gestreamd.

Doe uw conversiepercentages een plezier door uw mobiele pagina's één kolom te houden met tekst- en afbeeldingsformaten die hieronder worden besproken met de lengtewet van de leesbaarheid van de mobiele leesbaarheid.

5. Pas de armlengtevoorschrift toe

Hoe test u de leesbaarheid van uw mobiele bestemmingspagina voordat u deze live maakt? Heel eenvoudig ...

Pas de arm's length-regel toe :

1. Laad uw bestemmingspagina op een mobiel apparaat.
2. Houd de mobiele telefoon op afstand.
3. Lees de volledige bestemmingspagina door en pas alles aan dat moeilijk te lezen lijkt.
4. Bonus : herhaal dit proces met andere mensen (bonuspunten voor het vinden van bètatesters met een lager gemiddeld gezichtsvermogen!).

Goed voorbeeld: bloeiende thema's

Klik en zoom in om de volledige mobiele startpagina te zien.

Niet om over onze eigen hoorn te praten of zoiets, maar de website van Thrive Themes biedt een goed voorbeeld van een site die de arm's length-regel doorstaat. Als u onze site op uw smartphone laadt en op afstand houdt, blijft de site leesbaar.

Houd als vuistregel vast dat uw lettergroottes groter dan 16 pixels op mobiele apparaten zijn, terwijl uw lettertype en achtergrondcontrasten hoog blijven.

Slecht voorbeeld: Ido Portal

Klik en zoom in om de volledige mobiele startpagina te zien.

Hoewel de eenarmige handstand super indrukwekkend is, is de leesbaarheid van de Mobile Move-startpagina van Ido Portal dat niet.

De tekst van de sitenavigatie is veel te klein om te lezen, vooral als deze op armlengte wordt gehouden. Bovendien plaatst de onverstandige achtergrond in schuifregelaarstijl vaak donkere afbeeldingselementen achter de tekst. Dat maakt die kleine tekst nog moeilijker om te lezen!

Wijzig de call-to-actions van uw mobiele bestemmingspagina

Oproepen op acties zijn belangrijk op elke bestemmingspagina, ongeacht het apparaat waarop ze worden bekeken.

In feite kun je alles leren over standaard call-to-action-strategieën in een aparte Thrive Thema's blog post hier .

Als u echter uw call-to-action-knoppen specifiek voor mobiel wilt optimaliseren (ik weet het wel!), Moet u goed letten op de volgende 4 praktische tips voor mobiele bestemmingspagina's:

6. Plaats uw call-to-action bovenaan uw mobiele bestemmingspagina

Nu het gebruik van mobiel internet de desktop heeft overtroffen en tussen 2016 en 2021 zevenvoudig zal groeien , is het 'above the fold'-gebied dynamisch digitaal onroerend goed geworden, omdat wat een bezoeker ziet, afhankelijk is van het apparaat dat hij gebruikt.

Om het smorgasbord van apparaten met verschillende afmetingen te bestrijden die uw bezoekers zullen gebruiken, is het een goed idee om uw eerste call-to-action-knop naar de top van een mobiele bestemmingspagina te tillen, zodat alle lezers het zullen zien.

Goed voorbeeld: Transferwise

Klik en zoom in om de volledige mobiele startpagina te zien.

Hoewel Transferwise meerdere call-to-action-knoppen gebruikt op hun mobiele startpagina ( "Aanmelden" , "Downloaden in de App Store" en "Doorgaan naar Transferwise.com" ), is elke optie strategisch bovenaan de pagina geplaatst.

De mobiele homepage van Transferwise gebruikt niet alleen vingervriendelijke knoppen, een voordeelgedreven kop en een negatieve ruimte om bezoekers te richten op de acties die ze willen, maar het is allemaal helemaal bovenaan de pagina gedaan, zodat geen enkele potentiële klant het kan missen.

Slecht voorbeeld: HubSpot

Klik en zoom in om de volledige mobiele startpagina te zien.

Een van de mobiele bestemmingspagina's van HubSpot mist echt het merkteken als het gaat om front loaded call-to-action zoals het bovenstaande voorbeeld laat zien.

Ten eerste plaatsen ze een gemakkelijk te missen click-to-call-knop boven aan de pagina om potentiële klanten te vragen contact op te nemen met hun verkoopafdeling.

Vervolgens gebruiken ze hun volledige mobiele gebied boven de vouw om een ​​kop van de tekst te tonen waar veel bezoekers waarschijnlijk vandaan zullen stuiteren. Als dat gebeurt, zal een potentiële klant nooit naar beneden scrollen om zijn contactformulier te zien met een "gratis meting van de marketingbeoordeling" voor degenen die het indienen.

Door simpelweg de subkop om te zetten in een call-to-action-knop die mensen meeneemt naar het contactformulier onderaan de pagina, zou de lead generation-snelheid van de HubSpot-verkoopafdeling waarschijnlijk toenemen vanaf deze mobiele bestemmingspagina.

7. Test met behulp van Click-to-Call-knoppen

Omdat de meeste mobiele apparaten smartphones zijn met de capaciteit om telefoonlijnen te bellen, test u met click-to-call CTA-elementen op uw mobiele bestemmingspagina's of 1-op-1-verkoopgesprekken een winstgevender conversiekanaal voor uw bedrijf zijn.

Uiteraard is deze functie niet van toepassing op alle online bedrijven, maar als u een lokale fysieke onderneming uitvoert of meer persoonlijk contact nodig hebt om verkopen te doen, kan de click-to-call-knop op de mobiele bestemmingspagina een conversiegame-wisselaar zijn voor jouw zaken.

Zo verdrievoudigde Esurance hun klantenacquisitie in één jaar door het toevoegen van click-to-call-knoppen aan hun mobiele advertenties en webpagina's.

Goed voorbeeld: Vivint

Klik en zoom in om de volledige mobiele startpagina te zien.

De Vivint-startpagina biedt een goed voorbeeld van klikken om te bellen omdat ze deze twee keer boven hun mobiele vouw gebruiken: eerst als een telefoonpictogram in de koptekst en als tweede als een call-to-action-knop onder hun kop.

Als een online bezoeker die beveiligingsmaatregelen bij mij thuis wil toevoegen, is het moeilijk om te missen wat ik hierna moet doen ... geef Vivint een telefoontje .

Slecht voorbeeld: Space City Float

Klik en zoom in om de volledige mobiele startpagina te zien.

Op het eerste gezicht lijkt de startpagina van Space City Float Center eruit alsof het click-to-call-spel sterk is ... maar dit is de reden waarom dit niet het geval is : ten

eerste is het telefoonnummer in het sticky-lint bovenaan de mobiele pagina niet klikbaar- om te bellen, alleen inerte tekst bezoekers moeten ze onthouden of kopiëren / plakken als ze daadwerkelijk willen bellen.

Ten tweede is het click-to-call-pictogram in het zwevende lint onderaan het scherm moeilijk te zien en verdwijnt zodra bezoekers naar beneden scrollen.

Een betere strategie zou zijn om een ​​click-to-call-call-to-action-knop boven aan de pagina te plaatsen met een telefoonpictogram.

8. Verminder uw formuliervelden tot het minimale minimum

Het invoeren van gegevens op elk mobiel apparaat is een peulenschil.

Daarom moet elk invoerveld op de formulieren van uw mobiele bestemmingspagina zijn huur betalen in termen van digitale ruimte.

Zorg ervoor dat alle invoervelden die u op uw formulieren invoert, absoluut noodzakelijk zijn.

Vraag bijvoorbeeld alleen om een ​​voornaam als u uw e-mails daadwerkelijk personaliseert bij het uitzenden naar uw lijst. Elk extra veld zal uw conversiepercentages schaden, dus zorg ervoor dat ze allemaal daadwerkelijk nodig zijn om uw doelen te bereiken.

Goed voorbeeld: leer jazzstandaarden

Leer de mobiele leadgen-pagina van Jazz Standards.

Het aanmeldingsformulier Learn Jazz Standards is een voorbeeld van een goede aanmeldingsformulier voor mobiel waarbij meer wordt gevraagd dan alleen een e-mailadres.

Het vragen om een ​​voornaam maakt gepersonaliseerde e-mails mogelijk en het vervolgkeuzemenu "Instrument selecteren" stelt de eigenaar van de website in staat om aangepaste jazzeducatie-inhoud te sturen naar nieuwe abonnees op basis van hun primaire instrumentvaardigheden.

Slecht voorbeeld: sympathiek

LikeableLocal mobiele leadgenpagina.

Vult u alle gedetailleerde formuliervelden hierboven echt in voor een bezoeker die een gratis eBook wil downloaden?

Koop eerst een koffie voor mij ... jeez!

Het is misschien beter om eerst om de e-mail te vragen en vervolgens uw eBook gratis soft sell-services te laten downloaden naar leads, omdat ze op dat moment meer bekend zullen zijn met u en uw bedrijf.

9. Minimaliseer afleiding met 1 conversiedoel per bestemmingspagina

Hoewel ALLE bestemmingspagina's één conversiedoel zouden moeten bevatten, is het zelfs nog belangrijker als het mobiele bestemmingspagina's betreft.

Kleine schermformaten en aanraakscherminterfaces maken het gemakkelijk voor bezoekers om ofwel afgeleid of gefrustreerd te raken door de ervaring. Maak hun leven eenvoudig door slechts één conversiedoel per pagina toe te staan !

Goed voorbeeld: Bar Muscle Up Mastery

Klik en zoom in om de volledige mobiele startpagina te zien.

De volledige focus van de mobiele verkooppagina van Bar Muscle Up Mastery is om de cursus te verkopen ... niets anders. Er zijn geen andere aanbiedingen of afleidingen die een kijker wegjagen van dat conversiedoel.

Als het gaat om uw mobiele bestemmingspagina's, verhoogt u uw conversiepercentages door hetzelfde, één conversiedoel per pagina, te doen .

Slecht voorbeeld: GymnastiekLichamen

Klik en zoom in om de volledige mobiele startpagina te zien.

De mobiele landingspagina hierboven is een speciale aanbieding voor Tim Ferriss Show podcast luisteraars door GymnasticBodies.com oprichter Christopher Sommer.

Coach Sommer was te gast op de podcast van Tim en bood een speciale korting aan de luisteraars van Tim als zij de GB Foundations Course via de landingspagina kochten.

Hoewel de bestemmingspagina op veel verschillende manieren is geoptimaliseerd voor mobiel, blijft de bestemmingspagina niet echt gericht op het verkopen van de Foundations-cursus omdat deze meerdere geavanceerde programma's op dezelfde bestemmingspagina aanbiedt.

Hoewel de geavanceerde cursussen een geweldige mogelijkheid bieden om nieuwe klanten te verkopen, is het beter om dit te doen na de eerste aankoop van de Foundations-cursus dieper in deze trechter voor de verkoop van bestemmingspagina's. In plaats daarvan leiden de meerdere aanbiedingen waarschijnlijk potentiële klanten af ​​van het doen van een aankoop.

Optimaliseer de laadtijden van uw mobiele bestemmingspagina

Over het algemeen hebben mobiele telefoons langzamere internetverbindingen en kleinere bandbreedtelimieten in vergelijking met hun desktop-tegenhangers.

Dat betekent dat uw mobiele bestemmingspagina moet worden geoptimaliseerd als het gaat om de gegevensgrootte en moet worden gecombineerd met snelle hosting om de levering te ondersteunen.

Als u nog steeds koopje-bin hosting gebruikt, stap 1 in uw mobiele laadtijd optimalisatie is om uw hosting te upgraden .

Stap 2 is om de grootte van uw bestemmingspagina te minimaliseren in termen van gegevensgrootte. Lees de volgende twee praktische tips voor afbeeldingen en video's om uw mobiele pagina's zo snel mogelijk te laten laden zodat uw bezoekers niet te vroeg kunnen stuiteren:

10. Verwijder alle onnodige video's en afbeeldingen

Gebruik alleen conversiekritieke afbeeldingen of video's op uw mobiele bestemmingspagina's. Dit betekent dat u voor elke afbeelding of video die u over plaatsen denkt, zich afvraagt: "Is dit echt nodig om het conversiedoel van deze pagina te bereiken?"

Bedenk eens hoe frustrerend het kan zijn voor een nieuwe bezoeker wanneer deze naar uw mobiele site komt om te wachten veel te lang om afbeeldingen te laden, regel voor regel per regel. Ik bedoel, hoe lang hang je rond op langzaam ladende pagina's voordat je opbotst om een ​​sneller laadalternatief te vinden ?

Om deze reden moet u extra kieskeurig zijn over welke afbeeldingen of video's worden toegevoegd aan uw mobiele bestemmingspagina's. Vanwege gegevens-, netwerk- en kostenbeperkingen is het nog belangrijker om ervoor te zorgen dat uw mobiele pagina's snel worden geladen door hun totale gegevensgrootte te minimaliseren.

Goed voorbeeld: Evernote

Klik en zoom in om de volledige mobiele startpagina te zien.

De mobiele bestemmingspagina van Evernote neemt het uiterste data-minimalisme. In het gedeelte boven de vouw van de pagina worden een eenvoudige witte achtergrond, kop, subkop en call-to-action gebruikt.

Onder de vouw is een beperkt aantal beelden gebruikt om bezoekers over het product te informeren en hen te richten op het conversiedoel van het aanmelden voor een gratis account. Effectief whitespace-gebruik is hier volledig weergegeven, waardoor de mobiele startpagina een moderne uitstraling heeft.

Slecht voorbeeld: Amrit Yoga

Klik en zoom in om de volledige mobiele startpagina te zien.

De Amrit Yoga-homepage is niets anders dan beelden. Dat is niet alleen gegevensintensief voor mobiele apparaten, maar ook een slechte ontwerpstrategie om nieuwe bezoekers te helpen begrijpen waar de verschillende hoekstenen van de yoga-website allemaal over gaan.

De afbeeldingen zijn vaag met kleine tekst onderaan elke afbeelding die aangeeft waar elke sectie over gaat (bijv. "Meditatie in beweging" , "Transformationele slaap" , enz.).

Verspreid uw mobiele bestemmingspagina's niet met vage beelden. Zorg ervoor dat elke afbeelding zijn gewicht trekt om bezoekers te helpen de gewenste call-to-action te voeren.

11. Optimaliseer elke afbeelding en video voor mobiel

Voor de afbeeldingen en video's die u beslist nodig hebt om op uw mobiele bestemmingspagina's op te nemen, is het van cruciaal belang dat elke pagina is geoptimaliseerd om de kwaliteit ervan te maximaliseren terwijl de gegevensgrootte wordt geminimaliseerd.

Uw afbeeldingen mobielvriendelijk maken is vrij eenvoudig als u deze driestappenchecklist:

1. Sla uw afbeeldingen op in de juiste bestandstypen ( png vs. jpeg ).
2. Minimaliseer de pixelafmetingen van elke afbeelding tot de vereiste schermgrootte op de pagina.
3. Comprimeer uw afbeeldingen met een gratis online compressietool zoals kraken.io .

Maak uw kopie mobielvriendelijk

Kopiëren is altijd een kritieke factor als het gaat om het bereiken van de resultaten die u online wilt. Vanwege beperkingen op de schermgrootte van een smartphone, worden de woorden die u wilt gebruiken des te belangrijker.

Lees de volgende 3 aanbevolen procedures door om te zien hoe u een grotere kopie kunt maken in kleinere mobiele schermpakketten ...

12. Duidelijk en beknopt is beter dan slim

Digitaal onroerend goed is kostbaar op mobiel, dus als u sneller ter zake komt, kunt u uw conversiepercentages verhogen.

Als vuistregel, focus meer op duidelijke en beknopte kopie in plaats van slimme, nieuwsgierigheid genererende verhalen. Je kunt A / B altijd de kopie van je bestemmingspagina testen om te bewijzen dat ik het mis heb!

Goed Voorbeeld: Ramit Sethi zal ik je leren om rijk te worden

Klik en zoom in om de volledige mobiele startpagina te zien.

Ramit Sethi elimineert de visuele extra's en snijdt recht op voordeel gedreven exemplaar op zijn mobiele homepage I Will Teach You To Be Rich .

Korte, pittige koppen, subkoppen en ondersteunende tekst vertellen bezoekers precies wat ze van tevoren doen om te beslissen of ze al dan niet Ramit's winstpotentieel willen gebruiken.

Omdat de vereisten voor mobiele formaten de digitale ruimte beperken die u slim moet zijn, moet u zich concentreren op helder, beknopt en gefocust gefocust zijn.

Slecht voorbeeld: leer jazzstandaarden

Klik en zoom in om de volledige mobiele startpagina te zien.

Hoewel de startpagina voor Learn Jazz Standards een goede kop heeft, ziet het subkopie-exemplaar eruit en leest het als een muur van tekst. Alleen al vanuit visueel oogpunt is het moeilijk om in het bovenstaande vouwexemplaar te komen, zodat veel lezers niet worden overgehaald om zich aan te melden.

Stel jezelf bovendien de vraag: "Wat levert het de bezoeker op?"

Zullen lezers echt iets cool krijgen als ze doorklikken en zich aanmelden?

Dit voorbeeld kan direct worden verbeterd met een kortere, voordeel gedreven subkop en een betere call-to-action knop om aanmeldingen te stimuleren.

13. Gebruik korte en pittige koppen

Uw lichaamsexemplaar moet niet alleen beknopter zijn op mobiele bestemmingspagina's, maar uw koppen moeten ook gecomprimeerder en pittiger zijn.

Houd uw koppen zo kort mogelijk, zodat ze visueel uitkomen en toch leesbaar blijven op mobiele apparaten. Zo weten uw bezoekers meteen dat ze de website hebben gevonden waarnaar ze op zoek zijn.

Goed voorbeeld: verdubbel uw omzet

Klik en zoom in om de volledige mobiele startpagina te zien.

3 grote woorden die een voordeel bieden dat elke ondernemer wil bereiken: VERDUBBEL UW VERKOOP !

Dat is een korte en krachtige kop die elke keer weer de aandacht van een nieuwe bezoeker trekt (u zult het natuurlijk wel moeten afleggen!).

Als u uw mobiele koppen kort en krachtig kunt houden, zal dit niet alleen de ontwerpbeperkingen van mobiele apparaten tegengaan, maar ook push-readers om downscreen te blijven lezen.

Slecht voorbeeld: verkeer en trechters

Mobiele bestemmingspagina voor verkeer en trechters.

De kop op het bovenstaande voorbeeld van de mobiele bestemmingspagina Verkeersinfo en trechters lijkt op het eerste gezicht misschien een korte kop, maar in werkelijkheid hebben ze één extra lange kop visueel verbroken.

Bekijken:

"Slimste jongens in marketingpresentaties: hoe we hoge ticket-clients genereren met betaald verkeer en een eenvoudige trechter in 2 stappen!"

Ze gebruikten het grootste deel van hun mobiele mobiele vastgoedopvulling voor een enkele kop die hun call-to-action-knop op de pagina duwen en hun vermogen om ondersteunende kopie toe te voegen vernietigen.

Nu is het jouw beurt

Ben je klaar om je verkopen te stimuleren en je e-maillijst sneller te laten groeien door alleen je mobiele bestemmingspagina's te optimaliseren met de bovenstaande 13 praktische tips?

Ik weet dat je bent, dus het is tijd om actie te ondernemen en snel te implementeren wat je hier op je eigen website hebt geleerd.

Als u vragen heeft over de conversie om uw bestemmingspagina's specifiek voor mobiel te optimaliseren, laat ze dan in het gedeelte Opmerkingen hieronder staan!

Matt is een geoloog die online marketeer en digitale nomad is geworden. Hij is een moderne manimal op een missie om een ​​wilde levensstijl te cultiveren - door ontwerp . Wanneer je weg bent van zijn technologie, kun je hem beweging door oefeningen zoals Aikido, AcroYoga en Barefoot Running leren bestuderen.