Stále více vašich návštěvníků přichází přes telefon, často přímo z vyhledávání Google. Díky tomu jsou pop-up okna na mobilu cenná i riskantní zároveň: celoobrazovkový box, který zakryje stránku, je na malé obrazovce otravný a Google už léta říká, že se mu to také nelíbí. Tento průvodce vysvětluje, co Google o rušivých interstitials skutečně říká, které formáty jsou bezpečné, a osvědčené postupy pro mobilní pop-up okna, díky kterým můžete získávat registrace, aniž byste zhoršili zážitek nebo svůj výkon ve vyhledávání.
Co Google říká o rušivých interstitials
Postoj Googlu sahá až k oznámení ze srpna 2016 „Helping users easily access content on mobile“. Uvádělo se v něm, že od ledna 2017 se stránky, jejichž obsah není snadno dostupný uživateli přicházejícímu z mobilních výsledků vyhledávání, nemusí řadit tak vysoko.
Příspěvek uváděl tři příklady technik, které zhoršují dostupnost obsahu:
- Zobrazení pop-up okna, které zakrývá hlavní obsah, buď ihned poté, co uživatel přijde z vyhledávání, nebo během prohlížení stránky.
- Zobrazení samostatného interstitialu, který musí uživatel zavřít, než se dostane k hlavnímu obsahu.
- Použití rozvržení, kde horní část stránky vypadá jako samostatný interstitial a skutečný obsah je odsunut pod přehyb.
Uváděl také příklady, kterých by se změna netýkala, pokud jsou použity zodpovědně:
- Interstitials, které reagují na zákonnou povinnost, například souhlas s cookies nebo ověření věku.
- Přihlašovací dialogy na webech, jejichž obsah není veřejně indexovatelný.
- Bannery, které zabírají přiměřenou část obrazovky a lze je snadno zavřít.
Aktuální dokumentace Googlu „Avoid intrusive interstitials and dialogs“ zachovává stejného ducha. Popisuje rušivé interstitials jako prvky stránky, které uživatelům brání ve výhledu na obsah, nedoporučuje zakrývat celou stránku a doporučuje bannery, které zabírají jen malou část obrazovky. Uvádí také, že rušivé prvky mohou vyhledávačům ztížit pochopení vašeho obsahu.
Je to faktor hodnocení?
Dokumentace Googlu k page experience uvádí otázku „Vyhýbají se vaše stránky používání rušivých interstitials?“ jako jednu z otázek, které si o svých stránkách položit. Zároveň uvádí, že neexistuje jediný signál page experience, že Core Web Vitals využívají systémy hodnocení Googlu a že ostatní aspekty page experience webu přímo nepomáhají k vyššímu umístění.
Praktický závěr: nečekejte, že samotné pop-up okno potopí vaše pozice, ale ani ho neignorujte. Pop-up okno, které blokuje obsah, kvůli kterému lidé přišli, je špatné pro návštěvníky, a co je špatné pro návštěvníky, bývá z dlouhodobého hlediska špatné i pro vyhledávání.
Povolené vs. riskantní formáty na mobilu
Na základě pokynů Googlu takto vychází srovnání běžných formátů pop-up oken na telefonu.
Nižší riziko
- Malá horní nebo dolní lišta, která nezakrývá obsah.
- Teaser tlačítko v rohu, které otevře pop-up okno, až když na něj někdo klepne.
- Vysouvací okno, které zabírá malou část obrazovky a snadno se zavírá.
- Jakékoli pop-up okno otevřené návštěvníkem, například klepnutím na tlačítko nebo odkaz.
Vyšší riziko
- Celoobrazovkové pop-up okno, které se zobrazí, jakmile někdo přijde z vyhledávání.
- Vycentrované pop-up okno, které zakryje většinu malé obrazovky dřív, než si lidé cokoli přečtou.
- Pop-up okno, které se těžko zavírá, s malým nebo skrytým tlačítkem pro zavření.
Nejbezpečnější pravidlo: na mobilu nechte lidi nejprve vidět obsah, kvůli kterému přišli, a nechte je, ať se sami rozhodnou otevřít cokoli většího.
Teasery, vysouvací okna a zpožděné spouštěče
Mobilních pop-up oken se vzdávat nemusíte. Musíte změnit, jak a kdy se zobrazují.
Teasery
Teaser je malý klikací prvek, například „Roztočte a vyhrajte“ v rohu obrazovky. Nic nezakrývá obsah, dokud na něj návštěvník neklepne. Když to udělá, je pop-up okno něčím, o co sám požádal. Ve Scratcheru můžete přidat teaser k jakémukoli pop-up oknu a zvolit, že se na určitých zařízeních skryje.
Vysouvací okna a lišty
Boční pop-up okno nebo horní lišta zabírá malou část obrazovky. Na telefonu je udržujte kompaktní a zajistěte, aby se tlačítko pro zavření dalo snadno trefit palcem.
Zpožděné spouštěče
Místo zobrazení pop-up okna ve chvíli, kdy někdo přijde, počkejte, až projeví zájem:
- Po určité době na stránce, aby lidé měli čas číst.
- Po posunutí stránky, například když se dostanou do poloviny článku nebo produktové stránky.
- Po kliknutí, když lidé klepnou na tlačítko nebo odkaz, který pop-up okno otevře.
Exit intent, který funguje na základě sledování myši, je spouštěč jen pro desktop, takže pro mobilní návštěvníky naplánujte jiný spouštěč.
Ve Scratcheru volíte pozici (horní lišta, boční, uprostřed nebo celá obrazovka), spouštěč a zařízení, na kterých se každé pop-up okno zobrazuje, takže můžete například spustit jedno pop-up okno jako celoobrazovkovou hru pro návštěvníky na desktopu a druhé jako teaser pro mobilní návštěvníky. Všechny možnosti najdete na naší stránce o pop-up oknech.
Hry pro ovládání palcem na mobilu
Pokud vaše pop-up okno obsahuje hru, musí fungovat s jedním palcem na malé obrazovce.
- Jedno klepnutí nebo jedno přejetí. Kolo štěstí, stírací los a tajemný box jsou ideální. Skládačky a pexeso si nechte na landing page.
- Velká tlačítka a dotykové plochy. Malá zaškrtávací políčka se těžko trefují.
- Krátký formulář. E-mail a zaškrtávací políčko pro souhlas často stačí. Pomáhá i správná klávesnice pro každé pole.
- Čitelný text bez přibližování.
- Viditelné tlačítko pro zavření po celou dobu.
Tým Andel Energi to řekl jednoduše: „Většina uživatelů s našimi kampaněmi interaguje na mobilu, takže možnost rychle vytvářet a upravovat zážitky vhodné pro mobil je zásadní.“ Přečtěte si, jak Andel Energi vytváří své kampaně.
Které hry fungují nejlépe jako pop-up okna, zjistíte na naší stránce herní pop-up okna.
Rychlost načítání
Pop-up okno, které zpomaluje vaši stránku, škodí právě těm návštěvníkům, které se snaží konvertovat. A protože Core Web Vitals využívají systémy hodnocení Googlu, rychlost stránky je důležitá i pro vyhledávání.
- Neposouvejte obsah. Pop-up okno nebo lišta, která po načtení posune stránku dolů, způsobuje posuny rozvržení. Překryvné vrstvy, které leží nad stránkou, tomu zabrání. Pop-up okna Scratcheru se zobrazují nad stránkou, ne vložená do ní.
- Udržujte obrázky lehké. Komprimujte pozadí a obrázky výher, zejména pro mobil.
- Používejte jeden skript. Se Scratcherem vložíte na svůj web jednou jeden malý skript a ten funguje pro všechna pop-up okna, která poté vytvoříte.
- Testujte na skutečném telefonu s mobilním připojením, ne jen na kancelářské Wi-Fi.
Nejste si jisti, že je pop-up okno pro vaši kampaň tím správným místem? Hru můžete také umístit přímo na stránku svého webu nebo jí dát vlastní landing page, což se pro mobilní návštěvnost z reklam a sociálních sítí často hodí lépe.
Checklist osvědčených postupů pro mobilní pop-up okna
- Pop-up okno nezakrývá hlavní obsah hned poté, co lidé přijdou z vyhledávání.
- Na mobilu používáte teaser, lištu, vysouvací okno nebo zpožděný spouštěč.
- Tlačítko pro zavření je velké a snadno se najde.
- Hra vyžaduje jedno klepnutí nebo přejetí.
- Formulář žádá o e-mail a souhlas, pro začátek nic víc.
- Text je čitelný bez přibližování.
- Pop-up okno neposouvá obsah stránky.
- Obrázky jsou komprimované.
- Omezujete, jak často ho každý návštěvník uvidí.
- Otestovali jste ho na skutečném telefonu.
Získávejte registrace na mobilu přívětivě
Mobilní pop-up okna nejsou zakázaná a mohou fungovat velmi dobře. Ta, která fungují, respektují návštěvníka: počkají, zůstanou malá, dokud nejsou pozvána, a snadno se zavírají.
Náš průvodce jak vytvořit pop-up okna s vysokou konverzí ukazuje celé nastavení. Nebo začněte 14denní zkušební verzi zdarma a prohlédněte si své první herní pop-up okno na telefonu, tabletu i desktopu dřív, než ho spustíte.
