W pełni responsywne strony: automatycznie skaluj zawartość do dowolnego urządzenia i przeglądarki
Opublikowany: 2019-02-19Szybkie linki
- Co to są responsywne strony?
- Jak to działa
- Co jeszcze nowego?
- Przedstawiamy Thor Render Engine™
- Jak aktywować Thor Render Engine™
- Problemy i jak je rozwiązują Responsive Page Experiences
- Zacznij korzystać z Responsive Page Experiences już dziś
Komputery stacjonarne, mobilne, tablety… W naszym wieloekranowym społeczeństwie nigdy nie wiadomo, z jakiego urządzenia ktoś korzysta, aby odwiedzić Twoją stronę docelową po kliknięciu. Strony docelowe po kliknięciu, które zaniedbują optymalizację pod kątem wyświetlania na komputerach, urządzeniach mobilnych i tabletach, są często trudne w nawigacji i zniechęcają do potencjalnych konwersji, gdy użytkownicy są sfrustrowani i porzucają Twoją stronę. Ten scenariusz jest wzmocniony, gdy weźmiemy pod uwagę, że 57% całego ruchu online w USA pochodzi obecnie ze smartfonów i tabletów.
I spójrzmy prawdzie w oczy — nikt nie chce szczypać i powiększać.
Dla reklamodawców i marketerów, którzy decydują się zoptymalizować jakość swoich stron na różnych urządzeniach, projektowanie i aktualizowanie dedykowanych środowisk mobilnych i tabletów jest czasochłonne. W dzisiejszych czasach bardziej niż kiedykolwiek dla reklamodawców i marketerów ważne jest tworzenie doświadczeń dostosowanych do urządzeń mobilnych.
Zamiast tworzyć dedykowaną stronę docelową po kliknięciu dla każdego rozmiaru ekranu i rozdzielczości, zasługujesz na lepsze rozwiązanie. To rozwiązanie powinno umożliwić stworzenie jednolitej strony, która automatycznie skaluje się do urządzenia, na którym jest wyświetlana, oszczędzając cenne zasoby i jednocześnie optymalizując pod kątem konwersji.
Teraz masz to dzięki Responsive Page Experiences.
Czym są responsywne strony w Instapage?
Od dzisiaj możesz uruchamiać w pełni responsywne strony docelowe po kliknięciu, aby zoptymalizować doświadczenia na różnych komputerach i urządzeniach mobilnych. Nasza platforma automatycznie skaluje zawartość i elementy strony, aby dopasować ją do rozmiaru ekranu, na którym oglądane są strony. Teraz Twoi goście będą mieli spójne wrażenia, które są zoptymalizowane pod kątem ich urządzenia i rozmiaru ekranu bez konieczności przesuwania, powiększania lub przewijania.
Wraz z niemal natychmiastową szybkością ładowania strony (więcej na ten temat później), odwiedzający mogą teraz korzystać z szybkiego ładowania na wszystkich swoich urządzeniach. Funkcja Responsive Page Experience jest obsługiwana na wszystkich popularnych typach, rozmiarach i rozdzielczościach urządzeń, w tym na popularnych smartfonach, tabletach i modelach komputerów stacjonarnych.
Czym to się różni od responsywności na urządzeniach mobilnych?
Dawno temu strony docelowe Instapage po kliknięciu były responsywne na urządzenia mobilne, ale ta nowa funkcja dotyczy nie tylko urządzeń mobilnych. Ta aktualizacja dotyczy również przeglądarek, ponieważ wszystkie nowe strony są w pełni responsywne na popularnych urządzeniach w głównych przeglądarkach internetowych, w tym Google Chrome, Firefox i Safari.
Połączenie Responsive Page Experiences, AMP i funkcji responsywnych na urządzenia mobilne, takich jak ukrywanie bloków mobilnych, regeneracja bloków mobilnych i blokowanie współczynnika proporcji mobilnych, sprawia, że Instapage jest platformą do optymalizacji po kliknięciu z najbardziej wszechstronnymi funkcjami optymalizacji mobilnej na rynku.
Jak to działa
Dla ciekawskich technicznie, nasze strony przełączają się z widoku pulpitu na widok mobilny przy 768px, a nasz rozmiar treści mobilnej to 400px. Skalowanie ma miejsce, gdy rozmiar ekranu jest mniejszy niż rozmiar zawartości (od 768 do 1200 pikseli) i gdy rozmiar ekranu jest mniejszy niż 400. Gdy rozmiar ekranu urządzenia jest mniejszy niż rozmiar zawartości, zawartość jest automatycznie skalowana, aby dopasować się do rozmiaru ekranu urządzenia. Jeśli rozmiar ekranu jest większy niż zawartość, rozmiar zawartości pozostaje stały.

Co jeszcze oferuje ta funkcja?
Zwiększenie szybkości strony nie jest nowym odkryciem dla marketerów cyfrowych. To już oczywiste, ale zapytajmy Cię o to…
Czy masz zastrzeżony algorytm, taki jak Thor Render Engine™?
Niezależnie od używanego urządzenia Twoje strony ładują się szybciej niż kiedykolwiek. Ponieważ zadebiutował w grudniu 2018 roku z 4 nowymi funkcjami produktu, Instapage Thor Render Engine™ jest znacznie szybszy. Klienci Instapage mogą zarabiać nawet 3x szybciej strony. Korzystając z Google PageSpeed Insights, przeprowadziliśmy przykładowy test, aby pokazać ulepszenia.
Porównanie starego generatora z Thor Render Engine™
Przykład tutaj to ta sama dokładna strona, jedyną różnicą jest to, że pierwszy wynik używał starego generatora stron, podczas gdy drugi wynik pokazuje szybkość strony z Thor Render Engine™:


Wynik 56 w pierwszym teście i zwiększenie go do 95 w drugim teście oznacza wzrost szybkości ładowania strony o 58,9%.
Jak aktywować Thor Render Engine™
Nowe strony będą automatycznie korzystać z nowego generatora stron, ale w przypadku istniejących stron użytkownicy muszą „zaktualizować zmiany”, a następnie potwierdzić, że chcesz przenieść.
Uwaga: ta aktualizacja produktu jest niezależna od stron docelowych AMP po kliknięciu, ponieważ są to różne struktury kodu. Aby uzyskać szczegółowe informacje na temat AMP, przeczytaj nasze oficjalne ogłoszenie o produkcie tutaj.
Bolesne punkty i jak je rozwiązują Responsive Page Experiences
Ból punkt 1
Chcę udostępniać elastyczne strony internetowe różnym odwiedzającym, ale brakuje mi dodatkowych zasobów do kodowania moich stron jako takich.
Rozwiązanie
Strony docelowe Instapage po kliknięciu są domyślnie wbudowane w pełni responsywny projekt i automatycznie skalują się, aby optymalnie dopasować się do urządzeń o różnych rozmiarach ekranu.
Punkt bólu 2
Moi goście pochodzą z wielu różnych typów i rozmiarów urządzeń. Potrzebuję rozwiązania, które automatycznie dostosuje wrażenia ze strony docelowej po kliknięciu, aby wyświetlać się optymalnie niezależnie od urządzenia i rozdzielczości.
Rozwiązanie
Strony docelowe Instapage po kliknięciu są wbudowane w pełni responsywny projekt, który automatycznie skaluje się, aby optymalnie pasować do urządzeń o różnych rozmiarach ekranu. Responsywna strona Instapage pozwala odwiedzającym stale korzystać ze zoptymalizowanej pod kątem konwersji wersji strony docelowej po kliknięciu, niezależnie od używanego urządzenia.
Ból punkt 3
Potrzebuję lepszego sposobu dostarczania zoptymalizowanych doświadczeń moim odwiedzającym niż indywidualne tworzenie dedykowanych doświadczeń dla różnych urządzeń i rozmiarów ekranu.
Rozwiązanie
Responsywne strony Instapage umożliwiają tworzenie jednej strony, która intuicyjnie zmienia rozmiar, aby dopasować się do różnych rozmiarów ekranu.
Zapewnij swoim odwiedzającym jak najlepsze wrażenia
Nikt nie chce szczypać i powiększać, a wszyscy chcemy, aby wszystko zostało zrobione teraz, bez konieczności czekania. Twoi potencjalni klienci i klienci nie różnią się.
Nie pozostawiaj swoich konwersji przypadkowi. Zwiększaj konwersje dzięki responsywnym funkcjom stron na wszystkich popularnych urządzeniach i rozdzielczościach. Dowiedz się, jak tworzyć responsywne środowiska stron, już dziś zarejestruj się na demo Instapage Enterprise.
