Co umieścić Above the Fold?

Czym jest Above the Fold i dlaczego ma znaczenie dla SEO

Above the fold to kluczowy obszar strony internetowej, który użytkownik widzi natychmiast po wejściu, bez konieczności przewijania w dół. Nazwa pochodzi z tradycyjnych gazet, które były składane na pół (fold) i wystawiane w kioskach - górna część (above the fold) miała przyciągnąć uwagę przechodniów i zachęcić do zakupu. To swego rodzaju dawny clickbait :D

Choć wielu ekspertów od marketingu cyfrowego, UX designu i pozycjonowania stron podkreśla, że above the fold jest najważniejszym elementem witryny, nie oznacza to, że należy tam umieszczać wszystkie możliwe informacje. Współcześni użytkownicy doskonale wiedzą, jak przewijać strony, szczególnie od czasu popularyzacji smartfonów, gdzie ograniczona przestrzeń ekranu naturalnie wymusza scrollowanie.

W każdym razie ja od lat jestem hejterem hasła "above the fold". W zeszłym odcinku #kptts poprawiałem początek strony dla szpitala, tym razem znowu podobna tematyka, ale trochę inne problemy.

Przeładowane menu i header

to jeden z najpoważniejszych błędów. Gdy najważniejszy element funkcjonalny strony, jak wyszukiwarka (np. groomera w omawianym przypadku), staje się niemal niewidoczny wśród innych elementów, tracimy kluczową szansę na konwersję. To jakby wejść na Booking i zamiast eksponować pole do szukania hotelu,

reklamowało się wypożyczenie auta... oh wait... Booking też tak czasami robi... anyway.

Drobnostki, które sprawiają wrażenie nieprofesjonalizmu.

Pamiętaj, by ikonki były z tej samej rodziny, bo jak będzie miszmasz różnych stylów, wypełnień i rodzajów, to wygląda to amatorsko. Czasami zamiast ikonki wygra lepsza typografia i prostota komponentu. Pamiętaj, by pozbyć się wszelkich mini błędów przed publikacją dzieła. Lekkie obsuwki czy literówki w tekście szybko zostaną wyłapane przez klienta i mogą sprawić, że stracisz punkty profesjonalizmu.

Najlepszy Ux to prosty UX

Upraszczaj. Oryginalne 3 przyciski w menu były mylące. Pamiętaj, że można pokazywać niektóre elementy dopiero wtedy, gdy będą użytkownikowi potrzebne, np. przycisk "zaloguj się" może zniknąć, gdy już jest zalogowany.

W erze sztucznej inteligencji możesz łatwo zadbać o atrakcyjne wizualnie grafiki na swojej stronie. Narzędzia jak Midjourney, Freepik czy Google ImageGen3 generują wysokiej jakości obrazy, które mogą znacząco podnieść atrakcyjność Twojej witryny i poprawić wskaźniki zaangażowania użytkowników.

Jak chcesz się wgryźć w Midjourney (moim zdaniem najlepszy AI generator obrazów), zacznij od pobrania mojego e-booka.

Starałem się zachować oryginalny feel i flow, ale zmieniłem UI, UX i DX (czyli experience dewelopera, który musi to zakodować) na taki, który będzie łatwiejszy i przyjemniejszy.