Steeds meer bezoekers komen binnen via een telefoon, vaak rechtstreeks vanuit een Google-zoekopdracht. Dat maakt pop-ups op mobiel zowel waardevol als riskant: een schermvullend vak dat de pagina verbergt, is irritant op een klein scherm, en Google zegt al jaren dat het dat ook niet fijn vindt. Deze gids legt uit wat Google echt zegt over opdringerige interstitials, welke formats veilig zijn en welke best practices voor mobiele pop-ups je helpen aanmeldingen te verzamelen zonder de ervaring, of je zoekprestaties, te schaden.
Wat Google zegt over opdringerige interstitials
Het standpunt van Google gaat terug op een aankondiging uit augustus 2016, "Helping users easily access content on mobile". Daarin stond dat pagina's waarvan de content niet makkelijk toegankelijk is voor een gebruiker die vanuit mobiele zoekresultaten binnenkomt, vanaf januari 2017 mogelijk minder hoog zouden ranken.
Het bericht noemde drie voorbeelden van technieken die content minder toegankelijk maken:
- Een pop-up tonen die de hoofdcontent bedekt, direct nadat de gebruiker vanuit de zoekresultaten binnenkomt of terwijl die door de pagina bladert.
- Een losse interstitial weergeven die de gebruiker moet wegklikken voordat die bij de hoofdcontent kan.
- Een lay-out gebruiken waarbij de bovenkant van de pagina op een losse interstitial lijkt en de echte content onder de vouw wordt geduwd.
Het noemde ook voorbeelden die er bij verantwoord gebruik niet door zouden worden getroffen:
- Interstitials die voortkomen uit een wettelijke verplichting, zoals cookietoestemming of leeftijdsverificatie.
- Inlogvensters op sites waarvan de content niet openbaar indexeerbaar is.
- Banners die een redelijk deel van het scherm gebruiken en makkelijk weg te klikken zijn.
De huidige documentatie van Google, "Avoid intrusive interstitials and dialogs", ademt dezelfde geest. Ze beschrijft opdringerige interstitials als pagina-elementen die het zicht van gebruikers op de content belemmeren, raadt af de hele pagina te bedekken en beveelt banners aan die maar een klein deel van het scherm innemen. Ook staat erin dat opdringerige elementen het voor zoekmachines lastiger kunnen maken om je content te begrijpen.
Is het een rankingfactor?
De documentatie over paginaervaring van Google noemt "Vermijden je pagina's opdringerige interstitials?" als een van de vragen die je over je pagina's moet stellen. Er staat ook dat er niet één signaal voor paginaervaring is, dat Core Web Vitals door de rankingsystemen van Google worden gebruikt en dat andere aspecten van paginaervaring een website niet direct hoger laten ranken.
De praktische conclusie: verwacht niet dat een pop-up in zijn eentje je rankings laat kelderen, maar negeer het ook niet. Een pop-up die de content blokkeert waarvoor mensen kwamen, is slecht voor bezoekers, en wat slecht is voor bezoekers, is op de lange termijn meestal ook slecht voor zoekresultaten.
Toegestane vs riskante formats op mobiel
Op basis van de richtlijnen van Google zie je hier hoe gangbare pop-upformats zich op een telefoon tot elkaar verhouden.
Lager risico
- Een smalle balk boven- of onderaan die de content niet bedekt.
- Een teaserknop in een hoek die de pop-up pas opent als erop wordt getikt.
- Een slide-in die een klein deel van het scherm inneemt en makkelijk te sluiten is.
- Elke pop-up die de bezoeker zelf opent, bijvoorbeeld door op een knop of link te tikken.
Hoger risico
- Een schermvullende pop-up die verschijnt zodra iemand vanuit de zoekresultaten binnenkomt.
- Een gecentreerde pop-up die het grootste deel van een klein scherm bedekt voordat mensen iets hebben gelezen.
- Een pop-up die moeilijk te sluiten is, met een piepkleine of verborgen sluitknop.
De veiligste regel: laat mensen op mobiel eerst de content zien waarvoor ze kwamen, en laat ze zelf kiezen of ze iets groters openen.
Teasers, slide-ins en vertraagde triggers
Je hoeft mobiele pop-ups niet op te geven. Je moet veranderen hoe en wanneer ze verschijnen.
Teasers
Een teaser is een klein, klikbaar element, zoals "Draai en win" in de hoek van het scherm. Niets bedekt de content totdat de bezoeker erop tikt. Doet die dat, dan is de pop-up iets waar hij zelf om vroeg. In Scratcher kun je aan elke pop-up een teaser toevoegen en ervoor kiezen die op bepaalde apparaten te verbergen.
Slide-ins en balken
Een pop-up aan de zijkant of een balk bovenaan neemt een klein deel van het scherm in. Houd hem op een telefoon compact en zorg dat de sluitknop makkelijk met een duim te raken is.
Vertraagde triggers
In plaats van de pop-up te tonen op het moment dat iemand binnenkomt, wacht je tot die persoon interesse heeft getoond:
- Na een tijd op de pagina, zodat mensen tijd hebben gehad om te lezen.
- Na scrollen, bijvoorbeeld als ze halverwege een artikel of productpagina zijn.
- Bij een klik, als mensen op een knop of link tikken die de pop-up opent.
Exit intent werkt door de muis te volgen en is dus een trigger die alleen op desktop werkt. Plan daarom een andere trigger voor mobiele bezoekers.
In Scratcher kies je per pop-up de positie (balk bovenaan, zijkant, midden of volledig scherm), de trigger en de apparaten waarop hij verschijnt. Zo kun je bijvoorbeeld één pop-up als schermvullende game voor desktopbezoekers draaien en een andere als teaser voor mobiele bezoekers. Alle opties staan op onze pop-uppagina.
Duimvriendelijke games op mobiel
Bevat je pop-up een game, dan moet die werken met één duim op een klein scherm.
- Eén tik of één swipe. Het rad van fortuin, de kraskaart en de mysterybox zijn ideaal. Bewaar puzzels en memorygames voor een landingspagina.
- Grote knoppen en tikvlakken. Kleine selectievakjes zijn lastig te raken.
- Een kort formulier. Een e-mailadres en een selectievakje voor toestemming is vaak genoeg. Het juiste toetsenbord per veld helpt ook.
- Leesbare tekst zonder inzoomen.
- Een zichtbare sluitknop, altijd.
Het team van Andel Energi zegt het simpel: "De meeste gebruikers bekijken onze campagnes op mobiel, dus snel mobielvriendelijke ervaringen kunnen maken en aanpassen is essentieel." Lees hoe Andel Energi zijn campagnes bouwt.
Bekijk op onze pagina over game-pop-ups welke games het best werken als pop-up.
Laadsnelheid
Een pop-up die je pagina vertraagt, schaadt precies de bezoekers die hij probeert te converteren. En omdat Core Web Vitals door de rankingsystemen van Google worden gebruikt, telt paginasnelheid ook mee voor zoekresultaten.
- Duw geen content opzij. Een pop-up of balk die de pagina naar beneden duwt nadat die is geladen, veroorzaakt layoutverschuivingen. Overlays die bovenop de pagina liggen, voorkomen dat. Pop-ups van Scratcher worden bovenop de pagina getoond in plaats van erin ingevoegd.
- Houd afbeeldingen licht. Comprimeer achtergronden en afbeeldingen van prijzen, vooral voor mobiel.
- Gebruik één script. Met Scratcher plak je één keer een klein script op je website, en dat werkt voor elke pop-up die je daarna maakt.
- Test op een echte telefoon met een mobiele verbinding, niet alleen op de wifi van kantoor.
Weet je niet zeker of een pop-up de juiste plek is voor je campagne? Je kunt de game ook direct op een pagina van je website zetten of hem een eigen landingspagina geven, wat vaak beter past bij mobiel verkeer uit advertenties en social media.
Checklist met best practices voor mobiele pop-ups
- De pop-up bedekt de hoofdcontent niet zodra mensen vanuit de zoekresultaten binnenkomen.
- Op mobiel gebruik je een teaser, een balk, een slide-in of een vertraagde trigger.
- De sluitknop is groot en makkelijk te vinden.
- De game kost één tik of swipe.
- Het formulier vraagt om een e-mailadres en toestemming, om te beginnen niets meer.
- Tekst is leesbaar zonder inzoomen.
- De pop-up duwt de content van de pagina niet opzij.
- Afbeeldingen zijn gecomprimeerd.
- Je beperkt hoe vaak elke bezoeker hem ziet.
- Je hebt hem getest op een echte telefoon.
Verzamel aanmeldingen op mobiel, op een vriendelijke manier
Mobiele pop-ups zijn niet verboden, en ze kunnen heel goed werken. De pop-ups die werken, respecteren de bezoeker: ze wachten, blijven klein tot ze worden uitgenodigd en zijn makkelijk te sluiten.
Onze gids over hoe je goed converterende pop-ups maakt laat de volledige opzet zien. Of start je gratis proefperiode van 14 dagen en bekijk je eerste game-pop-up op telefoon, tablet en desktop voordat hij live gaat.
