Landing Page Writing & Optimization

Bestemmingspagina's

Dit is pagina twee van een handboek over Growth Hacking. Begin hier .

Volg de beproefde sjabloon

Op deze pagina leert u om thuispagina's te schrijven en te ontwerpen volgens de groeimesheet die is bewezen voor al mijn klanten om de conversiepercentages te maximaliseren.

Ik behandel hoe je je pagina moet structureren, een overtuigend exemplaar kunt schrijven, met ontwerpen kunt omgaan en de conversie van bestemmingspagina's kunt beoordelen. Het is alles wat je moet weten.

Een goede startpagina is geen prettige noot. Het is je eerste indruk . Hoe beter uw eerste indruk, hoe beter al uw inspanningen voor gebruikersacquisitie presteren.

Als je een bruikbare bestemmingspagina bij elkaar gooit, noem het dan een dag, je loopt een drastische verbetering van je succespercentage mis.

En ik heb dit allemaal getest op de klanten van mijn bureau . Ik heb kunnen aantonen dat optimalisatie van bestemmingspagina's verantwoordelijk is voor de grootste ROI-impact in uw groentetrechter. Het maakt meer uit dan de kwaliteit van uw advertenties - en zelfs meer dan de prijsstelling van uw product.

Varianten van bestemmingspagina's

Er zijn drie soorten bestemmingspagina's:

  • Uw startpagina - Een verzamelpagina voor bezoekers van elk type.
  • Uw productpagina - Waar u een duik neemt in de kern van uw product.
  • De bestemmingspagina van uw advertentie: waar u uw bericht afstemt op een specifieke doelgroep.

Deze drie typen zijn op dezelfde manier gestructureerd. Eerlijk gezegd zijn er niet veel verschillende manieren om een ​​boeiende pagina te ontwerpen. Ze verschillen maar op één manier: hun focus op waardeproposities.

Laten we leren hoe ze zorgvuldig kunnen schrijven en ontwerpen.

Landingspagina optimalisatie

Ik wil dat u de optimalisatie van de bestemmingspagina bekijkt vanuit het perspectief van de wens:

Conversie = Verlangen ( dit verhogen) - Arbeid ( dit verlagen) - verwarring (dit verlagen)

Het is minder werk om de arbeid en verwarring van een bezoeker te verminderen dan om de wens te vergroten:

  • Verhoog de begeerte - Dit bestaat uit het verleiden van hen met waarde . Waarde wordt overgebracht via zorgvuldig gerichte kopie en creatief. Dit kost veel hersenkracht.
  • Arbeid verminderen - Dit houdt in dat elk woord en elk ontwerpelement op uw pagina vanzelfsprekend en van grote waarde is. Hoe meer woorden en afbeeldingen je hebt, des te meer je van bezoekers vraagt ​​om te werken boven wat belangrijk is in je berichtenuitwisseling.
  • Verminder verwarring - dit bestaat uit zeer specifiek en consistent in uw berichtenuitwisseling. Voor elke vage uitspraak die u doet, dwingt u bezoekers meer na te denken over uw intenties en minder over hoezeer uw product hun leven verbetert.

Daarom is de eerste stap bij het maken van een bestemmingspagina niet om deze te ontwerpen. De eerste stap is om je bericht aan te scherpen . U moet de vraag beantwoorden: welke waarde kan ik leveren?

Zoek uit wat copy (tekst) en creative (afbeeldingen, grafieken, animaties, video's) die waarde overbrengen. Dan dient het ontwerp van uw pagina eenvoudig om deze waarde duidelijk te presenteren.

Laten we beginnen met kopiëren.

Landingspagina kopie

("Kopiëren" is gewoon een mooi woord voor tekst .)

Voordat we onze bestemmingspagina maken, laten we ons vertrouwd maken met twee kritisch over het hoofd geziene aspecten van kopiëren: waardeproportie en informatiedichtheid.

Deze verminderen de bevalling en verhogen het verlangen . Volgens onze formule.

Waarde rekwisieten

Een waardevoorstel ("waardeproportie") is een productkwaliteit die overeenkomt met een voordeel.

Uw product kan bijvoorbeeld snel , veilig en goedkoop zijn . Dat zijn de kwaliteiten.

Als u bijvoorbeeld snel overeenkomt met "werk krijgen gedaan", is uw resulterende waardeproportie "werk sneller gedaan krijgen".

U kunt als alternatief de waardevoorspelling van 'repetitief werken verminderen' genereren. Dat is een variatie op dezelfde snelle kwaliteit, maar de waardepropositie richt zich op een nieuw voordeel.

Nog een voorbeeld. Als we de beveiligingskwaliteit nemen , kunnen we waardeproposities genereren zoals 'Uw vrienden veilig berichten' of 'Als uw telefoon wordt gestolen, blijven uw gegevens veilig'.

Het lijkt alsof het genereren van waarde rekwisieten eenvoudig is.

Dat is het niet, en het is waar de meeste bestemmingspagina's niet aantrekkelijk zijn. Vleugel het niet. Dit is mijn proces voor het systematisch genereren van overtuigende waardeproposities:

Waarde prop generatie

Volg deze stappen:

  1. Maak een lijst van alle slechte (niet-gewenste) alternatieve oplossingen waar mensen hun toevlucht tot nemen als zij u niet hebben. En beschrijf wat maakt iedereen slecht.
  2. Met elk slecht alternatief, schrijf een waardevoorstel dat die slechtheid benadrukt en hoe uw product een betere oplossing biedt om het leven te verbeteren.
  3. Noteer in een derde kolom je belangrijkste klantpersonages en herinner jezelf aan de twee dingen waar ze het meest om geven. Noem geen persona's die laag staan ​​op uw prioriteitenlijst.
  4. Reduceer ten slotte je lijst met waardeaccessoires in kolom twee tot degene die het meest aantrekkelijk zijn voor je beste personages .

De overgebleven waardepropaarden worden de focus van uw bestemmingspagina. En uw advertenties.

Voorbeeld van waardepropositie

Laten we een live chatwidget voor websites bekijken. Het doel van de tool is om support- en verkoopteams te helpen bij het kwalificeren en onderscheppen van leads voordat ze de site verlaten.

Onze brainstormkolommen kunnen er als volgt uitzien:

Slechte alternatieven

Verkoopgesprekken van lage kwaliteit
• Verspilde verkoopmiddelen

Bezoekers stuiteren
• Verloren verkoopkansen

Lange, saaie FAQ's
• Niemand leest ze

E-mails ondersteunen
• De meeste dingen doen niet de moeite

Waarde rekwisieten

Verwerk meer leads met minder senior verkopers door asynchrone afhandeling van bezwaren van klanten via een live chatgesprek.

Hoor de bezwaren van bezoekers proactief, zodat u meer deals kunt sluiten en sluiten voordat ze stuiteren.

Top persona's

Hoofd marketing
• Conversietarieven
• Verkeersvolume

Chief revenue officer
• Verminder churn
• Verhoog ARPU / LTV

Hoofd verkoop
• Vergroot gekwalificeerde leads
• Kwalificeer leads goed

Als dit proces voor u verloren is gegaan, leest u het bovenstaande opnieuw voordat u doorgaat. Het is de sleutel.

Deze waardeproppen bepalen de kopie op uw pagina. U schrijft de kopie door het filter van de informatiedichtheid.

Informatiedichtheid

  • Krijg de beste kopie-variatie
    Elk woord op de pagina moet met een reden bestaan. Schrijf geen paragraaf met de eerste frasering die in je opkomt. Schrijf een dozijn variaties totdat je de meest aanlokkelijk en beknopt vindt.

    Als u hulp nodig hebt bij het bepalen wat het beste is, voert u advertenties uit om de verschillende varianten te testen. Laat de klikfrequenties van het publiek u alles vertellen wat u nodig heeft. (We zullen dit binnenkort behandelen.)
  • Plaats niet elke waardeprop in zijn geheel.
    Blijf bij de waardeproposities die uw ideale klanten het meest verleiden. (Onderzoek ze om erachter te komen wat ze zijn.) Hoe meer bezoekers moeten lezen, hoe minder ze in totaal zullen lezen .
  • Geen verkoopdons
    Er is geen ruimte voor zinloze verkoop; vermijd revolutionair , ongelooflijk krachtig , de beste ooit en wat nog meer. Probeert niet elk product zo te zijn? Je lijkt een copycat. Beschrijf in plaats daarvan precies hoe je uniek bent.
  • Minimaliseren met scrollen
    Dichtheid is van toepassing op de hoeveelheid fysieke ruimte die u inneemt . Ontwerp geen pagina's die eindeloos scrollen. Het is een slechte trend. Geef me de belangrijkste waarde rekwisieten voordat ik moet scrollen.
Beknopt betekent niet kort. Het betekent een hoge verhouding tussen ideeën en woorden.
- Paul Graham

Deze waardeproppen bepalen de kopie op uw pagina. Maar eerst moeten we praten over hoe u uw pagina kunt structureren.

Bestemmingspaginasjabloon: elementen

Je hebt een vrij idee over hoe te schrijven. Het is tijd om te leren wat te schrijven.

Begin met de volgende paginastructuur en test alleen variaties ervan als je deze implementatie hebt genageld:

  1. Navbar : Helemaal boven aan de pagina - waar uw bedrijfslogo en sitelinks zich bevinden.
  2. Held : het grote gedeelte bovenaan de pagina dat uw koptekst, subtiteltekst en meest verleidelijke beelden bevat.
  3. Sociaal bewijs : logo's van uw berichtgeving in de pers of bekendste klanten.
  4. Call-to-action (CTA): uw aanmeldingsknop en een beknopte motivatie om erop te klikken. Dit kan ook worden ontworpen in je sectie Held.
  5. Kenmerken en bezwaren : uw belangrijkste waardeproposities. Waarom mensen je zouden gebruiken.
  6. Herhaal uw call-to-action
  7. Teaminfo (optioneel): verhoog uw waargenomen geloofwaardigheid door uw team te benadrukken.
  8. Voettekst : diverse bedrijfskoppelingen.

Terwijl we de belangrijkste elementen in de bovenstaande lijst doorlopen , open je HelloKip.com en UsabilityHub.com in nieuwe tabbladen, zodat je deze kunt volgen. Ze volgen grofweg de structuur van de bestemmingspagina.

Elke klant waarmee we werken, vraagt ​​op een gegeven moment: "Waarom is de bestemmingspagina die je zo lang voor ons hebt gemaakt?" Omdat - zolang elk woord unieke en onweerstaanbare waarde biedt - pagina's die diepgaand presteren beter zijn dan korte (voor advertentieverkeer) ). Mensen willen details! Maar struin niet. U zult echter de 'lange-pagina prestatieverbetering' op organisch verkeer niet zien. Omdat ze al weten dat ze je willen hebben (ze kwamen uit eigen beweging) - en hebben niet zoveel profijt van alle details.

Element: Navbar

Laten we beginnen eenvoudig: al uw navbar-behoeften zijn uw logo, links naar belangrijke gedeelten van uw pagina plus links naar de andere pagina's op uw site en een call-to-action-knop (bijvoorbeeld aanmelden).

Hoe minder links er zijn, hoe meer uw CTA opvalt. Dit is iets goeds. U wilt weinig afleiding tussen uw gebruikers en de CTA.

Als je je vet voelt, kun je alle links laten vallen, behalve de CTA. Dit voorkomt dat bezoekers worden weggetrokken van uw voor conversie geoptimaliseerde bestemmingspagina.

Element: Hero

'Held' is designjargon voor het grote gedeelte bovenaan je pagina. Het bestaat uit uw koptekst, subkoptekst en een optionele afbeelding.

Tussen haakjes - als een snelle onderbreking van het materiaal - werk ik aan een handboek om je Chinees te leren en piano te spelen. Als je wilt weten wanneer ze weg zijn:

(En als je het hebt gemist, heb ik al een handboek over Building Muscle gepubliceerd ✌)

Held: afbeelding

Laten we beginnen met het image-onderdeel van je heldensectie.

Het doel van je hero-afbeelding is om het exemplaar van je held aan te vullen, dat is bedoeld om uit te leggen wat het product doet (en de bezoeker te pesten om te blijven scrollen).

Daarom moet uw afbeelding pronken met het product. Bekijk hoe het bovenstaande voorbeeld een letterlijke schermafbeelding van het product gebruikt. Dat is wat je wil.

Illustraties werken ook. Vooral als een screenshot je product geen recht doet. Of als u interactiviteit en actie wilt demonstreren. Ontdek hoe Slack illustraties gebruikt om werknemers te laten zien dat ze hun app gebruiken:

Gebruik daarentegen geen vage voorraadbeelden van bijvoorbeeld mensen die hun laptop gebruiken in een coffeeshop. Dit betekent niets anders dan de door u beoogde demografie en verspilt kostbare ruimte.

Misschien is voorraadbeelden waardevol voor merkmarketing, maar het stimuleert niet dat bestemmingspagina-conversies zo veel zijn als een letterlijke afbeelding van uw product.

En dat is het terugkerende thema van dit handboek: wees specifiek wanneer u werpt. Er is zoveel pluis op het internet dat je moet opvallen door transparant op het punt te komen .

In advertenties is het geloofwaardigst wat het beste bereikt kan worden en niets is geloofwaardiger dan het product zelf.
- Leo Burnett

Held: kop

Nageldakkopie is het belangrijkste onderdeel van optimalisatie van bestemmingspagina's.

Je held heeft twee stukken tekst: je koptekst (primaire tekst) en subkop (secundair).

Laten we beginnen met uw kop. Het moet beschrijvend zijn terwijl het beknopt is.

Hier is de lakmoesproef voor het hebben van een voldoende beschrijvende kop: als de bezoeker niets anders op uw pagina leest , weten ze nog steeds wie u bent en waarom zij u zouden moeten gebruiken.

Headers worden vaak vaag geschreven (bijv. "Verbeter uw workflow!"), Wat extra scrollen vereist voordat de bezoeker begrijpt hoe u dat specifiek aflevert.

Maar de meeste bezoekers zullen niet het geduld hebben om te scrollen. Dus ze gaan gewoon weg.

De koptekst is geschreven om mensen via een intrigerende functie bij uw product te betrekken. Vervolgens vertelt het hen waarom die functie voor hen belangrijk is.

Laten we dat in een tweestaps-copywritingproces distilleren.

1. Identificeer een overtuigende functie die het doel van het product vastlegt

Zoek de functie van uw product die het meest overtuigend is als deze op zichzelf staat. En zorg ervoor dat deze functie ook het overtuigende doel van het product vertegenwoordigt.

Dwingend betekent dat de meeste mensen die het lezen denken: "Ik wil dat!" Of, als u zich op een markt met veel vergelijkbare concurrenten bevindt, betekent overtuigend dat het uw belangrijkste onderscheidende factor is die mensen doet denken: "Eindelijk een reden om u aan te melden voor een van deze producten!"

Hier is een koptekstvoorbeeld voor een videochat-app die zich moet onderscheiden van concurrenten. Ten eerste zou ik beginnen met het identificeren van alle nieuwe functies. Uit die lijst zou ik kiezen welke het meest representatief is voor het doel van het product. Het doel is wat het is ontworpen om te bereiken voor zijn klanten op het hoogste niveau.

Hier zijn enkele nieuwe functies van onze videochat-app:

  • Chat snel met iemand
  • Gebruik uw telefoon, tablet of computer
  • Gebruik automatisch vertalen om realtime gesprekken te voeren, ongeacht taalbarrières
  • Ontvang transcripties van elk gesprek - per e-mail aan u

Zoals u kunt zien, zijn de meeste van de genoemde functies standaard bij elke videochat-app. Een header is een te waardevolle spatie om deze te markeren. We zijn op zoek naar de functie die het meest overtuigend is, maar spreekt nog steeds het doel van ons product.

Ik denk dat de functie voor automatisch vertalen geweldig is. Deze functie onderscheidt niet alleen het product binnen een verzadigde video-app-markt, maar vertegenwoordigt ook het overtuigende doel: de mogelijkheid om met iedereen te chatten.

Hier is een voorbeeldheader om die functie te vertegenwoordigen: "Heb automatisch vertaalde videochats met buitenlanders."

Dit is echter een nieuwe functie die ik niet zou hebben gebruikt omdat deze niet het doel vertegenwoordigt: "Zoek iemand om videochat mee te delen in minder dan 30 seconden."

Als snelheid niet representatief is voor de reden waarom mensen uw app het liefst over de concurrentie willen gebruiken, moet u dit niet benadrukken als het eerste wat mensen op uw pagina lezen.

Nog een voorbeeld. Dit keer voor een bedrijf dat zich niet hoeft te onderscheiden van concurrenten.

Een bedrijf dat zich richt op makelaars in onroerend goed, schrijft misschien als volgt: "We sms'en uw onroerendgoedleads voor u."

Als dit bedrijf veel functies biedt, maar het automatisch sms'en van leads van onroerend goed is A) waarschijnlijk de meest aantrekkelijke voor zijn doelgroep ("Ik wil dat!") Plus B) de meest representatieve van het meest overtuigende doel van het product (het bedrijf helpt agenten de meest bewerkelijke delen van leadinteractie te automatiseren), dan is het de juiste functie om te benadrukken.

Samenvatten: beschrijf specifiek één functie die overtuigend is en representatief is voor het doel op hoog niveau van uw product.

2. Vermeld het doel op hoog niveau

Nu we hebben gezinspeeld op het doel van ons product, moeten we de gedachte afronden door expliciet het doel te vermelden voor bezoekers die de punten zelf niet kunnen verbinden.

Deze stap is alleen nodig als je doel niet alleen volledig vanzelfsprekend is.

Hier zijn twee voorbeelden van het uitbreiden van een koptekst met een beschrijving van het doel:

"Riley tekent uw onroerendgoedleads voor u - om ze automatisch te kwalificeren ."

"Heb videochats automatisch vertaald met buitenlanders - om plezier te hebben in het leren van elke taal ."

Nu zijn hier goede voorbeelden van koptekst:

  • Website-ontwerptool - "Visueel helemaal opnieuw ontwerpen en ontwikkelen van sites zonder codering."
  • Boodschappenservice - "Boodschappen geleverd binnen 1 uur. Sla verkeer, parkeren en lange rijen over."
  • Home rental service - "Huur echte huizen, ervaar elke stad als een local."

Houd uw kop tot binnen 6-12 woorden zodat het snel leest.

En hier zijn slechte voorbeelden:

  • Slecht - "Bos: blijf geconcentreerd, wees aanwezig."
    Beter - "Een app die telefoonverslaving voorkomt, zodat u zich kunt concentreren op wat belangrijker is."
  • Slecht - "Betalingen eenvoudig gemaakt."
    Er zijn talloze betalingsverwerkingsservices. En deze tekst verklaart niet waarom de jouwe beter is of zelfs voor wie het uniek is: bedrijven, freelancers, kopers, e-commercesites?
  • Slecht - "Breid uw softwareontwikkelingsteam uit."
    Beter - "Voeg ervaren remote devs toe aan uw team, betere kwaliteit tegen lagere kosten."

Dit is niet het enige paradigma voor het schrijven van koptekstkopieën, maar ik garandeer dat dit de veiligste manier is om ervoor te zorgen dat u koptekopieën schrijft die niet slecht zijn.

Held: Subheader

Nu mensen begrijpen wat u doet, gebruikt u uw subkop om te beschrijven hoe.

Hoe kritisch is voor de conversie van bestemmingspagina's, omdat het de sluier oplicht van wat u doet om mensen te laten zien dat u echte, verstandige oplossingen hebt voor hun moeilijke problemen. Ze willen weten dat je hierover hebt nagedacht, zodat ze hun tijd niet verspillen aan het aanmelden.

Dit is contra-intuïtief voor marketeers die denken dat ze elke vierkante centimeter koptekst moeten gebruiken om de vage levensstijlvoordelen van een product te pitchen.

Nee. Je adverteert hier niet met Coca-Cola. De optimalisatie van bestemmingspagina's heeft niets met merkmarketing te maken. Mensen zijn het zat om vage waardeproposities te hebben. Ze hebben gezien dat een miljoen tv-commercials het doen. Ze hebben een reflex opgebouwd om verkooppraatjes te negeren.

Weet je wat het tegengif tegen vage verkoopgesprekken is? Een nauwkeurige beschrijving van hoe uw product werkt.

Bijvoorbeeld:

  • Onroerende goederen-app: "Een netwerk van doorgelichte conciërges bewaakt uw leadchats om te reageren wanneer u bezig bent."
  • Videochat-app: "In realtime transcriberen en vertalen we uw woorden in 100 talen."

Er is echter een uitzondering op het mandaat om te beschrijven hoe in uw subkop.

Als uw product zo duidelijk en daarom niet-verlichtend is om te beschrijven (bijvoorbeeld uw kop is "Wij zijn een fotoagentschap" en uw subkop is "Wij zijn een team van topfotografen"), gebruikt u in plaats hiervan uw subkop om de lijst weer te geven. 1-3 meest aantrekkelijke voordelen die u biedt:

  • "Offload leidt 24/7 tot onze conciërges, traint ze met scripts en krijgt statusrapporten."
  • "Spreek zo snel als u normaal gesproken terwijl u direct vertalingen op uw video krijgt."

Houd uw subkop binnen 10-13 woorden. Anders wordt het een dichte alinea.

Wanneer ik een advertentie schrijf, wil ik niet dat je me vertelt dat je het 'creatief' vindt. Ik wil dat je het zo interessant vindt dat je het product koopt.
- David Ogilvy

Element: Sociaal bewijs

Nu u kort en bondig hebt beschreven wat u doet en waarom, is het tijd om de geloofwaardigheid van uw bedrijf over te brengen aan de hand van sociaal bewijs .

Uw sectie sociaal bewijs is een collage van logo's die uw berichtgeving in de pers en / of uw meest bekende klanten laten zien. Of als u een e-commerceproduct bent, geeft u eenvoudig aan hoeveel klanten u heeft (als het een indrukwekkend aantal is).

Je doel is om het te laten lijken alsof iedereen je al kent, en de bezoeker te laten verrassen dat ze nog niet van je hebben gehoord.

(In feite is dat een beetje het doel van veel groei-berichten.)

Als u nog geen opmerkelijke klanten heeft, moet u uw product gratis aan werknemers van bekende bedrijven verstrekken. Plaats vervolgens hun logo's op uw pagina als ze eindigen en u blijven gebruiken.

Element: call-to-action

U moet uw call-to-action (CTA) -gedeelte als een advertentie schrijven. Het moet laser-gericht zijn op het lokken van mensen om zich te bekeren.

Daartoe moet het uit twee delen bestaan: een eigen koptekst en een knop.

CTA: koptekst

De CTA-header vat samen wat de bezoeker krijgt als hij zich aanmeldt.

Dit is de op één na belangrijkste component voor optimalisatie van bestemmingspagina's.

Bijvoorbeeld: "Ontvang een nieuw logo binnen 24 uur" of "Stel gewoon uw prijs in en ga." Je wilt een gevoel van momentum opbouwen, en dat doe je door ze naar de volgende stap te duwen.

Gebruik daarentegen geen generieke woorden als "Aan de slag met uw gratis proefperiode". Ze hebben die tekst zo vaak gezien dat ze zijn geprogrammeerd om deze te verdoezelen.

Geef hen in het bijzonder de reden waarom ze hier zijn gekomen.

Maar blijf ze niet herinneren aan dezelfde kopie voor elk exemplaar van uw CTA. Laat de header van elke CTA-sectie de waardeprop weergeven die in de voorgaande sectie van de pagina is besproken. Dit berekent het momentum van de pagina: als een waardeprofiel resoneert met een bezoeker, laat hem dan onmiddellijk registreren om die specifieke waardeproportie te realiseren.

CTA: knoptekst

In overeenstemming met onze benadering van "herinner hen eraan waar ze hier voor zijn", maak de knop van de CTA-sectie ofwel een enkel actiewoord, bijvoorbeeld "Aanmelden" of "Starten", of gebruik een werkwoord-zin die verder beschrijft wat er nu gaat gebeuren. .

Voorbeeld werkwoord zinnen:

Zie Dashboard →
Start proef →
Door lijsten bladeren →
Schrijf geen slordige clickbait-CTA-tekst zoals "Geef mij mijn gratis PDF!" Dat wil zeggen, tenzij u probeert idioten als klanten aan te trekken. (Sommige bedrijven - meestal seminarseries - kunnen echt zijn )

Visueel contrast

De tekst van uw CTA is verantwoordelijk om bezoekers actie te laten ondernemen. Het is het ontwerp van je CTA dat ervoor zorgt dat ze merken dat ze in de eerste plaats actie kunnen ondernemen.

Volg bij het ontwerpen van uw CTA twee regels:

  • Opvallend

    Laat uw CTA niet opgaan in de rest van uw pagina. Gebruik een achtergrondkleur die de dominante kleuren van de pagina contrasteert. En maak de CTA-knop een beetje groter dan je denkt dat het zou moeten zijn.

    Merk op dat elementen met veel ruimte eromheen opvallen. In feite krijgen elementen alleen op een horizontale lijn meer aandacht: wanneer deze aanmeldknop bijvoorbeeld onder het formulierveld werd verplaatst , steeg de conversiepercentage van de bestemmingspagina aanzienlijk.
  • Weeg het af

    Als u meerdere CTA's op één pagina hebt die niet allemaal dezelfde conversiegebeurtenis lokken (bijvoorbeeld een aanmelding), moet u ze niet allemaal hetzelfde zien.

    Geef bezoekers in plaats daarvan een idee van welke CTA een grotere betrokkenheid met zich meebrengt door deze groter of meer gecontrasteerd te maken. Hierdoor kunnen bezoekers weten dat de minder gewogen CTA's waarop ze klikken, de conversiegebeurtenis waarvan ze verwachten dat ze worden uitgevoerd, niet volledig activeren.

Als je heldensectie niet voldoende op zichzelf staat om mensen te laten converteren (meestal niet), is het de taak van het volgende gedeelte - functies en bezwaren - om je volledige verkooppraatje af te leveren. Vervolgens, nadat ze het hebben gelezen, slaat u ze opnieuw met de CTA-sectie.

Element: kenmerken en bezwaren

Het plaatsen van een product komt neer op het vermelden van de belangrijkste waarden die klanten zullen ontvangen zodra ze kopen. Daarbij wil je jezelf als uniek waardevol afschilderen .

Dit is ook een kans om proactief hun zorgen en scepsis over uw functies aan te pakken. Vandaar de naam "Kenmerken en bezwaren".

Weet je nog die grafiek die we aan het begin van deze oefening hebben gemaakt?

Slechte alternatieven

Verkoopgesprekken van lage kwaliteit
• Verspilde verkoopmiddelen

Bezoekers stuiteren
• Verloren verkoopkansen

Lange, saaie FAQ's
• Niemand leest ze

E-mails ondersteunen
• De meeste dingen doen niet de moeite

Waarde rekwisieten

Verwerk meer leads met minder senior verkopers door asynchrone afhandeling van bezwaren van klanten via een live chatgesprek.

Hoor de bezwaren van bezoekers proactief, zodat u meer deals kunt sluiten en sluiten voordat ze stuiteren.

Top persona's

Hoofd marketing
• Conversietarieven
• Verkeersvolume

Chief revenue officer
• Verminder churn
• Verhoog ARPU / LTV

Hoofd verkoop
• Vergroot gekwalificeerde leads
• Kwalificeer leads goed

De informatie die hier wordt gevonden, heeft niet alleen rechtstreeks invloed op de typen functies en bezwaren die u toevoegt aan uw bestemmingspagina, maar ook op de volgorde waarin u ze presenteert.

Dit gedeelte beslaat het grootste deel van uw pagina. Elke functie bestaat uit drie elementen:

  • Titel
  • paragraaf
  • Beeld

Bijvoorbeeld:

Hoe duurder of niet intuïtief uw product is, hoe meer bezwaren u moet aanpakken.

Als je het moeilijk vindt om te beslissen welke bezwaren je moet markeren, onderzoek dan de homepages van je concurrenten om te leren onderscheid te maken van wat mensen van je verwachten te zeggen.

Laten we een duik nemen in de drie componenten:

Functie: titel

Schrijf een titel van 3-5 woorden die de specifieke functie of waarde beschrijft. Gebruik geen vage taal zoals "Empower your life" of "Revolutionize your workflow." Nee, gewoon botweg beschrijven wat het is zodat bezoekers kunnen beslissen of het relevant voor hen is .

Wanneer u bezoekers de mogelijkheid geeft om secties over te slaan waar ze niet om geven, vermindert u hun werk en verbetert u hun focus op de secties waar ze om geven.

Hier volgen enkele voorbeelden van de koptekst van de CinderGrill.com- site:

"Cooks and Sears"
"Geen voorbereiding of opruiming"
"Cooks More than Just Meat"

Feature: Paragraph

  • Brevity

    Schrijf een paragraaf van niet meer dan drie zinnen. Beschrijf de functie en verhelp een algemeen bezwaar. Als je verder gaat dan drie zinnen, zullen minder mensen lezen.

    Alleen als je een moeilijk te waarderen waardepropositie hebt om te articuleren, moet je deze regel overtreden. Als dat zo is, wees dan niet bang om iemand door uw oplossing te laten lopen met een langere uitleg. Houd de zinnen kort. En wees specifiek in plaats van verkooppluis te gebruiken.

    Een effectieve manier om dieper te graven - zonder lezers te belasten met lange tekst - is om opsommingstekens te gebruiken.

    Kop van voorbeeld : coördineren met andere ouders via real-time chat
    Voorbeeld van een alinea: Het beheren van uw planning (en die van uw kinderen) is niet eenvoudig. Dagopvang. School. Voetbaltraining. Telefoongesprekken en sms-berichten glippen door. Maar de real-time berichtenservice van LOOP doet dat nooit.

    Voorbeeld opsommingstekens :
  • Maak een chatroom om school carpools te organiseren.
  • Vind direct een vertrouwde oppas.
  • Regel speeldata en (kinderloze) sociale bijeenkomsten.
  • Met LOOP zijn ouders meer met elkaar verbonden. En hun buren.

    Zoals met je helden tekst, wees ongelooflijk specifiek in het beschrijven van wat je doet; gebruik geen vage marketingkopie. Bezoekers hebben daar geen geduld voor. Verminder hun verwarring.
  • Botheid

    Wees bot. Wijs op wat mensen verkeerd doen en hoe je dingen beter maakt. Hoe meer je de lezer echt de pijn van zijn probleem laat voelen, hoe groter de kans dat hij zich zal bekeren. We noemen dat het mes draaien .

    Doe dit: "U moet de tijdlijn van uw verkoopgesprekken van dagen naar uren verminderen, zo maakt u de verkoop productiever."

    Niet dit: "Het verkorten van de tijdlijn van uw verkoopgesprekken van dagen naar uren zal uw verkoopteam productiever maken."
  • Optioneel een link naar meer

    Als dit een complexe of niet-intuïtieve functie is waarvan het gebruik van extra details zeker helpt om de conversieratio's te verhogen, koppel dan naar een aparte pagina waar bezoekers meer informatie kunnen vinden of een knop bieden waarop ze kunnen klikken om extra details te onthullen.

    Dit laatste heeft de voorkeur omdat het gebruikers in de verhaallijn van uw pagina houdt.

Ik spreek meer over het schrijven van verleidelijke tekst ("kopie") op de aankomende kopiepagina .

Construeer een lopend verhaal

De beste feature-secties bouwen een lopend verhaal op: ze koppelen elke feature-alinea terug aan de primary value-prop die in de hero-sectie wordt geplaatst.

De consistentie van uw verhaal maakt uw product meer verdeeld en uniek.

Je wilt dat mensen denken: "Ja, weet je wat, na het lezen van dit voor de jaren 20, ik ben moe van het omgaan met dit probleem!"

Als uw heldhulpprik bijvoorbeeld "Wij helpen u om uw telefoon neer te leggen zodat u zich kunt concentreren op de rest van uw leven", een beschrijving van uw Push Notification Blocking-functie zou iets als dit in zijn paragraaf moeten vermelden: "... dus dat je een einde maakt aan de gewoonte om constant naar je telefoon te kijken voor updates. "

Probeer deze aanpak als je worstelt met je huidige verhaal. Terug op school schreef je waarschijnlijk essays met dit type 5-alinea formaat:

  • Invoering
  • Ondersteuning van paragraaf # 1
  • Ondersteuning van paragraaf # 2
  • Ondersteunt paragraaf # 3
  • Sluitend

In de inleiding maak je een claim. Vervolgens markeer je drie bewijsstukken om je claim te ondersteunen. Elke alinea heeft één centraal punt, bijvoorbeeld:

  • II. De horizon
  • III. Shadows
  • IV. Tijdzones

Tot slot geeft uw afsluitingsparagraaf weer waarom uw claim correct is. Terwijl ze dwingen om verder te gaan.

Uw bestemmingspagina als geheel volgt hetzelfde uitgangspunt.

Voordat u uw exemplaar schrijft, organiseert u uw pagina zoals u een essay zou doen:

  • Introductie - Kop- en subkop. Claim hier uw claim.
  • Ondersteunende paragrafen - Functies / bezwaren. Richt elke alinea zich op één ding? Ondersteunt dat ding je inleidende claim?
  • Conclusie - Laatste CTA-sectie. Ondersteunt het uw oorspronkelijke claim?

Functie: afbeelding

Voeg voor de afbeelding van uw functie een product screenshot of professionele fotografie toe die de functie in actie demonstreert. Vergeet niet dat je niet alleen zinloze eye candy toevoegt. Visualiseer de functie op een manier die de bezoeker verder opleidt.

Nog beter, gebruik een automatisch afspeelbare GIF- of SVG-animatie. Het is beter om te laten zien dan vertellen.

Zie het op deze manier: voeg geen afbeeldingen toe aan uw site die niet afkomstig kunnen zijn van het product zelf. Of het nu gaat om een ​​korte demo, een link naar een interactieve component of een dashboard-schermafbeelding, denk intern, in plaats van extern.

Als u een schermafbeelding van uw SaaS-dashboard laat zien en het te vol is om het in zijn kleine formaat te lezen, maakt u het screenshot opnieuw in Sketch en sluit u de niet-essentiële UI-elementen en -tekst uit.

Moet ik een video opnemen? +

Ontwerp bestemmingspagina

U wilt op zijn minst enige moeite doen om uw pagina op een visueel aantrekkelijke manier te presenteren. Het gaat helpen bij landing page conversie - door te laten zien dat je niet amateur.

Bijvoorbeeld, in plaats van alleen uw kenmerken in een raster of regel voor regel te vermelden, kunt u ze spreiden ( voorbeeld ). Of u kunt Intercom kopiëren en unieke, prachtige beelden combineren in de omringende witte ruimte van de pagina.

Uw site moet er goed genoeg uitzien:

  • Het is leuk om visueel te analyseren.
  • Het ziet er zorgvuldig samengesteld uit.
  • Het vertegenwoordigt de persoonlijkheid van uw merk.

U kunt de inspiratie van de bestemmingspagina vinden op GoodWeb.Design .

Dit is geen ontwerphandleiding, dus ik stel voor dat je een ontwerper inhuurt als je er geen hebt bij het personeel. Ik stel ook voor dat je het beste boek leest dat ooit op bestemmingspagina's is geschreven.

Werken met een ontwerper

Ik raad ten zeerste aan om bestemmingspagina's te maken met een visuele ontwerptool zoals Webflow (de beste, maar complexe) of Leadpages (veel gemakkelijker te gebruiken als u nog geen ontwikkelaar bent). Hiermee kunt u snel itereren en codering vermijden.

Ik ben zelf een technicus, maar ik geef de voorkeur aan Webflow over coderingssites handmatig. Het heeft geen zin om daar tijd aan te verspillen. Niet voor een landingspagina met bijna nul functionaliteit.

Beter nog, als u het budget heeft, betaalt u een professionele ontwerper om een ​​mockup voor de bestemmingspagina voor u te maken. Vervolgens kunt u pixel-voor-pixel opnieuw creëren in Webflow.

Om een ​​ontwerper te vinden, gaat u naar Dribbble en bladert u naar iemand wiens esthetiek bij uw merk past. (Ik heb die bestemmingspaginakoppeling vooraf gesorteerd op nieuwe Dribbble-gebruikers, omdat ze nog niet zijn overspoeld met werkverzoeken. Je kunt deze gerust opnieuw sorteren.)

Neem contact op met deze ontwerpers en breng het volgende over:

  • Wat uw product doet en waarom het leuk zou zijn om aan te werken. (Wakker hen!)
  • Deel de tekst en afbeeldingen die u hebt gecompileerd volgens het advies op deze pagina.
  • Geef links naar andere sites die u wilt nabootsen.
  • Vraag naar hun prijzen en beschikbaarheid. (Verwacht $ 750- $ 2.000 + per pagina van goede freelancers - afhankelijk van hun land. Overweeg alleen een bureau als u een groter budget heeft en op de merkrichting in de hand wilt houden.)
  • Laat ze deze pagina lezen, zodat je synchroon loopt met hoe goed het werk eruit ziet Maar laat ze dit serieus lezen.
Als u niet over het budget beschikt om een ​​ontwerper in te huren en zelf geen ervaren ontwerper bent, lees dan deze serie over de basis van het ontwerp voordat u eropuit gaat.
Als honden je hondenvoer niet lekker vinden, doet de verpakking er niet toe.
- Stephen Denny

Mijn groeibureau doet dit allemaal voor jou

Bell Curve is het groeibureau dat ik heb gebouwd met behulp van veel van de strategieën in dit handboek. We werken met een aantal van de snelstgroeiende bedrijven in SaaS en e-commerce.

Vragen om feedback +

Homepage versus personapagina

Houd er rekening mee dat er drie soorten bestemmingspagina's zijn: uw startpagina, uw productpagina's en de bestemmingspagina's van uw persona.

Homepages zijn wat we tot nu toe hebben behandeld.

Productpagina's

Als u meerdere producten verkoopt, vullen productpagina's uw startpagina aan door diepgaand in te gaan op elk product dat u verkoopt. Of elke combinatie van functies die uw product biedt.

Ze kunnen identiek zijn aan uw startpagina, behalve een paar aanpassingen:

  1. Herschrijf de subheader van de held om de waardepropositie te markeren die het meest geschikt is voor de reden waarom iemand op deze gedetailleerde producteducatiepagina klikte.
  2. Laat het hero-gedeelte een minimale hoogte innemen, zodat het uit de weg van punt 3 komt:
  3. Vergroot de lengte van het gedeelte Functies van 3 of 4 functies tot 5 of 6. En ga dieper in op elk nu dat u weet welk specifiek product of functie de bezoeker het meest geïnteresseerd is om iets te leren.

Persona-pagina's

Persona-pagina's (bijv. Company.com/salespeople) zijn de pagina's waarnaar we advertentieverkeer sturen.

Persona verwijst naar het feit dat advertenties zijn gericht op specifieke doelgroepen, bijvoorbeeld nieuwe moeders of rijke jonge mannen, en die doelgroepen moeten berichtgeving op de bestemmingspagina krijgen die het beste past bij hun veronderstelde interesses.

Persona-pagina's zijn bijna identiek aan homepages, maar met een paar tweaks:

  • Herhaal de waardepropeller van de advertentie

    De waardepropositie die is geschreven in de advertentie die de bezoeker naar deze bestemmingspagina heeft gestuurd, moet worden herhaald in de heertekst van de pagina.

    Consistentie tussen de tekst van de advertentie en de bestemmingspagina zorgt ervoor dat bezoekers de advertentie niet misleiden bij het bezoeken van uw site. Het helpt ook bij het hamer maken van je waardepropositie, die je eindeloos wilt herhalen, zodat ze weten dat je er echt om geeft en het voldoende aanpakt.
  • Identificeer de doelgroep

    Beleef het publiek botweg in uw koptekst, subkop of featuretekst. Stel hen gerust dat uw product geschikt is voor hun interesses.

    Als uw gekoppelde advertentie bijvoorbeeld op verkopers was gericht, zou uw heldenkoptekst kunnen zeggen: "Eindelijk, een spreadsheet-app die alleen voor verkopers is gebouwd ."
  • Een korting geven

    Wanneer bezoekers van een advertentie op de bestemmingspagina van uw persona terugkomen, zullen ze waarschijnlijk nooit meer organisch terugkeren.

    Dus geef ze een laatste reden om terug te keren: promoot een steile coupon van 24 uur voor uw product en laat hen hun e-mail invoeren om de vervaldatum te verlengen als ze meer tijd nodig hebben.

    Dan kunt u ze periodiek e-mailen met toekomstige kortingen totdat ze eindelijk klaar zijn om te kopen! Yay, laten we het internet verpesten met spam !

Wat ik leuk vind aan personagepagina's is dat ze dubbele plichten als onderpand voor verkoop en contentmarketing gebruiken: we kunnen deze pagina's handig als pitchmateriaal aan ons koppelen als we gericht zijn op doelgroepen buiten betaalde advertenties.

Conversie van bestemmingspagina beoordelen

U beoordeelt de prestaties van de bestemmingspagina door een conversiegebeurtenis bij te houden : een meetbare actie die een bezoeker kiest om te nemen. Algemene bestemmingspagina-conversie-evenementen omvatten aanmeldingen, e-mailinzendingen en aankopen.

U kunt ook bijhouden welke CTA's op uw pagina resulteren in conversies. Ik raad een gratis hulpmiddel voor het bijhouden van klikken aan, zoals HotJar . Het zal onthullen welke van uw CTA's klikken aantrekken en welke elementen bezoekers ten onrechte verwachten CTA's te zijn.

Voor enige tijd is het meten van de conversieratio schijnbaar een kwestie van:

Bezoeken met conversiegebeurtenis / totaal aantal bezoeken

Maar het is eigenlijk niet zo eenvoudig.

Om zinvol de conversie te meten, telt u alleen gekwalificeerde bezoeken. Ik definieer dit als:

  • Bezoekers in regio's die u daadwerkelijk onderhoudt : neem geen mensen uit het buitenland op als ze niet bij u kunnen kopen om mee te beginnen. Als u dat doet, zult u uw ware conversie ondermeten!
  • Unieke bezoekers - geen totale bezoeken : als u elk bezoek meetelt, neemt u ook bezoeken ter sprake. Dit heeft geen zin als iemand maar één keer kan converteren (bv. Aanmelden voor een account). Tel in plaats daarvan het totale unieke aantal bezoekers in een periode die minstens even lang is als de gemiddelde tijd die iemand nodig heeft om te bezoeken en om te zetten!

U kunt deze statistieken bijhouden met elke webanalysetool. De meeste sites gebruiken Google Analytics . SaaS-apps hebben de neiging om ook een tool zoals Mixpanel te gebruiken .

Verder, trackconversie in de tijd van elke afzonderlijke verkeersbron:

  • Google-zoekopdrachten ('organisch verkeer')
  • Contentmarketing, bijvoorbeeld je blog of je gastpost
  • advertenties
  • Sociale media
  • Verwijzende sites en druk op

Als u de conversie per bron niet bijhoudt, zal een grote maandelijkse verkeerspiek van een bron met een bijzonder lage conversieratio uw conversie-gemiddelde van maand tot maand doen afwijken en u zou dat kunnen verwarren omdat het bedrijf slechter presteert dan normaal .

Laat de totale distributie van uw verkeer u nooit afleiden van per-source conversietrends . Richt u op het individueel verbeteren ervan.

Volgende pagina: A / B-testen

De volgende pagina laat zien hoe A / B elke pagina naar hoge conversieratio's correct kan worden.

Volgende →

Julians gidsen

Als je concepten van handboeken wilt lezen voordat ze worden gepubliceerd, kun je je aanmelden.

Ik schrijf hoe ik piano moet spelen , goed kan schrijven en Chinees spreek.