Najlepsze praktyki dotyczące suwaków: co musisz wiedzieć

Opublikowany: 2018-04-09

Chcesz umieścić na swojej stronie suwak lub karuzelę? Zanim to zrobisz, musisz wziąć pod uwagę wiele czynników. Źle umieszczony, źle skonfigurowany suwak nie jest po prostu ignorowany; może faktycznie zaszkodzić SEO i zirytować odwiedzających.

To z pewnością nie znaczy, że są złe, tylko że, podobnie jak w przypadku każdej innej funkcji lub wtyczki WordPress, powinieneś upewnić się, że zostały poprawnie skonfigurowane. Oto kilka najlepszych praktyk, których należy przestrzegać podczas wdrażania suwaków w witrynie WordPress.

Spraw, aby Twój suwak był wizualnie przyjemny

Oprócz ogólnej estetyki należy wziąć pod uwagę inne czynniki. Ogólna trafność suwaka, położenie na stronie, a nawet sekwencja obrazów to ważne aspekty wizualne, które należy uwzględnić.

Nie komplikuj

Zwłaszcza jeśli włączysz autoodtwarzanie, niezwykle ważne jest, aby slajdy były proste, skuteczne i trafiały do sedna. Dotyczy to nie tylko tekstu; chyba że używasz suwaka jako galerii dla swojej sztuki lub fotografii, używaj czystych, uporządkowanych obrazów.

Nie projektuj tego jak reklama

Dzięki natrętnym reklamom wiele osób rozwija „ślepotę na banery” — a źle umieszczony, źle zaprojektowany slider może podlegać temu zjawisku. Unikaj wszystkich wskazówek projektowych, które zastosowałby reklamodawca, zwłaszcza taktyk stosowanych w najbardziej irytujących reklamach.

Oznacza to, że nie używaj migających świateł, jaskrawych, płaskich kolorów, czcionek Impact i podobnych oraz innych technik rozpraszających. Nawet jeśli Twoja karuzela sprzedaje lub promuje produkt, powinna wtapiać się w witrynę i wyglądać naturalnie. Możesz chcieć, aby ludzie patrzyli na twoje suwaki, ale te agresywne taktyki powodują coś przeciwnego.

Spraw, aby Twój suwak był przydatny i trafny

Każdy umieszczony suwak powinien mieć jasny cel. Czy prezentuje twoją fotografię? Kierować użytkowników do określonych części witryny? Wyjaśnij, o czym jest Twoja witryna? Spróbuj wypromować produkt? Zaangażować użytkowników?

I umieść swoje karuzele we właściwym miejscu. Umieszczenie suwaka jest jednym z najważniejszych czynników wpływających na to, czy zostanie zauważony, czy zapomniany. Upewnij się, że nie jest zakopany w treści strony lub umieszczony losowo. Powinien znajdować się w strategicznym i widocznym miejscu, na przykład na pasku bocznym, u góry strony lub pod wpisem na blogu. Nawet stopka może być dobrym miejscem na umieszczenie suwaka.

Ostrożnie wybierz sekwencję slajdów

Nigdy nie zakładaj, że gość będzie trzymał się w pobliżu, aby zobaczyć każdy slajd. Wybierz swoją sekwencję bardzo ostrożnie. Kilka pierwszych slajdów powinno zainteresować i zainteresować użytkownika, ale jeśli to się nie powiedzie, przynajmniej upewnij się, że masz rację.

Nie jest to jednak wymówka, aby inne slajdy były mniej skuteczne. Bez względu na to, na który slajd ktoś kliknie, wszystkie powinny służyć swojemu celowi: mówić o Twojej firmie, popisywać się świetnymi fotografiami i tak dalej.

Spraw, aby Twój suwak był użyteczny

Kardynalna zasada dotycząca suwaków: muszą być łatwe w obsłudze i nie powodować irytacji odwiedzających. Istnieje wiele sposobów na zwiększenie dostępności karuzeli, od optymalizacji pod kątem dużej liczby odbiorców korzystających z urządzeń mobilnych po ostrożne dostosowywanie czasu obracania slajdu.

Rozważ wyłączenie autoodtwarzania

Ruch może rozpraszać lub denerwować niektórych użytkowników. W postach na blogu lub na pasku bocznym, który śledzi użytkowników w całej witrynie, zawsze wyłączaj autoodtwarzanie; odwracanie uwagi odwiedzających, gdy próbują czytać, nigdy nie jest dobrym pomysłem.

Jednak w niektórych przypadkach możesz chcieć, aby karuzela była przedmiotem uwagi wszystkich odwiedzających lub może być ważne, aby zobaczyli więcej niż jeden slajd. Podejmując decyzję o włączeniu lub wyłączeniu autoodtwarzania, weź pod uwagę lokalizację, zawartość i intencję suwaka.

Zwiększ czas między rotacjami

Jeśli w projekcie konieczne jest autoodtwarzanie, upewnij się, że slajdy nie przechodzą zbyt szybko, zwłaszcza jeśli zawierają tekst. To frustrujące, gdy suwak przesuwa się, zanim będziesz gotowy. Optymalizacja pod kątem wolnego tempa czytania; Lepiej powolna, ale dobrze zaprojektowana karuzela niż taka, która wstawia jak najwięcej slajdów w dziesięć sekund.

Optymalizuj opcje nawigacji

Nie ma nic bardziej irytującego niż kliknięcie strzałki nawigacyjnej i przejście pokazu slajdów w tym momencie, zmuszając Cię do pominięcia slajdu. Wstrzymywanie po najechaniu myszą lub nawigacją to funkcja, której wielu oczekuje. Suwaki Soliloquy posiadają tę funkcję i powinny być włączone w większości tworzonych karuzeli. Jeśli zdecydujesz się zachować autoodtwarzanie, jest to konieczne.

Tymczasem karuzele, które rozwijają się samodzielnie, bez bańki nawigacyjnej lub przycisku pauzy, mogą irytować wielu użytkowników, ponieważ będą musieli czekać na zakończenie całego cyklu, aby znaleźć ten jeden slajd. Pamiętaj również o dodaniu elementów sterujących nawigacją do suwaka.

Powinieneś także rozważyć bardzo duże elementy sterujące nawigacją , zwłaszcza jeśli masz znaczną liczbę odbiorców mobilnych lub starszych.

Wreszcie, w przypadku karuzeli z wieloma obrazami rozważ dołączenie miniatur , aby użytkownicy mogli łatwo przeglądać wybrany slajd.

Unikaj szkodliwego SEO

Źle skonfigurowany suwak to suwak, który nie jest przyjazny dla wyszukiwarek. Na szczęście wiele środków, które sprawiają, że Twoja witryna i jej karuzela są przyjazne SEO, sprawiają, że są one również bardziej przyjazne dla użytkownika! Te praktyki są najważniejsze do naśladowania.

Najpierw reakcja

Jeśli używasz wtyczki typu slider, najprawdopodobniej nie będziesz musiał się martwić o jej responsywność. Jednak ta część jest kluczowa. Sprawdź, czy Twój tekst i obrazy wyglądają świetnie na wszystkich urządzeniach. Dostosuj rozmiar przycisku, zastąp rozmazane obrazy; cokolwiek musisz zrobić, aby uzyskać piękny mobilny suwak.

Upewnij się, że przeciąganie jest również włączone. Użytkownicy mobilni będą oczekiwać, że gesty przesunięcia będą działać w przypadku elementów takich jak suwaki, a jeśli tak nie jest, może to powodować irytację.

Projekt dla dostępności

Chociaż powinieneś projektować całą witrynę z myślą o dostępności, suwaki również powinny być tworzone w ten sposób. Nie tylko pomaga osobom niepełnosprawnym w poruszaniu się, ale także poprawia SEO.

Niektóre przykłady dobrego projektu ułatwień dostępu obejmują włączenie sterowania klawiaturą , unikanie automatycznego przewijania lub zatrzymywania w określonych warunkach oraz upewnienie się, że tekst ma wystarczający kontrast.

Stwórz wspaniały obraz bohatera suwaka

Jedną z innowacyjnych taktyk jest zastąpienie „obrazu bohatera” lub banera na stronie docelowej, który wyjaśnia, o czym jest Twoja witryna, animowanym suwakiem. Ta technika ma swoje plusy i minusy. Karuzela może być tak samo skuteczna jak standardowy obraz bohatera, ale należy ją zaimplementować ostrożnie.

Jeśli zdecydujesz się umieścić suwak na swojej stronie głównej, pamiętaj, że nowi użytkownicy mają jedno pytanie: o co chodzi w tej witrynie? Każdy slajd, sam i bez kontekstu, powinien odpowiedzieć na to pytanie.

Unikaj nagłówków h1

Dla wyszukiwarek H1 pełni rolę tytułu strony. Jeśli więc istnieje wiele nagłówków, na przykład w suwaku, może to zmylić wyszukiwarkę i obniżyć SEO. Aby być bezpiecznym, unikaj używania ich w karuzeli.

Unikaj linków nawigacyjnych zawierających tylko suwaki

Czy w Twojej witrynie jest strona, do której można uzyskać dostęp tylko za pomocą suwaka? Staraj się tego unikać; jest to mylące zarówno dla użytkowników, jak i wyszukiwarek. Możesz użyć suwaków linków jako narzędzia nawigacyjnego, ale upewnij się, że jest inna opcja.

Tworzenie skutecznych suwaków

Jedną z najlepszych praktyk, które możesz zastosować, gdy zdecydujesz się umieścić karuzelę w swojej witrynie, jest rozważenie użycia wtyczki, takiej jak Soliloquy. Zwłaszcza jeśli jesteś nowym programistą internetowym, próba samodzielnego stworzenia suwaka może zakończyć się katastrofą SEO. Wtyczka jest znacznie łatwiejsza w obsłudze i jest specjalnie zoptymalizowana pod kątem WordPressa i wyszukiwarek.

Teraz, gdy znasz już kilka wskazówek dotyczących umieszczania przydatnego, przydatnego i angażującego suwaka w swojej witrynie, jak zamierzasz z niego korzystać? Mamy nadzieję, że ten przewodnik pomógł Ci w przyszłych projektach internetowych. A w międzyczasie połącz się z nami na Twitterze i Facebooku.

Zapisz Zapisz