Tworzenie wyskakującego okienka mobilnego, które nie zaszkodzi Twojemu SEO

Czy chcesz korzystać z wyskakujących okienek mobilnych na swojej stronie?

Wyskakujące okienka mobilne mogą być bardzo skuteczne w generowaniu leadów, zwiększaniu sprzedaży i uzyskiwaniu większej liczby pobrań aplikacji, ale musisz je zaprojektować we właściwy sposób. W przeciwnym razie możesz zaszkodzić rankingowi w wyszukiwarkach Twojej witryny.

W tym przewodniku podzielimy się, jak tworzyć wyskakujące okienka mobilne, które mają wysoką konwersję, nie szkodząc rankingom SEO.

Creating a mobile popup that won't hurt your SEO

Jak mobilne popupy mogą zaszkodzić SEO?

Wyskakujące okienka mobilne mogą zaszkodzić wysiłkom SEO (search engine optimization), jeśli są sprzeczne z wytycznymi Google. Google twierdzi, że witryny mogą być niższe w wyszukiwarce mobilnej za pomocą natrętny śródstopia lub natrętny wyskakujące okienka.

Google nie chce, aby wyskakujące okienko obejmowało całą lub większość strony, zanim użytkownik zobaczy zawartość. Oto kilka przykładów z Google, czego chcą, aby uniknąć.

Google's examples of popups that would get the page penalized

Jeśli strona ma wyskakujące okienko, które pojawia się od razu, Google może ukarać tę stronę. Oznacza to, że Twoja strona nie będzie plasować się tak wysoko w wynikach wyszukiwania Google, jak w innym przypadku.

Więc możesz się zastanawiać, to dlaczego ryzyko tworzenia wyskakujących okienek na urządzeniach mobilnych?

Cóż, krótka odpowiedź jest taka, że pomaga zwiększyć współczynniki konwersji, co prowadzi do większej liczby potencjalnych klientów i sprzedaży.

Dlatego wielu inteligentnych właścicieli firm i marketerów nadal korzysta z wyskakujących okienek zarówno na urządzeniach mobilnych, jak i na komputerach.

Ważne jest to, że musisz tworzyć wyskakujące okienka mobilne we właściwy sposób, aby nie miało to wpływu na twoje rankingi SEO.

Jak stworzyć przyjazne dla urządzeń mobilnych wyskakujące okienka, które nie zaszkodzą rankingom SEO

Istnieje kilka różnych sposobów tworzenia wyskakujących okienek mobilnych, które nie zaszkodzą rankingom SEO. Możesz:

  • Utwórz wyskakujące okienko pełnoekranowe, które pojawi się tylko po pewnym opóźnieniu.
  • Utwórz baner lub slide-in, który obejmuje tylko mniejszą część ekranu.
  • Używaj tylko natychmiastowych pełnoekranowych wyskakujących okienek dla informacji prawnych. Przykłady obejmują uprawnienia plików cookie i wyskakujące okienka weryfikacji wieku. Nie są one karane przez Google.

W naszym przykładzie omówimy, jak utworzyć wyskakujące okienko pełnoekranowe, które pojawi się dopiero po tym, jak użytkownik był w Twojej witrynie przez pewien czas. Podzielimy się jednak również najlepszymi praktykami i taktykami, których możesz użyć do dodania reguł inteligentnego wyświetlania w celu dalszej optymalizacji.

Tworzenie wyskakującego okienka mobilnego z OptinMonster

OptinMonster to najprostszy sposób na stworzenie wyskakującego okienka mobilnego. Jest to najbardziej popularne narzędzie do generowania leadów na rynku i ma potężny WordPress popup builder.

Najpierw musisz odwiedzić stronę OptinMonster i Zarejestrować Konto. Chociaż wszystkie ich szablony są responsywne dla urządzeń mobilnych, potrzebujesz konta Pro, aby odblokować reguły kierowania wyświetlania dla urządzeń mobilnych.

Po rejestracji musisz zainstalować i aktywować wtyczkę OptinMonster w swojej witrynie WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po instalacji powinieneś zobaczyć ekran „Witamy w OptinMonster”. Po prostu kliknij przycisk „Połącz swoje konto” i postępuj zgodnie z instrukcjami wyświetlanymi na ekranie.

Connecting your WordPress website to your OptinMonster account

Po podłączeniu konta OptinMonster powinieneś zobaczyć stronę kampanii. Można również dostać się do tego, przechodząc do OptinMonster ” Kampanie w Twoim adminie WordPress. Kliknij przycisk „Utwórz nową kampanię” w prawym górnym rogu.

Click the Create New Campaign button to create a new campaign in OptinMonster

Zostaniesz przeniesiony do Kreatora kampanii OptinMonster. Po prostu pozostaw typ kampanii ustawiony na wyskakujące okienko.

W szablonie kampanii wybierz filtr zoptymalizowanych urządzeń mobilnych i wybierz szablon. Użyjemy szablonu oferty.

Choose a mobile-optimized campaign template in OptinMonster's campaign builder

OptinMonster poprosi Cię o nazwanie nowej kampanii i wybranie stron internetowych, na których ma być wyświetlana. Wprowadź te dane, a następnie kliknij przycisk „Rozpocznij budowę”.

Name your mobile popup campaign and click the button to start creating your popup

Szablon automatycznie załaduje wyskakujący widok optin w programie OptinMonster builder. Łatwo jest dostosować zawartość lub dodać nowe elementy za pomocą interfejsu przeciągnij i upuść.

Na przykład, aby zmienić domyślny tekst, wystarczy kliknąć go i wpisać tekst, którego chcesz użyć.

Editing the text of your OptinMonster popup

Aby edytować obraz, musisz kliknąć przycisk Ustawienia dla kolumny, w której się znajduje. Przycisk Ustawienia to tryb w szarym polu.

Editing the column to change the image in the Offer mobile-optimized template

Następnie możesz przesłać wybrany obraz, klikając opcję „obraz tła” po lewej stronie.

Replacing the image in your OptinMonster popup

Śmiało i wprowadź tyle zmian, ile musisz wprowadzić w wyskakującym okienku.

Musisz także edytować widok sukces. To jest to, co użytkownicy widzą po wprowadzeniu adresu e-mail. Aby edytować widok sukcesu, po prostu kliknij przycisk sukces nad wyskakującym okienkiem.

Gdy będziesz zadowolony zarówno z widoku optin, jak i widoku sukcesu, nie zapomnij kliknąć przycisku Zapisz u góry ekranu.

Editing the Success view, then saving your changes to the popup

Ustawianie reguł Wyświetlania Dla wyskakującego okienka mobilnego

Teraz nadszedł czas, aby ustawić reguły wyświetlania dla wyskakującego okienka.

Najpierw musisz kliknąć kartę „wyświetl reguły” u góry ekranu.

Domyślną regułą jest wyświetlanie wyskakującego okienka po tym, jak użytkownicy byli w Twojej witrynie przez 5 sekund. Możesz chcieć wydłużyć ten okres czasu. Użyjemy 10 sekund.

Editing the display rule so the popup loads after 10 seconds instead of 5 seconds

Twój popup używa mobilnego zoptymalizowanego szablonu. Oznacza to, że będzie on automatycznie wyświetlany tylko na urządzeniach mobilnych.

Możesz także dodać inne reguły kierowania bezpieczne dla urządzeń mobilnych, aby odblokować dalsze optymalizacje, takie jak:

  • Exit Intent for Mobile – wyświetli się tylko wtedy, gdy użytkownik naciśnie przycisk Wstecz lub przewinie się w górę.
  • Czujnik bezczynności – wyświetli się tylko wtedy, gdy użytkownik przestanie być aktywny w witrynie przez określoną liczbę sekund.
  • Wyskakujące okienka wyzwalania przewijania – wyświetli się ono dopiero po przewinięciu przez użytkownika określonego % strony w dół.
  • Przycisk Kliknij przez MonsterLinks-wyświetli się tylko wtedy, gdy użytkownik kliknie określony przycisk.

Wszystkie powyższe Zasady wyświetlania są oparte na interakcjach użytkownika i nie zaszkodzą rankingom SEO.

Po ustawieniu reguł wyświetlania kliknij przycisk Zapisz, a następnie przejdź do typu integracji. Wystarczy kliknąć przycisk Dodaj nową integrację, aby rozpocząć.

Click the button to add a new integration with an email marketing service

OptinMonster wyświetli listę rozwijaną dostawców poczty e-mail. Kliknij rozwijane menu i wybierz usługę e-mail marketingu.

Select your email provider from the list

Następnie postępuj zgodnie z instrukcjami, aby połączyć listę e-mail. Proces różni się w zależności od usługi e-mail marketingu, ale OptinMonster zapewnia pełne instrukcje.

Po podłączeniu usługi e-mail marketingu kliknij przycisk Zapisz, a następnie przejdź do ekranu Publikuj. Tutaj możesz sprawdzić, czy jesteś zadowolony ze swoich ustawień.

Kiedy będziesz gotowy, kliknij przycisk Publikuj.

Publish your OptinMonster campaign once you've finished

Nie zapomnij też kliknąć przycisku Zapisz u góry ekranu.

Umieszczenie kampanii OptinMonster na twojej stronie internetowej

Twoja kampania OptinMonster nie zostanie automatycznie uruchomiona na twojej stronie WordPress. Zamiast tego musisz zalogować się do swojego administratora WordPress i przejść do OptinMonster ” Kampanie.

Powinieneś teraz zobaczyć swoją nową kampanię wyskakującą mobilną na liście tutaj. Jeśli nie, po prostu kliknij przycisk Odśwież kampanie. Następnie wystarczy kliknąć link „Go Live” znajdujący się pod nazwą kampanii.

Putting your OptinMonster campaign live on your WordPress site

Twoja kampania będzie teraz dostępna na twojej stronie WordPress. Przejdź do swojej witryny na urządzeniu mobilnym.

Po prostu poczekaj na czas określony w regułach wyświetlania, a pojawi się wyskakujące okienko. Oto nasze okienko na żywo na naszej stronie demo.

Our mobile popup displaying on our demo website

Inne rodzaje wyskakujących okienek mobilnych, które nie zaszkodzą twoim mobilnym rankingom SEO

Oprócz wyskakujących okienek z opóźnieniem czasowym i interakcją użytkownika w OptinMonster, można również utworzyć pływający pasek, slide-in lub inline optin.

  • Pływający pasek optin pojawia się u góry lub u dołu ekranu użytkownika, bez zakrywania zawartości.
  • Slide-in pojawia się z dołu lub z boku strony internetowej, zwykle po opóźnieniu czasowym.
  • Wbudowany optin pojawia się w samej treści, częściowo na stronie lub poście.

Po prostu wybierz jeden z tych typów podczas tworzenia kampanii. Następnie zobaczysz szablony, których możesz użyć.

Creating a floating bar campaign in OptinMonster

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się tworzyć wyskakujące okienka mobilne, które nie zaszkodzą Twojemu SEO. Możesz również polubić nasz artykuł na temat najlepszych wtyczek WordPress dla stron biznesowych i naszych sprawdzonych wskazówek, jak zwiększyć ruch na blogu.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…