Allt fler av dina besökare kommer från en mobil, ofta direkt från en Google-sökning. Det gör pop-ups på mobil både värdefulla och riskabla: en helskärmsruta som döljer sidan är irriterande på en liten skärm, och Google har i flera år sagt att de inte gillar det heller. Den här guiden förklarar vad Google faktiskt säger om påträngande interstitials, vilka format som är säkra och den bästa praxisen för pop-ups på mobil som låter dig samla in registreringar utan att förstöra upplevelsen eller din sökprestanda.
Vad Google säger om påträngande interstitials
Googles hållning går tillbaka till ett meddelande i augusti 2016, ”Helping users easily access content on mobile”. Där stod att sidor där innehållet inte är lätt att komma åt för en användare som kommer från mobila sökresultat från och med januari 2017 kan ranka sämre.
Inlägget listade tre exempel på tekniker som gör innehåll mindre tillgängligt:
- Att visa en pop-up som täcker huvudinnehållet, antingen direkt när användaren kommer från sökningen eller medan de tittar igenom sidan.
- Att visa en fristående interstitial som användaren måste stänga innan de kan nå huvudinnehållet.
- Att använda en layout där sidans överdel ser ut som en fristående interstitial och det riktiga innehållet skjuts ned under vecket.
Det listade också exempel som inte skulle påverkas om de används ansvarsfullt:
- Interstitials som svarar mot en laglig skyldighet, som samtycke till cookies eller åldersverifiering.
- Inloggningsdialoger på webbplatser där innehållet inte är offentligt indexerbart.
- Banners som använder en rimlig mängd skärmyta och är lätta att stänga.
Googles aktuella dokumentation, ”Avoid intrusive interstitials and dialogs”, behåller samma anda. Den beskriver påträngande interstitials som sidelement som skymmer användarnas vy av innehållet, avråder från att dölja hela sidan och rekommenderar banners som bara tar upp en liten del av skärmen. Den noterar också att påträngande element kan göra det svårare för sökmotorer att förstå ditt innehåll.
Är det en rankingfaktor?
Googles dokumentation om sidupplevelse listar ”Do your pages avoid using intrusive interstitials?” som en av frågorna att ställa om dina sidor. Den säger också att det inte finns någon enskild signal för sidupplevelse, att Core Web Vitals används av Googles rankningssystem och att andra aspekter av sidupplevelsen inte direkt hjälper en webbplats att ranka högre.
Den praktiska slutsatsen: räkna inte med att en pop-up ensam sänker din ranking, men ignorera den inte heller. En pop-up som blockerar det innehåll folk kom för är dålig för besökarna, och det som är dåligt för besökarna tenderar att vara dåligt för sökningen i längden.
Tillåtna och riskabla format på mobil
Utifrån Googles riktlinjer jämförs här vanliga pop-up-format på en mobil.
Lägre risk
- Ett litet fält upptill eller nedtill som inte täcker innehållet.
- En teaserknapp i ett hörn som bara öppnar pop-upen när man trycker på den.
- En slide-in som tar upp en liten del av skärmen och är lätt att stänga.
- Varje pop-up som besökaren själv öppnar, till exempel genom att trycka på en knapp eller länk.
Högre risk
- En helskärms-pop-up som visas så fort någon landar från sökningen.
- En centrerad pop-up som täcker större delen av en liten skärm innan folk har hunnit läsa något.
- En pop-up som är svår att stänga, med en liten eller dold stängknapp.
Den säkraste regeln: på mobil ska folk först få se det innehåll de kom för, och själva välja att öppna något större.
Teasers, slide-ins och fördröjda triggers
Du behöver inte ge upp pop-ups på mobil. Du behöver ändra hur och när de visas.
Teasers
En teaser är ett litet, klickbart element, som ”Snurra och vinn” i hörnet av skärmen. Ingenting täcker innehållet förrän besökaren trycker på det. När de gör det är pop-upen något de har bett om. I Scratcher kan du lägga till en teaser i valfri pop-up och välja att dölja den på vissa enheter.
Slide-ins och fält
En sido-pop-up eller ett fält upptill tar upp en liten del av skärmen. På en mobil ska du hålla den kompakt och se till att stängknappen är lätt att träffa med tummen.
Fördröjda triggers
I stället för att visa pop-upen i samma stund som någon kommer ska du vänta tills de har visat intresse:
- Efter tid på sidan, så att folk har haft tid att läsa.
- Efter scrollning, till exempel när de har scrollat halvvägs ned i en artikel eller på en produktsida.
- Vid klick, när folk trycker på en knapp eller länk som öppnar pop-upen.
Utgångsavsikt (exit intent), som fungerar genom att spåra musen, är en trigger enbart för datorer, så planera en annan trigger för besökare på mobil.
I Scratcher väljer du position (fält upptill, sida, mitten eller helskärm), trigger och de enheter som varje pop-up visas på, så att du till exempel kan köra en pop-up som ett helskärmsspel för besökare på dator och en annan som en teaser för besökare på mobil. Alla alternativ finns på vår sida om pop-ups.
Tumvänliga spel på mobil
Om din pop-up innehåller ett spel måste det fungera med en tumme på en liten skärm.
- Ett tryck eller en svepning. Lyckohjul, skraplott och mystery box är idealiska. Spara pussel och memory för en landningssida.
- Stora knappar och tryckytor. Små kryssrutor är svåra att träffa.
- Ett kort formulär. En e-postadress och en samtyckesruta räcker ofta. Rätt tangentbord för varje fält hjälper också.
- Läsbar text utan att zooma.
- En synlig stängknapp hela tiden.
Andel Energis team sa det enkelt: ”Majoriteten av användarna interagerar med våra kampanjer på mobil, så att snabbt kunna skapa och justera mobilvänliga upplevelser är avgörande.” Läs hur Andel Energi bygger sina kampanjer.
Se vilka spel som fungerar bäst som pop-ups på vår sida om spel-pop-ups.
Laddningsprestanda
En pop-up som gör din sida långsammare skadar just de besökare den försöker konvertera. Och eftersom Core Web Vitals används av Googles rankningssystem spelar sidhastigheten roll även för sökningen.
- Putta inte runt innehåll. En pop-up eller ett fält som skjuter ned sidan efter att den har laddats orsakar layoutförskjutningar. Överlagringar som ligger ovanpå sidan undviker detta. Scratchers pop-ups visas ovanpå sidan i stället för att infogas i den.
- Håll bilderna lätta. Komprimera bakgrunder och prisbilder, särskilt för mobil.
- Använd ett enda skript. Med Scratcher klistrar du in ett litet skript på din webbplats en gång, och det fungerar för varje pop-up du gör därefter.
- Testa på en riktig mobil på en mobil anslutning, inte bara på kontorets wifi.
Är du osäker på om en pop-up är rätt plats för din kampanj? Du kan också lägga spelet direkt på en sida på din webbplats eller ge det en egen landningssida, vilket ofta passar bättre för mobiltrafik från annonser och sociala medier.
Checklista för bästa praxis för pop-ups på mobil
- Pop-upen täcker inte huvudinnehållet så fort folk landar från sökningen.
- På mobil använder du en teaser, ett fält, en slide-in eller en fördröjd trigger.
- Stängknappen är stor och lätt att hitta.
- Spelet kräver ett tryck eller en svepning.
- Formuläret ber om en e-postadress och samtycke, inget mer till att börja med.
- Texten är läsbar utan att zooma.
- Pop-upen skjuter inte runt sidans innehåll.
- Bilderna är komprimerade.
- Du begränsar hur ofta varje besökare ser den.
- Du har testat den på en riktig mobil.
Samla in registreringar på mobil, på ett vänligt sätt
Pop-ups på mobil är inte förbjudna, och de kan fungera mycket bra. De som fungerar respekterar besökaren: de väntar, de förblir små tills de blir inbjudna och de är lätta att stänga.
Vår guide om hur du skapar pop-ups med hög konvertering visar hela upplägget. Eller starta din kostnadsfria provperiod på 14 dagar och förhandsgranska din första spel-pop-up på mobil, surfplatta och dator innan den går live.
