Home  /  Alle  / 5 manieren om pop-ups er geweldig uit te laten zien op mobiel (voor uw responsieve website)

5 manieren om pop-ups er geweldig uit te laten zien op mobiel (voor uw responsieve website)

5 manieren om pop-ups er geweldig uit te laten zien op mobiel (voor uw responsieve website)

Pop-ups zijn een populair hulpmiddel om leads te verzamelen, aanbiedingen te promoten en bezoekers te betrekken. Wanneer ze echter niet zijn geoptimaliseerd voor mobiel, kunnen pop-ups gebruikers frustreren en ze zelfs van uw site wegjagen. Het maken van mobielvriendelijke pop-ups die naadloos aansluiten op uw responsieve ontwerp verbetert de gebruikerservaring en verhoogt de conversiepercentages.

Nu het mobiele gebruik blijft toenemen, zijn smartphones nu verantwoordelijk voor 62 procent van digitale minuten besteed door gebruikers in de VS, met desktops op 29 procent en tablets op 9 procent. Google erkende deze verschuiving en implementeerde mobile-first indexering als standaard voor alle websites op 1 juli 2019, waarmee het belang van responsieve ontwerppraktijken voor websites en webapps werd onderstreept.

Om te profiteren van de toestroom van mobiel verkeer naar uw site, is het essentieel om zorgvuldig een pop-upstrategie te ontwikkelen, een strategie die gebruikers aanmoedigt om te converteren en de website te bezoeken. verkoop traject zonder de gebruikerservaring te verstoren of, erger nog, de SEO-prestaties van uw site in Google-ranglijsten te schaden. Een doordachte, mobiel-geoptimaliseerde pop-upstrategie betrekt bezoekers niet alleen effectief, maar sluit ook aan bij best practices voor zoekmachineprestaties, wat zorgt voor een naadloze ervaring die resultaten oplevert.

Belangrijke overwegingen voordat u mobiele pop-ups implementeert

Google hecht het grootste belang aan een naadloze gebruikerservaring en heeft daarom strikte richtlijnen opgesteld als het gaat om de integratie van popups op mobiele websites. Het beschouwt pop-ups in de vorm van interstitiële advertenties als opdringerig en belemmerend voor de algehele gebruikerservaring tijdens het browsen op mobiel.

Het heeft daarom strenge normen geschetst voor het verbeteren van de mobiele zoekervaring. Deze omvatten het bestraffen van webpagina's die hinderlijke pop-ups op de landingspagina's tonen (een waarop de gebruikers terechtkomen nadat ze op de Google-zoekresultaten hebben geklikt).

Waar u op moet letten bij het ontwerpen van pop-ups, zodat de positie van uw website in de zoekresultaten er niet door wordt beïnvloed.

  • De pop-ups mogen niet de hoofdinhoud van de webpagina bedekken terwijl de gebruiker aan het browsen is
  • De pop-up moet de vorm hebben van een zelfstandige interstitial die de gebruiker moet sluiten om bij de hoofdinhoud te komen
  • Boven het vouwgedeelte van de paginalay-out mag niet uitsluitend de pop-up bestaan ​​die de gebruiker naar beneden laat scrollen om toegang te krijgen tot de inhoud.

Mobiele pop-ups gebruiken om conversies te stimuleren

Ondanks het feit dat Google geen voorstander is van mobiele pop-ups en de algemene publieke opinie over pop-ups negatief is, is hun belang en vermogen om websiteconversies genereren voor uw bedrijf valt niet te ontkennen.

Als ze correct worden uitgevoerd, kunnen pop-ups het aantal aanmeldingen van gebruikers stimuleren en op een gunstige manier inkomsten genereren. Of u nu een e-commerce website ontwerpt of een B2B SaaS-websiteVanuit zakelijk oogpunt is het ontwerpen van effectieve pop-ups die gebruikers ertoe aanzetten erop te klikken van cruciaal belang.

Hier zijn 5 manieren waarop u pop-ups op uw responsieve website er geweldig uit kunt laten zien op een mobiel apparaat zonder de zoekresultaten negatief te beïnvloeden.

mobiele pop-ups Poptin
Mobiele pop-upsjabloon van Popup-bouwer Poptin

1. Ontwerp de pop-up voor mobiel

Responsief ontwerp betekent niet dat dezelfde pop-up die op de desktop wordt weergegeven, ook voor mobiele apparaten zou werken. De hoeveelheid schermruimte die beschikbaar is bij mobiele telefoons is aanzienlijk kleiner, dus het hebben van dezelfde reeks pop-ups zou uiteindelijk de gebruikersinterface steevast onoverzichtelijk maken en daarmee de gebruikerservaring verminderen.

Ook pop-ups die op desktopwebsites worden weergegeven, vallen niet onder de Google-straf, dus u kunt pop-ups op volledige pagina's weergeven die de inhoud bedekken en het zou uw webpagina-ranglijsten niet belemmeren. Een vergelijkbare strategie op mobiel zou het responsieve ontwerp wel kunnen.

Door verschillende pop-ups te ontwerpen voor de web- en mobiele versies van uw website, krijgt u de overhand op het ontwerp en biedt u speelruimte voor de richtlijnen van Google.

2. Let op het aanraakdoel

Het ontwerpen van pop-ups voor internet en mobiel is fundamenteel anders vanwege het verschil in schermgroottes en het soort gebruikersinteractie dat in beide gevallen bestaat. Hoewel de invoervelden bij het web kleiner kunnen zijn om muisklikken mogelijk te maken, moeten deze groot genoeg zijn om aanraakdoelen te kunnen bevatten.

Een kleiner aanraakdoel leidt tot het 'dikkevingersyndroom'. De gebruiker kan in plaats van te converteren, uw website verlaten.

website als hij de gewenste actie niet kan uitvoeren op de mobiele apparaten.

Als vuistregel geldt dat elke klikbare knop op uw mobiele website minimaal 44×30 px moet zijn. Mobiele apparaten zijn niet het favoriete invoermedium van de gebruiker. Als u om e-mailaanmeldingen vraagt, zorg er dan voor dat het invoerveld groot genoeg is zodat de gebruikers er met één vingerbeweging op kunnen klikken en dat het invoerformulier een flow heeft die de gebruiker de minste wrijving biedt.

3. Houd de grootte van de mobiele pop-up beperkt

Een bannerpop-up onder aan het scherm die niet de hoofdinhoud van de webpagina bedekt, is een populaire strategie om pop-ups op de landingspagina op te nemen. Omdat het niet de hoofdinhoud van de website dekt die boven de vouw ligt, is het niet in strijd met de specificaties van Google.

Het is ook minder hinderlijk voor de gebruikers dan een modale pop-up over de volledige pagina. De enige uitdaging bij het integreren van deze pop-upstrategie is dat u een beperkte hoeveelheid beschikbare ruimte overhoudt om uw klanten voldoende waarde te bieden om te converteren.

Omdat de pop-up kleiner is, kan deze de aandacht van de gebruiker ontwijken. Bovendien kunnen de kleinere invoervelden een uitdaging vormen voor de gebruikers die zich op uw lijst willen abonneren.

Mobiele pop-ups Poptin pop-up bouwer

4. Bombardeer de gebruiker niet met pop-ups

Pop-ups die verschijnen zodra de gebruiker op uw webpagina terechtkomt, zijn meteen een afknapper. Neem ze op zo'n manier op dat ze later tijdens het browsen van de gebruiker worden geactiveerd, zodra hij de kans heeft gehad om de inhoud eerst te consumeren. Laat de pop-up niet onmiddellijk of binnen enkele seconden na aankomst van de bezoeker verschijnen.

Een andere haalbare strategie is om de pop-up weer te geven op de tweede pagina die de gebruiker bezoekt. Op deze manier is er geen sprake van overtreding van de richtlijnen van Google en omdat de gebruiker voldoende tijd heeft gehad om waardevolle content te consumeren, is de kans op conversie ook groter.

5. Begrijp de intentie en bied waarde

De pop-ups die waarde bieden, zorgen ervoor dat de gebruiker er vrijwillig op klikt. Dergelijke pop-ups nemen zichzelf op in de reis van de gebruiker via uw mobiele website en resulteren ook in een naadloze gebruikerservaring.

Het begrijpen van de psychologie van de gebruiker en het ontcijferen van de intentie waarmee de gebruiker de webpagina bezoekt, levert u de leads op die u nodig heeft om een ​​overtuigende waardepropositie op te stellen. Er wordt dan een call-to-action-knop op de landingspagina opgenomen in plaats van een pop-up. Als u op de CTA klikt, wordt de pop-up weergegeven.

In tegenstelling tot andere soorten pop-ups waarop de gebruikers uit frustratie klikken (om ze te sluiten) of er per ongeluk op klikken vanwege hun plaatsing, zijn CTA-pop-ups beter geïntegreerd. Omdat de gebruikers er vrijwillig op klikken, is een verbeterde gebruikerservaring gegarandeerd.

Welke strategie u ook kiest, bij het ontwerpen van de pop-ups en de gehele mobiele website als geheel moet rekening worden gehouden met de algehele gebruikerservaring. Het begrijpen van de psychologie van de bezoeker en het tegemoetkomen aan hun behoeften is de sleutel tot zakelijk succes en meer conversies.

Impact van mobiele pop-ups op SEO en gebruikerservaring

Het maken van mobiele pop-ups die zowel aantrekkelijk zijn voor gebruikers als SEO-vriendelijk zijn, is essentieel voor het behouden van zoekresultaten en positieve interacties op uw site. Pop-ups die niet goed zijn ontworpen, met name die opdringerig zijn, kunnen leiden tot sancties van Google, wat een aanzienlijke impact kan hebben op uw zoekresultaten en gebruikersbehoud. Hier leest u hoe u ervoor kunt zorgen dat uw mobiele pop-ups voldoen aan zowel SEO- als gebruikerservaringsnormen (UX).

1. SEO-vriendelijke pop-ups

Google geeft prioriteit aan de gebruikerservaring in zijn zoekalgoritmen en sinds 2017 bestraft het sites met opdringerige interstitials op mobiel. Dit zijn pop-ups of overlays die een groot deel van de content blokkeren, waardoor het voor gebruikers moeilijk wordt om toegang te krijgen tot informatie. Om straffen te voorkomen, moet u ervoor zorgen dat uw pop-ups voldoen aan de richtlijnen van Google:

  • Vermijd pop-ups op volledig scherm bij binnenkomst: Google markeert pop-ups op volledig scherm die direct verschijnen wanneer een gebruiker een mobiele site bezoekt. Gebruik in plaats daarvan kleinere, niet-opdringerige pop-ups die slechts een deel van het scherm beslaan of hun verschijning uitstellen totdat de gebruiker met de content bezig is.
  • Gebruik slimme triggers in plaats van directe pop-ups: In plaats van een pop-up te tonen zodra iemand op uw site arriveert, gebruikt u scroll triggers, time delays of exit-intent triggers om pop-ups op de juiste tijden te tonen. Deze aanpak zorgt ervoor dat gebruikers als eerste met uw content kunnen interacteren, wat hun ervaring verbetert en bouncepercentages verlaagt.
  • Ontwerp voor toegankelijkheid: Zorg ervoor dat je pop-ups makkelijk te sluiten zijn. Google verwacht dat gebruikers pop-ups zonder frustratie kunnen sluiten, dus zorg voor een duidelijk zichtbare 'X'-knop en zorg ervoor dat de sluitoptie op alle schermformaten toegankelijk is.
  • Optimaliseer laadsnelheid: Popups die te langzaam laden of pagina-inhoud vertragen, kunnen een negatieve invloed hebben op de laadsnelheid van uw site, wat een rankingfactor is in Google's mobile-first indexering. Gebruik lichtgewicht pop-upontwerpen en test laadsnelheden om ervoor te zorgen dat uw pop-up de gebruikerservaring niet vertraagt.

Key Takeaway: Om SEO-vriendelijke pop-ups te maken, moet u ervoor zorgen dat ze zo min mogelijk opdringerig zijn, gemakkelijk te sluiten zijn en alleen verschijnen nadat de gebruiker de kans heeft gehad om met uw content te interacteren.

2. Balans tussen conversie en gebruikerservaring

Hoewel pop-ups zeer effectief kunnen zijn voor conversies, is het cruciaal om deze doelen in evenwicht te brengen met de gebruikerservaring om te voorkomen dat bezoekers gefrustreerd raken. Hier zijn enkele best practices om deze balans te behouden:

  • Beperk het aantal pop-ups: Te veel pop-ups weergeven kan een negatieve gebruikerservaring creëren, vooral op mobiele apparaten met kleinere schermen. Concentreer u op een of twee goed geplaatste pop-ups om te voorkomen dat u gebruikers overweldigt. U kunt bijvoorbeeld één pop-up gebruiken om e-mailaanmeldingen te verzamelen of een korting aan te bieden.
  • Pas pop-ups aan op gebruikersgedrag: Pop-ups targeten op basis van gebruikersgedrag (zoals de tijd die op de pagina wordt doorgebracht of het aantal bekeken pagina's) zorgt ervoor dat ze minder opdringerig aanvoelen. Bijvoorbeeld, een exit-intent pop-up kan de aandacht trekken zonder de browse-ervaring te onderbreken. Gebruik scrolldieptetriggers om ervoor te zorgen dat pop-ups alleen verschijnen als gebruikers interesse hebben getoond in de content.
  • Houd de inhoud kort en gericht: Mobiele gebruikers verwachten snelle en bondige informatie. Beperk uw pop-uptekst tot een paar regels en concentreer u op de meest overtuigende onderdelen van uw aanbod. Vermijd rommel en maak uw call-to-action (CTA) duidelijk en uitvoerbaar.
  • A/B-test uw pop-ups: Voer A/B-testen uit om de juiste balans te vinden tussen effectiviteit en gebruikerservaring. Test verschillende timings, plaatsingen en formaten om te bepalen welke aanpak leidt tot conversies zonder dat dit ten koste gaat van de betrokkenheid of hoge bouncepercentages.
  • Overweeg alternatieve formaten: Als standaard pop-ups te opdringerig aanvoelen, verken dan alternatieve methoden zoals slide-ins, notificatiebalken of in-line callouts. Deze formaten passen vaak naadloos bij de content en trekken de aandacht zonder het hele scherm te bedekken.

Key Takeaway: Een gebalanceerde pop-upstrategie verbetert de gebruikerservaring en zorgt tegelijkertijd voor conversies. Test uw pop-ups, houd de content minimaal en gebruik op gedrag gebaseerde triggers om een ​​natuurlijkere interactie te creëren.

Lees: Hoe u ervoor kunt zorgen dat uw pop-ups SEO-vriendelijk zijn

Conclusie

Pop-ups die geoptimaliseerd zijn voor mobiel zijn essentieel voor elke responsieve website die leads wil vastleggen en conversies wil stimuleren zonder de gebruikerservaring te verstoren. Door te focussen op eenvoud, geschikte plaatsing, formaat, eenvoudige exit-opties en slimme triggers, kunt u pop-ups maken die er geweldig uitzien op mobiel en aanslaan bij gebruikers. Doordacht ontworpen pop-ups houden gebruikers betrokken en vergroten uw kansen om uw conversiedoelen te bereiken, terwijl u een positieve browse-ervaring behoudt.

Rahul Varshneya is de mede-oprichter en voorzitter van Arkenea. Rahul is gekenmerkt als leider op het gebied van technologie in tal van mediakanalen, zoals onder meer Bloomberg TV, Forbes, HuffPost, Inc.