Coraz więcej twoich odwiedzających trafia na stronę z telefonu, często prosto z wyszukiwarki Google. To sprawia, że popupy na urządzeniach mobilnych są zarówno wartościowe, jak i ryzykowne: pełnoekranowe okno zasłaniające stronę irytuje na małym ekranie, a Google od lat mówi, że również tego nie lubi. Ten poradnik wyjaśnia, co Google faktycznie mówi o uciążliwych interstitialach, które formaty są bezpieczne oraz jakie są najlepsze praktyki dla popupów mobilnych, dzięki którym zbierzesz zapisy, nie psując doświadczenia użytkowników ani wyników w wyszukiwarce.
Co Google mówi o uciążliwych interstitialach
Stanowisko Google sięga ogłoszenia z sierpnia 2016 roku, „Helping users easily access content on mobile”. Napisano w nim, że od stycznia 2017 roku strony, na których treść nie jest łatwo dostępna dla użytkownika przychodzącego z mobilnych wyników wyszukiwania, mogą być wyżej oceniane gorzej.
We wpisie wymieniono trzy przykłady technik, które utrudniają dostęp do treści:
- Wyświetlanie popupu zasłaniającego główną treść, albo od razu po przejściu z wyszukiwarki, albo podczas przeglądania strony.
- Wyświetlanie samodzielnego interstitiala, który użytkownik musi zamknąć, zanim dotrze do głównej treści.
- Stosowanie układu, w którym górna część strony wygląda jak samodzielny interstitial, a właściwa treść jest wypchnięta poniżej linii zgięcia.
Wymieniono też przykłady, których nie dotyczą ograniczenia, jeśli są używane odpowiedzialnie:
- Interstitiale wynikające z obowiązku prawnego, takie jak zgoda na pliki cookie czy weryfikacja wieku.
- Okna logowania na stronach, na których treść nie jest publicznie indeksowalna.
- Banery zajmujące rozsądną część ekranu i łatwe do zamknięcia.
Aktualna dokumentacja Google, „Avoid intrusive interstitials and dialogs”, zachowuje ten sam duch. Opisuje uciążliwe interstitiale jako elementy strony, które zasłaniają użytkownikom widok treści, odradza zasłanianie całej strony i zaleca banery zajmujące tylko niewielki ułamek ekranu. Zauważa też, że uciążliwe elementy mogą utrudniać wyszukiwarkom zrozumienie twojej treści.
Czy to czynnik rankingowy?
Dokumentacja Google o doświadczeniu ze strony wymienia pytanie „Czy twoje strony unikają uciążliwych interstitiali?” jako jedno z pytań, które warto sobie zadać o swoje strony. Mówi też, że nie ma jednego sygnału doświadczenia ze strony, że Core Web Vitals są używane przez systemy rankingowe Google, a pozostałe aspekty doświadczenia ze strony nie pomagają bezpośrednio witrynie zajmować wyższych pozycji.
Praktyczny wniosek: nie oczekuj, że popup sam zatopi twoje pozycje, ale też go nie ignoruj. Popup blokujący treść, po którą ludzie przyszli, jest zły dla odwiedzających, a to, co jest złe dla odwiedzających, na dłuższą metę zwykle szkodzi też w wyszukiwarce.
Dozwolone i ryzykowne formaty na urządzeniach mobilnych
Na podstawie wytycznych Google oto porównanie popularnych formatów popupów na telefonie.
Niższe ryzyko
- Mały pasek u góry lub na dole, który nie zasłania treści.
- Przycisk zajawki w rogu, który otwiera popup dopiero po stuknięciu.
- Wysuwane okno, które zajmuje niewielką część ekranu i łatwo je zamknąć.
- Każdy popup otwierany przez odwiedzającego, na przykład po stuknięciu przycisku lub linku.
Wyższe ryzyko
- Pełnoekranowy popup pojawiający się, gdy tylko ktoś wejdzie z wyszukiwarki.
- Popup na środku, który zasłania większość małego ekranu, zanim ludzie cokolwiek przeczytają.
- Popup, który trudno zamknąć, z maleńkim lub ukrytym przyciskiem zamknięcia.
Najbezpieczniejsza zasada: na urządzeniach mobilnych pozwól ludziom najpierw zobaczyć treść, po którą przyszli, i pozwól im samodzielnie otworzyć coś większego.
Zajawki, wysuwane okna i opóźnione wyzwalacze
Nie musisz rezygnować z popupów mobilnych. Musisz zmienić to, jak i kiedy się pojawiają.
Zajawki
Zajawka to mały, klikalny element, na przykład „Zakręć i wygraj” w rogu ekranu. Nic nie zasłania treści, dopóki odwiedzający go nie stuknie. Wtedy popup jest czymś, o co sam poprosił. W Scratcherze możesz dodać zajawkę do dowolnego pop-upa i wybrać, by ukrywać ją na niektórych urządzeniach.
Wysuwane okna i paski
Boczny pop-up lub górny pasek zajmuje niewielką część ekranu. Na telefonie zachowaj zwartą formę i zadbaj, by przycisk zamknięcia był łatwy do trafienia kciukiem.
Opóźnione wyzwalacze
Zamiast pokazywać popup w chwili, gdy ktoś wchodzi na stronę, poczekaj, aż okaże zainteresowanie:
- Po określonym czasie na stronie, aby ludzie mieli czas na przeczytanie.
- Po przewinięciu, na przykład gdy przewiną artykuł lub stronę produktu do połowy.
- Po kliknięciu, gdy ludzie stukną przycisk lub link otwierający popup.
Exit intent, który działa na podstawie śledzenia myszy, to wyzwalacz tylko dla komputerów, więc zaplanuj inny wyzwalacz dla odwiedzających mobilnych.
W Scratcherze wybierasz pozycję (górny pasek, bok, środek lub pełny ekran), wyzwalacz i urządzenia, na których każdy pop-up się wyświetla, dzięki czemu możesz na przykład uruchomić jeden pop-up jako pełnoekranową grę dla odwiedzających na komputerze, a drugi jako zajawkę dla odwiedzających mobilnych. Wszystkie opcje znajdziesz na naszej stronie o pop-upach.
Gry przyjazne kciukowi na urządzeniach mobilnych
Jeśli twój popup zawiera grę, musi działać jednym kciukiem na małym ekranie.
- Jedno stuknięcie lub jedno przesunięcie. Idealne są koło fortuny, zdrapka i mystery box. Puzzle i gry memory zostaw na landing page.
- Duże przyciski i pola dotyku. Małe pola wyboru trudno trafić.
- Krótki formularz. E-mail i pole zgody często wystarczą. Pomaga też odpowiednia klawiatura dla każdego pola.
- Czytelny tekst bez powiększania.
- Widoczny przycisk zamknięcia przez cały czas.
Zespół Andel Energi ujął to prosto: „Większość użytkowników korzysta z naszych kampanii na urządzeniach mobilnych, więc możliwość szybkiego tworzenia i dostosowywania doświadczeń przyjaznych dla urządzeń mobilnych jest niezbędna.” Przeczytaj, jak Andel Energi buduje swoje kampanie.
Sprawdź, które gry najlepiej działają jako pop-upy, na naszej stronie o pop-upach z grą.
Wydajność ładowania
Popup, który spowalnia stronę, szkodzi właśnie tym odwiedzającym, których ma przekonać. A ponieważ Core Web Vitals są używane przez systemy rankingowe Google, szybkość strony ma znaczenie również dla wyszukiwarki.
- Nie przesuwaj treści. Popup lub pasek, który po załadowaniu spycha stronę w dół, powoduje przesunięcia układu. Nakładki umieszczone na wierzchu strony tego unikają. Pop-upy Scratchera wyświetlają się na wierzchu strony, a nie są w nią wstawiane.
- Dbaj o lekkie obrazy. Skompresuj tła i obrazy nagród, zwłaszcza na urządzenia mobilne.
- Użyj jednego skryptu. W Scratcherze wklejasz jeden mały skrypt na swojej stronie raz, a potem działa on dla każdego pop-upa, który stworzysz.
- Testuj na prawdziwym telefonie w sieci komórkowej, a nie tylko w biurowym Wi-Fi.
Nie masz pewności, czy pop-up to właściwe miejsce dla twojej kampanii? Możesz też umieścić grę bezpośrednio na stronie swojej witryny lub dać jej osobny landing page, co często lepiej pasuje do ruchu mobilnego z reklam i mediów społecznościowych.
Lista kontrolna najlepszych praktyk dla popupów mobilnych
- Popup nie zasłania głównej treści, gdy tylko ludzie wejdą z wyszukiwarki.
- Na urządzeniach mobilnych używasz zajawki, paska, wysuwanego okna lub opóźnionego wyzwalacza.
- Przycisk zamknięcia jest duży i łatwy do znalezienia.
- Gra wymaga jednego stuknięcia lub przesunięcia.
- Formularz prosi o e-mail i zgodę, na początek nic więcej.
- Tekst jest czytelny bez powiększania.
- Popup nie przesuwa treści strony.
- Obrazy są skompresowane.
- Ograniczasz, jak często każdy odwiedzający go widzi.
- Popup został przetestowany na prawdziwym telefonie.
Zbieraj zapisy na urządzeniach mobilnych w przyjazny sposób
Popupy mobilne nie są zakazane i mogą działać bardzo dobrze. Te, które działają, szanują odwiedzającego: czekają, pozostają małe, dopóki nie zostaną zaproszone, i łatwo je zamknąć.
Nasz poradnik, jak tworzyć pop-upy o wysokiej konwersji, pokazuje pełną konfigurację. Możesz też rozpocząć bezpłatny 14-dniowy okres próbny i obejrzeć podgląd swojego pierwszego pop-upa z grą na telefonie, tablecie i komputerze, zanim zostanie opublikowany.
