4 rzeczy, o których należy pamiętać przed rozpoczęciem długiej przewijanej witryny WordPress

Opublikowany: 2021-03-27

Wraz z pojawieniem się sieci społecznościowych, w centrum uwagi znalazły się strony internetowe z długimi przewijaniami (czasami nazywane „nieskończonymi zwojami”). Prawdopodobnie dobrze wiesz, jak one działają – po prostu możesz przewijać przez dłuższą chwilę, nie dochodząc do końca (stopki). Oczywiście jest to bardzo specyficzny rodzaj projektowania stron internetowych, więc nie powinien być stosowany do każdej napotkanej witryny.

Nie trzeba dodawać, że najpierw musisz mieć wystarczającą ilość treści, aby skorzystać z tego typu projektu, aby wdrożenie tego projektu było uzasadnione. Właśnie dlatego giganci, tacy jak Facebook czy Pinterest, zdecydowali się na tę politykę.

Przewijanie strony internetowej

I to też nie jest robione dla kaprysu. Ten projekt ma całkiem spore korzyści. Przede wszystkim utrzymuje zaangażowanie użytkownika na dłużej. Jeśli użytkownicy nie muszą niczego klikać podczas przeglądania treści, jest mniej prawdopodobne, że całkowicie opuszczą witrynę. Dodatkowo, przy odpowiednim kodowaniu, strony z długim przewijaniem bezproblemowo załadują nową stronę, gdy dojdziesz do najnowszych treści, co zwiększa liczbę ich wyświetleń, a tym samym ruch i przychody.

Wykazano jednak, że ten rodzaj projektu jest szkodliwy dla takich rzeczy, jak witryny eCommerce. Po prostu ludzie wiedzą, co chcą kupić i chcą się do tego zabrać, więc zmuszanie ich do przewijania całego ekwipunku przynosi efekt przeciwny do zamierzonego. Ponadto ten rodzaj projektu może negatywnie wpłynąć na użytkownika psychologicznego, ponieważ może on czuć się przytłoczony ilością treści, przez które musi przejść.

Cztery proste sposoby na ulepszenie projektu strony z długim przewijaniem

Pytanie, które należy zadać, brzmi: jak możesz poprawić wygląd swojej witryny, jeśli masz witrynę z długim przewijaniem? Oto kilka pomocnych wskazówek.

1. Dodaj lepkie menu

Czy nie nienawidzisz po prostu, gdy spędzasz dużo czasu na przeglądaniu zawartości strony, a następnie musisz przewijać do samej góry, aby opuścić stronę i być może znaleźć inny artykuł, który zajmuje się tym samym tematem na na tej samej stronie lub po prostu kontynuować przeglądanie strony? Tak, to może być denerwujące.

Można to łatwo naprawić, dodając do interfejsu lepkie menu. Pytasz, co to jest lepkie menu? Cóż, jest to menu, które pozostaje z tobą bez względu na to, ile przewijasz. Dzięki temu nie będziesz musiał cofać się, aby ponownie ją odwiedzić, ale zamiast tego będziesz mógł przejść dalej natychmiast po zakończeniu pracy ze stroną. Rozwiązuje to wiele problemów z długimi przewijanymi stronami internetowymi, zwłaszcza tych o charakterze psychologicznym.

Należy zauważyć, że każdy element strony może zostać przyklejony. Nagłówki, stopki, paski boczne, a nawet filmy. W ten sposób użytkownik zawsze będzie miał natychmiast do dyspozycji wszystkie opcje. Ale żeby to zrealizować, trzeba mieć do tego odpowiednie narzędzia.

Na przykład narzędzia takie jak WP Sticky; doskonała wtyczka dla wszystkich witryn WordPress. Wszystko, co musisz zrobić, to zainstalować, a będziesz mógł stworzyć lepkie menu w mniej niż minutę. Dosłownie! Nie ma absolutnie żadnego kodowania, po prostu klikasz element strony, który chcesz przykleić, i to wszystko. Łatwe, prawda?

Masz również do dyspozycji wiele opcji dostosowywania, dzięki czemu możesz upewnić się, że przyklejony element płynnie wkomponuje się w ogólny projekt Twojej witryny lub możesz ją wyróżnić, jeśli uważasz, że spodoba się to Twoim odwiedzającym. A to tylko wierzchołek góry lodowej. WP Sticky to doskonały produkt, co do tego nie ma wątpliwości.

2. Ustaw odpowiednio przyciski wezwania do działania

Ponieważ masz do dyspozycji dużo miejsca, ważne jest, aby dobrze ją wykorzystać. Tylko dlatego, że jest dużo miejsca na zaprojektowanie strony internetowej, nie oznacza to, że projekt jest mniej krytyczny. Wręcz przeciwnie – skoro oczekujesz, że odwiedzający spędzi dużo czasu na Twojej stronie, musisz zadbać o to, aby jego pobyt był jak najbardziej przyjemny.

Dlatego niezwykle ważne jest prawidłowe pozycjonowanie wezwań do działania (CTA). Nie chcesz bombardować nimi odwiedzających tak bardzo, że po prostu opuszczą Twoją witrynę, ale nie chcesz też używać ich zbyt mało. Najlepszym sposobem, aby na to spojrzeć, jest podejście do CTA jako czegoś, co może przełamać monotonię treści, przez którą przechodzą ludzie (na przykład duży fragment tekstu) i użyć ich jako narzędzi do przyciągnięcia uwagi odwiedzających i zainwestowania ich. Coś, co możesz również zrobić ze swoimi podtytułami.

Innym dobrym sposobem na umieszczenie CTA jest przewinięcie ich tak, aby podążały za odwiedzającym. Innymi słowy, możesz sprawić, by były lepkie, tak jak elementy, które omówiliśmy w poprzednim punkcie tego artykułu. Należy zauważyć, że badania wykazały, że umieszczanie CTA po prawej stronie ekranu jest zwykle korzystniejsze dla Ciebie, ale dotyczy to głównie twardych przycisków CTA, które są bardziej bezpośrednie niż ich miękkie odpowiedniki.

Oczywiście nigdy nie należy zapominać o dostosowaniu tych przycisków do urządzeń mobilnych, ponieważ w dzisiejszych czasach tak duży ruch pochodzi z nich.

3. Zrób co możesz, aby skrócić czas ładowania

Nie ma większego sensu implementowanie projektu z długim przewijaniem, jeśli to, co ma być ładowane, gdy użytkownik przewija, ładuje się powoli lub nie jest ładowane w ogóle. Osoby przeglądające internet mają zwykle bardzo małą cierpliwość do tego typu rzeczy, więc wszelkie opóźnienia w czasie ładowania mogą Cię drogo kosztować. A my mówimy tutaj o sekundach, najwyżej dwóch.

Więc co możesz zrobić? Cóż, możesz zobaczyć, który motyw WordPress jest dobrze zakodowany i dlatego szybko się ładuje. Możesz także wyłączyć hotlinking, trackbacki i pingbacki, korzystać z sieci dostarczania treści i tak dalej.

Jednym z najważniejszych kroków jest upewnienie się, że wszystkie używane obrazy są prawidłowo sformatowane i nie są zbyt duże, jeśli to w ogóle możliwe. Jest to szczególnie ważne, jeśli używasz wielu zdjęć do swoich treści, ponieważ z czasem mogą one stać się dość liczne i sprawić, że Twoja witryna będzie się opóźniać.

Ponadto powinieneś upewnić się, że zawartość meta jest również zoptymalizowana. Na przykład zbyt wiele metatagów również nie wpływa na wydajność Twojej witryny. Krótko mówiąc, staraj się, aby wszystko było tak wydajne i uporządkowane, jak to tylko możliwe. Aha, i upewnij się, że Twoja usługa hostingowa również stanie na wysokości zadania.

4. Zoptymalizuj wszystko pod kątem urządzeń mobilnych

O znaczeniu urządzeń mobilnych wspominaliśmy już w tym artykule, ale jest to kwestia absolutnie kluczowa, więc tylko temu musimy poświęcić część tekstu.

Biorąc pod uwagę, że obecnie ponad połowa wyszukiwań internetowych jest przeprowadzana za pomocą urządzeń mobilnych, jeśli Twoja witryna nie obsługuje tych użytkowników, nie będziesz w stanie zapewnić jej dobrego działania. Nawet nie blisko. Więc co możesz zrobić?

Cóż, najważniejsze jest skupienie się na elementach, które są najważniejsze dla Twojej witryny. Chcesz, aby wszystko było łatwe w użyciu i przejrzyste, co może oznaczać usunięcie niektórych aspektów obecnych w wersji na komputery stacjonarne. Nie bój się tego cięcia. Tutaj nie ma potrzeby owijać w bawełnę – bądź tak bezpośredni, jak tylko możesz.

Ponadto, jeśli prowadzisz firmę online, dobrą praktyką jest przeniesienie produktu do galerii, po której mogą przewijać się potencjalni klienci. Szczególnie popularne pod tym względem jest przewijanie w poziomie. W ten sposób żaden odwiedzający nie ma obowiązku przechodzenia przez galerię, ale może z łatwością to zrobić, jeśli chce.

Wniosek

I oto masz to, są to jedne z najlepszych, łatwych do zastosowania strategii, które możesz wdrożyć, jeśli chodzi o ulepszanie stron internetowych z długim przewijaniem. Wszystko sprowadza się do intuicyjności i wydajności, a dodatkowo należy zawsze pamiętać o swoich gościach. Mówiąc najprościej, chcesz zapewnić im jak najlepsze wrażenia użytkownika.

Najlepszym sposobem, aby to zrobić, jest wykorzystanie przyklejonych elementów, ponieważ zapewniają one dużą swobodę podczas projektowania witryny i mogą drastycznie skrócić czas potrzebny użytkownikowi na przejście z jednej strony na drugą. To po prostu sprawia, że ​​znalezienie drogi jest o wiele łatwiejsze.

Oczywiście to bynajmniej nie wszystko, ponieważ inne istotne czynniki, które należy wziąć pod uwagę – to, jak dobrze Twoja witryna jest dostosowana do urządzeń mobilnych, jest prawdopodobnie najważniejszym pytaniem. Jeśli Twoja witryna sprawdzi się pod tym względem, możesz spodziewać się wielu zadowolonych użytkowników pochodzących z wszelkiego rodzaju tabletów i smartfonów.