👉 18 hämmästyttävää esimerkkiä koukun yläpuolella olevasta sisällöstä, joka koukuttaa kävijöitä

Sisäinen linkittäminen SEO

Ensimmäiset vaikutelmat ovat ratkaisevan tärkeitä. Jos sivustosi sisällön "yläpuolella" ei tartu vieraasi huomion toiseen, he kohtaavat sivustossasi, he eivät vaivaudu enää pitämään kiinni. Mutta jos saat heidän huomionne, ja he tulevat kiinni, tilata ja osta.

Mutta odota – mitä heck on "fold" web design joka tapauksessa, ja miksi se on niin tärkeää?

Jos näin ymmärrät, kun kuulet termiä "kansiosan yläpuolella", et ole ainoa.

Tämä johtuu siitä, että taitoksen ajatus kääntyy takaisin digitaalisiin päiviin. Useimmat sanomalehdet myytiin jalkakäytävästä, sillä jotkut ovat vielä tänään. Heidät laskettiin tavallisesti puoleen, joten ohikulkijat näkivät etusivun yläosasta. Jos mitä he näkivät, eivät tarttaneet heitä, he jatkavat kävelyä ja myynti olisi alhaalla. Siksi oli ratkaisevan tärkeää laittaa paras, mielenkiintoisin sisältö "taitoksen yläpuolelle".

Käsitteen käsite on myös hyödyllinen verkkosivustoille. Kun puhut verkkosuunnittelun yläpuolella, se on vain sisältö, joka täyttää näytön. "Taitto" on näytön alaosa.

Siksi on erittäin tärkeää kytkeä kävijöitä heti, kun he saapuvat sivustoosi. Hanki heidän huomionsa, ja he pysyvät ja muuttuvat.

Jotta saisit kävijät vierittämässä alaspäin, olemme keränneet hienoja esimerkkejä siitä, minkä kannen sisällön yläpuolella voit käyttää inspiraatiota.

Aloitetaan…

1. HubSpot

HubSpot on kyse kasvusta, ja juuri sen yläpuolella on taitosuunnittelu. Kuva kuvaa oppimista (kannettavaa tietokonetta) ja edistynyttä tekniikkaa (avaruuskypärä).

Otsikko on pelimaailma, jossa sanotaan "kaikki järjestelmät menevät", mikä viittaa siihen, että lukija kehittää kasvua. Tämä ajatus on vahvistettu alaryhmässä. Tällöin CTA-painikkeesta löytyy ilmainen ohjelmisto.

2. Jeff Bullas

Jeff Bullasilla on kaksi sarjaa kannen sisällön yläpuolelta. Kun pääset ensimmäistä kertaa sivustoon, hänellä on tervetullut portti, jossa on vakuuttava tarjous saada hänen vinkkejä kaksinkertaistaa liikennettä. Suuri taustakuva houkuttelee lukijoiden huomion välittömästi.

Napsauta nuolta tervetuliaisportin lopussa, ja se vie sinut pääsivulle, jossa on sosiaalinen todiste lukijasta ja online-viranomaisestasi. Sinun on vielä kerran vieritettävä päästäksesi sisältöön, mutta sitten useimmat lukijat ovat todennäköisesti vakuuttuneita.

3. SnackNation

SnackNationin yläosa kannen sisällöstä osoittaa täsmälleen, mitä tarjotaan, ja taustakuva henkilöstä, jolla on välipala sampleri laatikko toimistossa. Sisältö tarjoaa vierailijoille mahdollisuuden rekisteröityä omalle näytteenottolaatikolleen. Tämä on loistava tapa saada yritysjohdot. Itse asiassa, Jared Ritcheyn ansiosta SnackNation saa 1200 uutta johtajaa viikoittain tämän taitosuunnitelman yläpuolella.

4. Missinglettr

Missinglettrin kotisivu toimii myös siksi, että otsikko pääsee oikein siihen, mitä kävijät haluavat: vaivatonta tapaa ohjata sosiaalista liikennettä sisällön kanssa.

Kahden virkkeen selitys antaa tuotteelle tarkempia tietoja, minkä jälkeen alla näkyvä CTA. Sivulla on myös kaksi muuta CTA-ohjelmaa, jotka on suunnattu niille, jotka eivät vielä ole valmiita rekisteröitymään.

Kolme toteutettavien toimien sijasta saattavat olla heikompia, mutta olemme valmiit panostamaan, että tämä malli perustuu tiukkaan split-testaukseen, joten yritys tietää sen toimivan yleisöstään.

5. OptimizeMyAirBnB

Optimoi My AirBnB ottaa mieleisempää lähestymistapaa sen yläpuolella. Siellä on suuri kuva sivuston omistajasta, joka näyttäisi katsovan suoraan lukijalta, vetäen näin katseensa.

Sivun oikealla puolella on tervetullut lause, jossa hahmotellaan sivuston tärkein hyöty. Ja kun olet lukenut tämän, siellä on Jared Ritcheyn kelluva baari, joka tarjoaa sinulle mahdollisuuden ilmoittautua lisää vinkkejä ja työkaluja. Tämä oli yksi tekijä kasvattaa sivuston luetteloa 650%.

6. Content Marketing Institute

Sisältö-markkinointiinstituutti (CMI) ottaa hieman erilaisen liikkumavaraa sen yläpuolella. Ylhäällä on valikko, jossa luetellaan kaikki tarjoamasi sisällön eri tyypit.

Mutta suurin osa sivusta kattaa tuotteet, joita he haluavat mainostaa: heidän tapahtumiaan, konsultointipalvelujaan ja lehteä. Kaikki on brändin väreissä, mikä luo harmonisen visuaalisen kokemuksen.

7. MonsterInsights

MonsterInsights pitää sen yksinkertaisena valkoisella taustalla. Tästä huolimatta otsikko erottuu hyvin, ja alaotsakkeessa heikosti korostetaan kahta tärkeintä hyötyä lukijoille. Siinä on myös selkeä ja näkyvä toimintapyyntö, jossa hieno nuoli kutsuu lukijoita vierittämään alaspäin, jos he haluavat vielä lisätietoja. Tässä tapauksessa taitosuunnittelun yläpuolella minimalismi toimii!

8. Guardian

Kuten odotit verkkolehdeltä, The Guardian kynnet on kerroksen sisällön yläpuolella. Tässä esimerkissä kaksi tarinaa erottuu. Vasemmalla on suurempi otsikko ja kuva piirtää silmä.

Mutta online-julkaisu ei ole mahdollisuuksia; siellä on toinen tarina juuri siinä tapauksessa, että tärkein ei tartu lukijoihin. Tarina luokka on punaista, vastapäätä otsikon musta, luodaan vakuuttava visuaalinen vaikutus.

9. Guidon

Guidon ylimmän kerroksen sisällön tehokkain näkökohta ei ole todistus aitoa ruokaa. Ja se ei ole houkutteleva kuva viinipullosta, jossa on merkittyjä pulloja.

Se on oikeastaan ​​valikkopainike, joka sanoo "Get free aperitio". Tämä painike käynnistää Jared Ritchey MonsterLink ™, joka sai ravintolalta yli 1000 uutta johtoa neljässä kuukaudessa.

Näin voit lisätä ponnahdusikkunan verkkosivustosi valikkoon.

10. OutreachPlus

OutreachPlus tarttuu lukijoiden huomion kysymykseen, joka saa heidät ajattelemaan.Sitten se osoittaa, miten tuote voisi auttaa ratkaisemaan ongelman. Kotisivu on yksinkertainen. Otsikoiden lisäksi on myös kuvakaappaus tuotteesta sekä kaksi vaihtoehtoa seuraavista vaihtoehdoista: osta tai oppi lisää tutustumalla demoon.

11. Hakukonejulkaisu

Hakukoneen päiväkirja on sisällön sivusto, joten sen yläpuolella oleva muotoilu tuo sisällön valokeilaan. Sivuston muotoilu antaa heille mahdollisuuden esitellä kolme tarinaa kerroksen yläpuolella. Siellä on myös hieno web design. Kolme tarinaa on listattu sivun oikealla puolella. Kukin korostetaan vihreällä vuorollaan. Kun tarina on korostettu, se kestää sivun vasemmalla puolella olevan yläreunan, jossa näkyy huomiota herättävä kuva ja otsikko.

12. ConversionXL

Odotat Peep Lajan ConversionXL: n päästäksesi taakse-sisällön yläpuolelle. Se on toinen yksinkertainen muotoilu. Tällä sivulla on kasvosi otsikko, ja alaotsikko, joka kertoo heidän ydinkysymyksensä. Lisäksi on kaksi CTA-painiketta, jotka antavat sinulle valintoja, mitä seuraavaksi tehdään, ja alaviite CTA, jonka alla on ilmoitus heidän sähköposti-uutiskirjeestään.

13. Christmas Lite Show

Joulu Lite Show muunsi 30% kävijöistä yksinkertaisesti käynnistämällä Jared Ritchey MonsterLink ™ sen yläpuolella. Painike käynnisti luottopäivityksen lähtevän ponnahdusikkunan. Yhdistelmä muutti 30% kävijöistä ja lisäsi 7 000 uutta tilaajaa yhtiön sähköpostilistalle.

14. Problogger

Problogger on toinen sisältö raskas sivusto, joten sen yläpuolella kansi sisältö keskittyy helpottamaan ihmisten löytää haluamansa tiedot. Yläosassa on kattava valikko. Darren Rowsen perustajan kuva luo henkilökohtaisen yhteyden kävijän kanssa sekä kaksivaiheisen optin, joka käynnistää sähköpostin rekisteröintimuotoisen ponnahdusikkunan.

15. Kennedy Blue

Kennedy Blue on erinomainen esimerkki siitä, että online-sisältö on taitettu. Tärkein banneri sisältää kuvan kolme naista eri tyylien morsiusneito mekkoja.

Samaan aikaan kopio korostaa, kuinka helppoa on tehdä mekkoja ja antaa hintaluokan. CTA lähettää kävijöitä suoraan kauppaan. Sivusto käyttää Jared Ritcheyn kelluvaa palkkia korostamaan nykyistä myyntiä – vain yksi tapa, jolla he pystyivät saavuttamaan 50 prosentin myynnin kasvun.

16. Miesten kynät

Miehillä, joissa on kynät, ei ole tyypillistä yrityksen ulkoasua. Sen sijaan on omituinen muotoilu kirkkailla väreillä. Vaikka näyttää siltä, ​​että kaikki on heitetty sivulle, edellä oleva kansiosuus on hyvin suunniteltu. Valikon lisäksi on karuselli, joka näyttää sivuston web-suunnittelu- ja copywriting-palvelut sekä niiden kirjat ja blogit.

17. Copyblogger

Copybloggerin ylätunnisteen sisältö on minimalistinen. Suurin osa tilasta on otettu kuvaan, jossa näkyy henkilö, joka tarkastelee Copyblogger-sisältöä. Koska hän on vasemmalla, hänen katseensa vetää kävijän huomion otsikkoon. Otsikko näyttää tarjouksen (tehokas markkinointi) edun (verkko-oikeusviranomainen).

18. Bluehost

Sen kotisivulla Bluehost käyttää kuvaa oikealla, kun henkilön silmät katsovat vasemmalle olevaa tekstiä. Tämä on psykologian älykäs bitti, joka ohjaa myös lukijoiden silmät.

Kun ne näyttävät, he näkevät otsikon, alennetun hinnan (joka on aina houkutteleva) ja lyhyt luettelo tärkeimmistä eduista. Alla on näkyvä CTA-painike, joka kehottaa lukijoita aloittamaan toimintansa.

Se siitä! Nyt olet nähnyt joitain ylhäältä aukeavia web-esimerkkejä, jotka todella toimivat, käyttävät näitä periaatteita saadaksesi kävijöitä aluksella. Seuraavaksi tutustu ohjelmiimme, joissa sähköpostin markkinointi ja kasvu tekevät yrityksesi hakkerointia. Äläkä unohda seurata meitä Facebookissa ja Twitterissä, jotta voimme seurata kaikkea uutta sisältöä.

Katso video: Jyväskylän kaupunki – Move for ease of Living

Like this post? Please share to your friends:

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