👉 18 Stunning Eksempler på Over Fold Innhold for å fange dine besøkende

Intern Linking for SEO

Første inntrykk er avgjørende. Hvis innholdet ditt på "over det brede" nettstedet ikke tar tak i de besøkendees oppmerksomhet den andre de lander på nettstedet ditt, vil de ikke bry seg om å holde seg lenger. Men hvis du får oppmerksomhet, og de vil holde fast, abonnere og kjøp.

Men vent – hva pokker er en "fold" i webdesign uansett, og hvorfor er det så viktig?

Hvis det er hva du tenker når du hører begrepet "over fold-innholdet", er du ikke den eneste.

Det er fordi ideen om brettet går tilbake til dagene før digital. De fleste aviser ble solgt fra fortau kiosker, som noen fremdeles er i dag. De ble vanligvis brettet i halv så forbipasserende kunne se den øverste halvdelen av forsiden. Hvis det de så, ikke grep dem, ville de fortsette å gå, og salget ville være nede. Derfor var det avgjørende å sette ditt beste, mest interessante innhold "over fellen".

Konceptet av fold er ganske nyttig for nettsteder, også. Når du snakker om over-the-fold i webdesign, er det bare innholdet som fyller skjermen. Den "brette" er nederst på skjermen.

Derfor er det avgjørende å koble besøkende fra minuttet de lander på nettstedet ditt. Få oppmerksomheten deres, og de vil bli og konvertere.

For å hjelpe deg med å få de besøkende til å rulle ned, har vi samlet noen gode eksempler på over det brett innholdet du kan bruke til inspirasjon.

La oss komme i gang…

1. HubSpot

HubSpot handler om vekst, og det er nøyaktig hva det er over fold-designen. Bildet antyder læring (notatbok) og avansert teknologi (romhjelm).

Overskriften er et spill på den vanlige setningen "alle systemer går", noe som tyder på at leseren vil forfølge fremover med vekst. Den ideen er forsterket i underhode. Deretter er det et overbevisende tilbud om gratis programvare på CTA-knappen.

2. Jeff Bullas

Jeff Bullas har to sett over fold-innholdet. Når du først lander på stedet, har han en velkommen gate, med et overbevisende tilbud for å få tips om fordobling av trafikken. Det store bakgrunnsbildet tiltrekker leserens oppmerksomhet med det samme.

Klikk på pilen, på slutten av velkomstporten, og det tar deg til hans hovedside, der det er sosialt bevis på hans leser og online autoritet. Du må fortsatt bla en gang for å komme til innholdet, men da er de fleste lesere trolig overbevist.

3. SnackNation

SnackNation er over fold-innholdet, og viser nøyaktig hva som tilbys, med et bakgrunnsbilde av en person med en samplingsboks på snack på et kontor. Innholdet gir besøkende muligheten til å registrere seg for sin egen samplerboks. Dette er en fin måte å få forretningsleder på. Faktisk, takket være Jared Ritchey, får SnackNation 1200 nye ledere hver uke med dette over folddesignen.

4. Missinglettr

Missinglettrs hjemmeside fungerer også fordi overskriften blir riktig i forhold til hva besøkende ønsker: en problemfri måte å drive sosiale trafikk med innholdet på.

To-setningen forklaringen gir mer detalj på produktet, så er det en synlig CTA nedenfor. Siden inneholder også to andre CTAer rettet mot de som kanskje ikke er klare til å registrere seg.

Å ha tre tiltak å ta i stedet for bare en, kan gjøre dem mindre effektive, men vi er villige til å satse på dette designet er basert på streng split testing, slik at selskapet vet at det fungerer for publikum.

5. OptimizeMyAirBnB

Optimaliser Min AirBnB tar en mer personabel tilnærming til sin over fold nettside design. Det er et stort bilde av nettstedseieren som ser ut til å se direkte på leseren, og dermed tegne blikket deres.

Til høyre for siden er det en velkommen setning som skisserer nøkkelen til nettstedet. Og når du har lest det, er det en Jared Ritchey flytende bar som gir deg muligheten til å registrere deg for flere tips og verktøy. Dette var en faktor i å øke nettstedets liste 650%.

6. Content Marketing Institute

Content Marketing Institute (CMI) tar en litt annen takk med sin over fold-innholdet. På toppen er det en meny som viser alle de forskjellige typer innhold de tilbyr.

Men hovedparten av siden er tatt opp med produktene de mest ønsker å markedsføre: deres arrangementer, konsulenttjenester og magasin. Alt er i merkevarens farger, og skaper en harmonisk visuell opplevelse.

7. MonsterInsights

MonsterInsights holder det enkelt med en hvit bakgrunn. Mot dette skiller overskriften godt ut, og underrubrikken understreker subtile to fordeler for leserne. Det er også en klar og synlig handling til handling, med en subtil pil som inviterer leserne til å bla ned hvis de fortsatt vil ha mer info. I tilfelle av dette over foldet design, fungerer minimalisme!

8. Vaktmesteren

Som du forventer fra en online avis, negler The Guardian over fold-innholdet. I dette eksemplet skiller to historier seg ut. Den til venstre har et større overskrift og et bilde for å trekke øyet.

Men nettpublikasjonen tar ingen sjanser; det er en annen historie bare hvis den viktigste ikke griper leserne. Historikkategorien er rød, kontrasterende med svarte av overskriften, for å skape en overbevisende visuell effekt.

9. Guido er

Det mest effektive aspektet av Guido er over fold-innholdet, er ikke utsagnet om sitt autentiske kjøkken. Og det er ikke det overbevisende bildet av vinstativet med merkede flasker som stikker ut av det.

Det er faktisk menyknappen som sier "Få gratis forrett". Den knappen utløser en Jared Ritchey MonsterLink ™, som fikk restauranten mer enn 1000 nye ledere på fire måneder.

Slik kan du legge til en popup til din nettside meny også.

10. OutreachPlus

OutreachPlus tar tak i leserens oppmerksomhet med et spørsmål som får dem til å tenke.Deretter viser det hvordan produktet kan bidra til å løse dette problemet. Hjemmesiden er enkel. Bortsett fra overskriftene, er det et skjermbilde av produktet, pluss to valg av hva du skal gjøre neste: kjøp eller lære mer ved å se en demo.

11. Search Engine Journal

Search Engine Journal er et innholdsside, slik at dets over-the-fold-design setter innholdet i søkelyset. Nettstedets design lar dem vise tre historier over folden. Det er også en smart bit av webdesign her. De tre historiene er oppført til høyre på siden. Hver er uthevet i grønt igjen. Når en historie er uthevet, tar den topplasseringen til venstre for siden, og viser med et oppmerksomhetsbilde og overskrift.

12. ConversionXL

Du kan forvente Peep Lajas ConversionXL for å komme over foldet innholdet riktig. Det er en annen enkel design. Denne siden har en tittel i ditt ansiktsoverskrift, og en underrubrikk som angir kjernenes tro. Det er også to CTA-knapper som gir valg for hva de skal gjøre neste, og en sekundær CTA under det for å registrere seg for nyhetsbrevet deres.

13. Christmas Lite Show

Christmas Lite Show konverterte 30% av besøkende ganske enkelt ved å utløse en Jared Ritchey MonsterLink ™ i sin over det brett innholdet. Knappen lanserte en nedtelling popup med et kupongtilbud. Kombinasjonen konverterte 30% av besøkende og tilførte 7000 nye abonnenter på selskapets e-postliste.

14. Problogger

Problogger er et annet innholds tungt nettsted, så det over det felle innholdet fokuserer på å gjøre det enkelt for folk å finne den informasjonen de vil ha. På toppen er det en omfattende navigasjonsmeny. Det er et bilde av grunnleggeren Darren Rowse for å skape en personlig forbindelse med den besøkende, pluss en 2-trinns optin som utløser en e-postoppmeldingsskjema popup.

15. Kennedy Blue

Kennedy Blue er et godt eksempel på over det brede onlineinnholdet. Hovedbanneret inneholder et bilde av tre kvinner i forskjellige stiler av brudepike kjoler.

I mellomtiden fremheves kopien hvor lett det er å handle på kjoler, og gir et prisklasse. CTA sender besøkende direkte til butikken. Og siden bruker en Jared Ritchey flytende bar for å markere dagens salg – bare en av måtene de kunne oppnå en 50% økning i salget.

16. menn med penner

The Men with Pens-nettstedet har ikke et typisk corporate utseende. I stedet er det en quirky design med lyse farger. Mens det ser ut til at alt er blitt kastet på siden, er det ovenfor foldede innholdet godt planlagt. Bortsett fra menyen, er det en karusell som viser nettstedets webdesign og copywriting-tjenester, samt bøker og blogger.

17. Copyblogger

Copyblogger er over det brett innholdet som er minimalistisk. Det meste av rommet er tatt opp av et bilde som viser en person som ser på et stykke Copyblogger-innhold. Siden hun vender mot venstre, trekker blikket hennes besøkende oppmerksomheten til overskriften. Overskriften viser fordelene (bygge online autoritet) med tilbudet (effektiv markedsføring).

18. Bluehost

På hjemmesiden bruker Bluehost et bilde til høyre med personens øyne som ser mot teksten til venstre. Dette er en smart bit av psykologi som styrer lesernes øyne der også.

Når de ser, ser de et overskrift, en redusert pris (som alltid er tiltalende) og en kort liste over viktige fordeler. Under er en synlig CTA-knapp som oppfordrer leserne til å komme i gang.

Det er det! Nå har du sett noen over fold-web-eksemplene som virkelig fungerer, bruk disse prinsippene for å få dine besøkende ombord. Neste, se våre guider for å sende e-postmarkedsføring og hacking til din bedrift. Og ikke glem å følge oss på Facebook og Twitter for å holde oversikt over alt vårt nye innhold.

Se videoen: Spesielt Hvordan gjøre intern koblingsstrategi for SEO riktig – John Lincoln, antar synlighet

Like this post? Please share to your friends:
Legg att eit svar

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