Above The Fold -Co to jest ATF, definicja

Opisy kategorii seo
Upsell cross sale -co to jest, ustawienia krok po kroku+[1 BONUS]
8 maja, 2022
FAQ Frequently Asked Questions
Flat Design na stronach internetowych -co to jest, ustawienia krok po kroku+[1 BONUS]
9 maja, 2022
Jak prowadzi膰 stron臋 internetow膮
Above The Fold ATF

Above The Fold -Co to jest ATF, definicja

Na pewno znasz to stare powiedzenie: 鈥濶ie oceniaj ksi膮偶ki po ok艂adce鈥.

C贸偶, nie dotyczy to stron internetowych! W rzeczywisto艣ci tutaj jest dok艂adnie odwrotnie.

Wiele bada艅 UX UI wykaza艂o, 偶e internauci potrzebuj膮 tylko 0,05 sekundy (50 milisekund), aby wyrobi膰 sobie zdanie na temat Twojej witryny!

Wi臋c..TAK.

Ok艂adka w marketingu ma znaczenie!

agencja seo social media reklama google ads facebook marketing

A pierwsze wra偶enie witryny na u偶ytkownikach zale偶y w du偶ej mierze od jej zawarto艣ci widocznej 鈥瀗a ekranie鈥 bez scrollowania.

Jednak wraz z ewolucj膮 zachowa艅 u偶ytkownik贸w w czasie tradycyjne u偶ycie terminu ATF mo偶e nie mie膰 ju偶 znaczenia.

Dzisiaj om贸wimy ten temat i podamy przydatne wskaz贸wki, kt贸re pomog膮 zwi臋kszy膰 liczb臋 konwersji.

W po艣cie znajdziesz nast臋puj膮ce tematy:

  • Co oznacza 鈥濧bove The Fold鈥?
  • Dlaczego Above The Fold ma znaczenie dla CRO
  • Praktyki dotycz膮ce Below The Fold
  • Dlaczego praktyki ATF tak cz臋sto si臋 zmieniaj膮
  • Bie偶膮ce zachowanie u偶ytkownika i praktyki powy偶ej linii przewijania
  • Praktyczne wskaz贸wki, kt贸re mo偶esz wdro偶y膰 ju偶 dzi艣

Co to znaczy 鈥濧bove The Fold鈥?

Termin Above The Fold (skr贸t ATF) oznacza cz臋艣膰 strony internetowej, kt贸ra jest widoczna bez przewijania (scrollowania) w d贸艂.

Jest to pierwszy widok, jaki odwiedzaj膮cy napotykaj膮 na stronie internetowej kiedy na ni膮 wchodzi. W zwi膮zku z tym projektanci i programi艣ci stron internetowych maj膮 tutaj du偶o pracy, aby zach臋ci膰 tak膮 osob臋 aby na stronie pozosta艂a i w dodatku wykona艂a konwersj臋.

Na przyk艂ad to, co u nas na UniqueSEO wy艣wietla w cz臋艣ci widocznej na ekranie na stronie g艂贸wnej (stara wersja strony):

Above The Fold -Co to jest ATF, definicja 1

Kiedy艣 ju偶 o tym pisali艣my, aletermin Above The Fold pochodzi z bran偶y prasowej.

Tak, z gazet drukowanych (oldschool;-))

Przypomnij sobie jak to wygl膮da艂o w kioskach, kiedy gazety by艂y uk艂adane na tym metalowym stojaku. Mog艂e艣 zobaczy膰 tylko g贸rn膮 cz臋艣膰 ok艂adki.

A poniewa偶 czytelnicy widz膮 tylko g贸rny fragment, to konieczne by艂o, aby tre艣膰 nad t膮 lini膮 by艂a bardzo interesuj膮ca i przekonuj膮ca 鈥 sk艂aniaj膮c czytelnik贸w do zakupu egzemplarza. Dlatego powszechn膮 praktyk膮 sta艂o si臋 umieszczanie najbardziej intryguj膮cych historii i grafik z gazety w艂a艣nie w g贸rnej cz臋艣ci ok艂adki.

Na pocz膮tku istnienia sieci powy偶sza koncepcja zosta艂a przeniesiona z gazet na strony internetowe.

darmowy newsletter marketingowy i SEO SEM Reklamy PPC

POBIERZ SW脫J DARMOWY RAPORT TERAZ ZANIM Go SKASUJEMY

Ten DARMOWY raport ujawnia sekrety kt贸re spowoduj膮 znaczny wzrost Twoich zarobk贸w i sprzeda偶y z reklam…

(sekrety prosto ze 藕r贸d艂a, tylko konkrety-zero spamu)

Dlaczego Above The Fold ma znaczenie dla CRO

Za ka偶dym razem, gdy odwiedzaj膮cy wchodz膮 na stron臋 internetow膮, oczekuj膮 natychmiastowego znalezienia potrzebnych informacji. Je艣li strona internetowa nie oferuje informacji/warto艣ci od razu, odwiedzaj膮cy j膮 opuszczaj膮.

Umieszczaj膮c odpowiednio interesuj膮ce informacje i anga偶uj膮c do dzia艂ania u偶ytkownik贸w w cz臋艣ci widocznej na ekranie, Twoja witryna b臋dzie utrzymywa膰 zaanga偶owanie odwiedzaj膮cych. Dzi臋ki temu szanse, 偶e Twoi go艣cie przeklikaj膮 witryn臋, przeczytaj膮 opisy i zapoznaj膮 si臋 z Twoj膮 ofert膮, b臋d膮 wi臋ksze.

Najlepsze praktyki stosowania Above The Fold

Na samym pocz膮tku Tworzenia stron zaleca艂o si臋 umieszczenie wszystkich wa偶nych element贸w strony www w cz臋艣ci widocznej na ekranie.

Opiera艂o si臋 to na teorii, 偶e wszystko, co znajduje si臋 w cz臋艣ci nie widocznej na ekranie (below the fold), rzadko b臋dzie ogl膮dane przez odwiedzaj膮cych witryn臋 internetow膮.

Wiele stron internetowych ogranicza艂oo si臋 do oko艂o 500-650 pikseli wysoko艣ci. Artyku艂y w witrynach obejmowa艂y wiele stron, wymagaj膮c od u偶ytkownik贸w klikni臋cia zamiast przewijania, aby przeczyta膰 wi臋cej.

Pami臋tasz jeszcze te czasy?

Niekt贸re portale wci膮偶 bazuj膮 na klikni臋cia do kolejne strony, ale to g艂贸wnie po to aby za艂adowa膰 kolejne reklamy poniewa偶 zarabiaj膮 na wy艣wietleniach.

W tamtym czasie przewijanie nie by艂o dla u偶ytkownik贸w tak intuicyjne. Poruszanie si臋 po stronie wymaga艂o pewnego wysi艂ku. Trzeba by艂o przycelowa膰 w ten cienki pasek scrollowania z prawej strony ekranu, a nie wszyscy u偶ytkownicy wiedzieli 偶e myszka ma przycisk scroll, abo mo偶na to robi膰 te偶 za pomoc膮 touchpada w laptopie.

Mia艂o to wtedy sens.

Czynniki te zwi臋kszy艂y znaczenie projektowania Above The Fold.

Dlaczego dotychczasowe praktyki s膮 teraz nieistotne

Chyba wszyscy nauczyli艣my si臋 ju偶 przewija膰.

Scrollowanie witryny na komputerach PC sta艂o si臋 bezproblemowe (za pomoc膮 k贸艂ka przewijania myszy lub przesuwania dwoma palcami na touchpadzie).

Przyzwyczaili艣my si臋 偶e g贸ra strony na blogu to „wst臋p”.

Jednak zmieniaj膮ce si臋 zachowania u偶ytkownik贸w mo偶na w du偶ej mierze przypisa膰 zwi臋kszonemu korzystaniu z urz膮dze艅 mobilnych.

Podczas korzystania ze smartfona lub tabletu u偶ytkownicy przewijaj膮 si臋 w d贸艂 niemal jak zombie (z automatu). Dzi臋ki mniejszemu rozmiarowi ekranu urz膮dzenia u偶ytkownicy oczekuj膮, 偶e strona internetowa b臋dzie zawiera艂a wi臋cej informacji w cz臋艣ci na dole po przewini臋ciu.

Co wi臋cej, ca艂a koncepcja Above The Fold staje si臋 niejednoznaczna, gdy w gr臋 wchodz膮 r贸偶ne rozmiary ekranu.

Obecnie na ca艂ym 艣wiecie dost臋pnych jest wiele urz膮dze艅 z r贸偶nymi rozmiarami ekranu. Uniemo偶liwia to zdefiniowanie pojedynczego punktu, w kt贸rym le偶y umowna linia Above The Fold dla ka偶dego projektanta.

Z pomoc膮 pojawi艂y si臋 strony RWD.

Projekt responsywny umo偶liwia zmian臋 uk艂adu strony internetowej w zale偶no艣ci od rozdzielczo艣ci ekranu urz膮dzenia, na kt贸rym jest przegl膮dana.

Bie偶膮ce zachowanie u偶ytkownika i praktyki powy偶ej zagi臋cia

Wiesz ju偶, 偶e teoria Above The Fold z jednej strony praktycznie wymar艂a i nie prowadzi do zmiany zaanga偶owania u偶ytkownik贸w na stronie internetowej.

Jednak ta g贸rna cz臋艣膰 strony internetowej ma ogromne znaczenie dla biznesu.

Zobacz co mam na my艣li.

Przy przyt艂aczaj膮cej dost臋pno艣ci informacji w Internecie u偶ytkownicy maj膮 ogromny wyb贸r. Stali si臋 niecierpliwi i opuszczaj膮 stron臋 internetow膮, w b艂yskawicznym tempie, je艣li nie oferuje im od razu informacji.

Z tego powodu u偶ytkownicy sp臋dzaj膮 wi臋kszo艣膰 czasu patrz膮c na informacje w cz臋艣ci strony widocznej na ekranie. Wtedy oceniaj膮 witryn臋.Podejmuj膮 szybk膮 decyzj臋 czy warto schodzi膰 w d贸艂, czy zaliczysz typowy bounce.

Dzi艣 przestrze艅 nad lini膮 scrollu skupia si臋 na budowaniu intencji u偶ytkownik贸w do dokonania konwersji.

Wiesz, 偶e u偶ytkownicy przewijaj膮 w d贸艂. Ale nie przewijaj膮 tylko z nud贸w.

Aby przewin膮膰 stron臋 w d贸艂, u偶ytkownicy potrzebuj膮 przekonuj膮cego powodu. I ten przekonuj膮cy pow贸d nie mo偶e le偶e膰 daleko na stronie internetowej. U偶ytkownicy musz膮 by膰 zaintrygowani od samego pocz膮tku 鈥 czyli Above The Fold („powy偶ej kraw臋dzi”).

Strona internetowa w g贸rnej cz臋艣ci ekranu powinna by膰 ciekawa i obiecywa膰 rozwi膮zanie problemu. Powinno to sk艂oni膰 u偶ytkownik贸w do przewijania w d贸艂 i przegl膮dania dodatkowych tre艣ci. Poniewa偶 u偶ytkownicy b臋d膮 zaanga偶owani przez d艂u偶szy czas na stronie, konwersje b臋d膮 ros艂y.

Mo偶esz dodatkowo wykorzysta膰 t膮 przestrze艅 do podkre艣lenia wizerunku Twojej marki.

Umieszczaj膮c okre艣lone elementy brandingowe w cz臋艣ci strony widocznej na ekranie, mo偶esz wyra藕nie pokaza膰 si臋 jako bardziej rozpoznawalna marka w bran偶y.

Praktyczne wskaz贸wki, jak zwi臋kszy膰 liczb臋 konwersji dzi臋ki Above The Fold

Poni偶ej znajduje si臋 kilka praktycznych wskaz贸wek, kt贸re sprawi膮, 偶e u偶ytkownicy b臋d膮 przewija膰 i bardziej anga偶owa膰 si臋 w Twoj膮 stron臋 www.

Zach臋膰 u偶ytkownik贸w do przewijania

Potraktuj swoj膮 stron臋 internetow膮 jak ta艣m臋 filmow膮 ze starego kina. Ka偶dy scroll to kolejna klatka filmu.

Punktowi kulminacyjnemu historii na stronie powinno towarzyszy膰 CTA.

Oto kilka technik, dzi臋ki kt贸rym u偶ytkownicy b臋d膮 przewija膰 w d贸艂:

  • Do艂膮cz element, kt贸ry le偶y po obu liniach, czli ATF i BTF, aby pobudzi膰 ciekawo艣膰 na zasadzie „co tam dalej jest”, albo „jak to wygl膮da”. Mo偶esz u偶y膰 dowolnego elementu, aby osi膮gn膮膰 sw贸j cel鈥 nawet zwyk艂ego tekstu.
  • Zaoferuj przegl膮d tre艣ci, kt贸re zawiera strona internetowa jak u偶ytkownik przescolluje. Na przyk艂ad na pocz膮tku podaj og贸lny przegl膮d czego osoba si臋 nauczy z Twojego posta. Taki przegl膮d u艣wiadamia u偶ytkownikom wszystko, co ma do zaoferowania artyku艂 i prowokuje znalezienie odpowiedzi, bo my jako ludzie kiedy mamy jakie艣 pytanie w g艂owie to automatycznie chcemy zna膰 zako艅czenie. Wi臋c je艣li u偶ytkownicy chc膮 przegl膮da膰 informacje oferowane w sekcji Above The Fold, b臋d膮 przewija膰.
  • Zaoferuj wyra藕n膮 wskaz贸wk臋 do przewijania. Mo偶esz bezpo艣rednio poinformowa膰 odwiedzaj膮cych, 偶e strona zawiera wi臋cej informacji w cz臋艣ci po przewini臋ciu. Mo偶esz wy艣wietli膰 strza艂k臋 w d贸艂, ikon臋 przewijania, tekst 鈥濸rzewi艅 w d贸艂鈥 lub co艣 podobnego.

Zaproponuj wyr贸偶niki strony internetowej w g贸rnej cz臋艣ci ekranu

Osobi艣cie widzia艂em wiele wynik贸w test贸w A/B kiedy w g贸rnej cz臋艣ci strony mia艂y umieszczone odznaki zaufania, ikony bezpiecze艅stwa, dowody (social proof) itp. 鈥攖o skutkowa艂o wzrostem liczby konwersji.

Maj膮c to na uwadze, nie powiniene艣 umieszcza膰 tych element贸w w sekcji Above The Fold bez testowania ich skuteczno艣ci. Utw贸rz zwyk艂y test A/B w google optimize, aby zobaczy膰, kt贸ra wersja Twojej witryny dzia艂a lepiej.

Utrzymuj tre艣ci na najwy偶szym poziomie

Przytocz臋 znane nam wszystkim content is king.

Post臋powanie zgodnie ze wszystkimi najlepszymi praktykami lub atrakcyjny wizualnie projekt powy偶ej cz臋艣ci nie gwarantuje wysokiego zaanga偶owania u偶ytkownik贸w. W du偶ej mierze jako艣膰 tre艣ci okre艣la, jak daleko u偶ytkownicy b臋d膮 przegl膮da膰 Twoj膮 stron臋 internetow膮.

Dlatego dobrze przemy艣lany projekt powy偶ej linii Above The Fold powinien zawsze by膰 po艂膮czony z niesamowit膮 tre艣ci膮.

pozycjonowanie seo reklama google ads facebook marketing internetowy
Nasza oferta: pozycjonowanie, seo, reklama google ads, facebook, szeroko poj臋ty marketing internetowy

Podsumowanie

pozycjonowanie seo reklama google ads facebook marketing internetowy

A jak jest u Ciebie?

Przy okazji, daj zna膰 co s膮dzisz o dzisiejszym wpisie pt. Above The Fold -Co to jest ATF, definicja?

Napisz w komentarzu.

Rafa艂 Szrajnert- uniqueSEO team
Rafa艂 Szrajnert- uniqueSEO team
UniqueSEO to najlepsza agencja marketingowa w Polsce. Tworzymy i kreujemy udane kampanie SEM, pozycjonowanie, SEO i ca艂膮 strategi臋 ecommerce. Nie czekaj, do艂膮cz do nas!

Dodaj komentarz

Tw贸j adres e-mail nie zostanie opublikowany.

POBIERZ SW脫J DARMOWY RAPORT TERAZ ZANIM TA STRONA ZNIKNIE

Ten DARMOWY raport ujawnia sekrety聽 kt贸re spowoduj膮 znaczny wzrost Twoich zarobk贸w i sprzeda偶y z reklam... (sekrety prosto ze 藕r贸d艂a)