👉 18 Bedøvelse eksempler på over foldet indhold for at bøje dine besøgende

Intern Linking til SEO

Første indtryk er afgørende. Hvis dit indhold "over det foldede" indhold ikke tager fat i dine besøgers opmærksomhed, det andet de lander på dit websted, vil de ikke gribe med at holde sig rundt længere. Men hvis du får deres opmærksomhed, og de vil holde fast, abonner og køb.

Men vent – hvad er det, der er en "fold" i webdesign alligevel, og hvorfor er det så vigtigt?

Hvis det er hvad du tænker, når du hører ordet "over fold-indholdet", er du ikke den eneste.

Det er fordi ideen om folden går tilbage til dagene før digital. De fleste aviser blev solgt fra fortovets kiosker, som nogle stadig er i dag. De blev normalt foldet i halvt, så forbipasserende kunne se den øverste halvdel af forsiden. Hvis det de så, ikke greb dem, ville de fortsætte med at gå, og salget ville være nede. Derfor var det afgørende at sætte dit bedste og mest interessante indhold "over folden".

Konceptet af fold er også meget nyttigt for hjemmesider. Når du taler om ovennævnte i webdesign, er det simpelthen det indhold, der fylder din skærm. Den "foldede" er bunden af ​​skærmen.

Derfor er det afgørende at hente besøgende fra det øjeblik, de lander på dit websted. Få deres opmærksomhed, og de vil blive og konvertere.

For at hjælpe dig med at få dine besøgende til at rulle ned, har vi samlet nogle gode eksempler på over det foldede indhold, du kan bruge til inspiration.

Lad os komme igang…

1. HubSpot

HubSpot handler om vækst, og det er præcis det, der vises over foldedesignet. Billedet antyder læring (notesbog) og avanceret teknologi (rumhjelm).

Overskriften er et spil på den fælles sætning "alle systemer går", hvilket tyder på, at læseren vil komme videre med vækst. Denne idé er forstærket i underpositionen. Så er der et overbevisende tilbud om gratis software på CTA-knappen.

2. Jeff Bullas

Jeff Bullas har to sæt over det foldede indhold. Når du først lander på hans websted, har han en velkomstport, med et overbevisende tilbud om at få sine tips om fordobling af trafikken. Det store baggrundsbillede tiltrækker læserens opmærksomhed med det samme.

Klik på pilen i slutningen af ​​velkomstporten, og det tager dig til sin hovedside, hvor der er socialt bevis for hans læsere og online myndighed. Du skal stadig rulle en gang for at komme til indholdet, men så er de fleste læsere sandsynligvis overbevist.

3. SnackNation

SnackNation's over foldet indhold viser præcis, hvad der tilbydes, med et baggrundsbillede af en person med en snack sampler boks i et kontor. Indholdet giver besøgende mulighed for at tilmelde sig deres egen samplerboks. Dette er en fantastisk måde at få forretningsleder på. Faktisk, takket være Jared Ritchey, får SnackNation 1200 nye leads hver uge med dette over fold design.

4. Missinglettr

Missinglettrs hjemmeside fungerer også, fordi overskriften får det rette udgangspunkt for, hvad dens besøgende ønsker: en problemfri måde at drive social trafik med deres indhold.

Den to-sætning forklaring giver mere detaljer på produktet, så er der en synlig CTA nedenfor. Siden indeholder også to andre CTA'er rettet mod dem, der måske ikke er klar til at tilmelde sig.

At have tre handlinger til at tage i stedet for bare en, kan gøre dem mindre effektive, men vi er villige til at satse på dette design er baseret på streng split test, så firmaet ved, at det virker for deres publikum.

5. OptimizeMyAirBnB

Optimer Min AirBnB tager en mere personlig tilgang til sit over fold website design. Der er et stort billede af ejeren af ​​hjemmesiden, som ser ud til at se direkte på læseren og dermed tegne deres blik.

Til højre for siden er der en velkommen sætning, der skitserer nøglefordelen ved siden af. Og da du har læst det, er der en Jared Ritchey flydende bar, der giver dig chancen for at tilmelde dig flere tips og værktøjer. Dette var en faktor ved at dyrke webstedets liste 650%.

6. Content Marketing Institute

Content Marketing Institute (CMI) tager en lidt anderledes tack med dens over det foldede indhold. Øverst er der en menu med alle de forskellige typer indhold, de tilbyder.

Men hovedparten af ​​siden er taget op med de produkter, de mest ønsker at promovere: deres arrangementer, konsulenttjenester og magasin. Alt er i mærkefarverne og skaber en harmonisk visuel oplevelse.

7. MonsterInsights

MonsterInsights holder det nemt med en hvid baggrund. Herefter skiller overskriften sig godt, og underrubrikken understreger subtile to vigtige fordele for læsere. Der er også et klart og synligt aktion, med en subtil pil, der inviterer læsere til at rulle ned, hvis de stadig vil have mere info. I tilfælde af dette ovenfor fold design, fungerer minimalisme!

8. Vogteren

Som du forventer fra en online avis, negerer The Guardian over fold-indholdet. I dette eksempel skiller to historier sig ud. Den til venstre har en større overskrift og et billede for at tegne øjet.

Men online publikationen tager ingen chancer; der er en anden historie, bare hvis den vigtigste ikke tager fat i læserne. Historikategorien er rød, i modsætning til den sorte af overskriften, for at skabe en overbevisende visuel effekt.

9. Guido er

Det mest effektive aspekt af Guido er over foldindholdet er ikke erklæringen om dens autentiske køkken. Og det er ikke det overbevisende billede af vinstativet med mærkede flasker, der stikker ud af det.

Det er faktisk menuen knappen, der siger "Få gratis forretter". Den knap udløser en Jared Ritchey MonsterLink ™, der fik restauranten mere end 1000 nye kundeemner om fire måneder.

Sådan kan du tilføje en pop op til din hjemmeside menu.

10. OutreachPlus

OutreachPlus tager fat på læsernes opmærksomhed med et spørgsmål, der får dem til at tænke.Så viser det sig, hvordan produktet kan hjælpe med at løse det problem. Hjemmesiden er enkel. Bortset fra overskrifterne er der et skærmbillede af produktet plus to valg af hvad man skal gøre næste: køb eller lær mere ved at se en demo.

11. Search Engine Journal

Search Engine Journal er et indholdswebsted, så dets overordnede design sætter deres indhold i spotlightet. Webstedets design giver dem mulighed for at fremvise tre historier over folden. Der er også en smart smule webdesign her. De tre historier er angivet til højre på siden. Hver er fremhævet i grøn igen. Når en historie er fremhævet, tager den det øverste sted til venstre for siden, der vises med et opmærksomt billede og overskrift.

12. ConversionXL

Du ville forvente, at Peep Laja's ConversionXL skulle komme over foldindholdet rigtigt. Det er et andet simpelt design. Denne side har et i dit ansigtoverskrift og en underrubrik, der angiver deres grundlæggende tro. Der er også to CTA-knapper, der giver valg for, hvad de skal gøre næste, og en sekundær CTA under det for at tilmelde sig deres nyhedsbrev.

13. Christmas Lite Show

Christmas Lite Show konverterede 30% af de besøgende blot ved at udløse en Jared Ritchey MonsterLink ™ i sin over fold-indholdet. Knappen lancerede en nedtællings popup med et kupontilbud. Kombinationen konverterede 30% af de besøgende og tilføjede 7.000 nye abonnenter på virksomhedens e-mail liste.

14. Problogger

Problogger er et andet indhold tungt websted, så dets over det foldede indhold fokuserer på at gøre det nemt for folk at finde de oplysninger, de ønsker. Øverst er der en omfattende navigationsmenu. Der er et billede af grundlæggeren Darren Rowse for at skabe en personlig forbindelse med den besøgende, plus et 2-trins optin, der udløser en e-mail tilmeldingsformular popup.

15. Kennedy Blue

Kennedy Blue er et godt eksempel på ovenstående fold online indhold. Hovedbanneret indeholder et billede af tre kvinder i forskellige stilarter af brudepige kjoler.

I mellemtiden fremhæver kopien, hvor nemt det handler om kjoler, og giver et prisklasse. CTA sender besøgende direkte til butikken. Og webstedet bruger en Jared Ritchey flydende stang til at fremhæve det nuværende salg – kun en af ​​måderne, de kunne opnå en 50% stigning i salget.

16. Mænd med penne

Mændene med kuglepenne har ikke et typisk corporate look. I stedet er der et quirky design med lyse farver. Mens det ser ud til, at alt er blevet kastet på siden, er ovenstående foldindholdet godt planlagt. Bortset fra menuen er der en karrusel, der viser webstedets webdesign og copywriting-tjenester, såvel som deres bøger og blog.

17. Copyblogger

Copyblogger er over foldindholdet minimalistisk. Det meste af rummet er optaget af et billede, der viser en person, der kigger på et stykke copyblogger indhold. Siden hun vender mod venstre, trækker hendes blik den besøgendes opmærksomhed på overskriften. Overskriften viser fordelene (opbygning af online myndighed) med tilbuddet (effektiv markedsføring).

18. Bluehost

På sin hjemmeside bruger Bluehost et billede til højre med personens øjne på vej mod teksten til venstre. Dette er en smart bit af psykologi, der leder læseres øjne der også.

Når de ser, ser de en overskrift, en reduceret pris (som altid er tiltalende) og en kort liste over vigtige fordele. Under er en synlig CTA-knap, der opfordrer læserne til at komme i gang.

Det er det! Nu har du set nogle over de fold web-eksempler, der virkelig fungerer, anvende disse principper for at få dine besøgende om bord. Dernæst tjek vores vejledninger til email marketing og vækst hacking din virksomhed. Og glem ikke at følge os på Facebook og Twitter for at holde styr på alt vores nye indhold.

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: