Onderwerpen

1. Volg de beproefde sjabloon
2. Landingspagina optimalisatie
3. Landingspagina kopie
4. Bestemmingspaginasjabloon: elementen
5. Ontwerp bestemmingspagina
6. Vragen om feedback
7. Homepage versus personapagina
8. Conversie van bestemmingspagina beoordelen

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 kunt 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 berichten 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: informatiedichtheid en identificatie van waardeproperty's.

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

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 van scrollen
  
  Dichtheid is ook 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.

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 waarschijnlijk   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 uw klantpersonages en onthoud uzelf aan de belangrijkste dingen waar zij allemaal om geven. Knip vervolgens de persona's uit die het minst waardevol voor u zijn: die op het kruispunt van lage inkomsten en die het minst waarschijnlijk worden omgezet.
4. Tot slot, beperk je lijst met waardevolle voorwerpen tot degene die het  meest aantrekkelijk zijn voor je meest waardevolle persona's . Deze waardeproppen worden de focus van uw bestemmingspagina.

Laten we een voorbeeld van een live chat-widget voor websites gebruiken. Het doel van de chat-tool is om ondersteuning en verkoop te helpen kwalificeren en leads onderscheppen voordat ze de site verlaten.

Onze kolommen kunnen er als volgt uitzien:

Deze oefening identificeert uw waardevolle rekwisieten en de redenen waarom uw toppersonages uw product zouden willen gebruiken. Gebruik deze informatie als de basis voor de inhoud en het ontwerp van uw pagina.  

Bestemmingspaginasjabloon: elementen

Nu heb je een idee van 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 bovenaan 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 van 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.

Element: Navbar

Laten we beginnen met eenvoudig: al uw navbar-behoeften zijn uw logo, links naar belangrijke delen 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.

Trouwens, ik ben bezig met nieuwe gidsen die je leren Chinees te spreken en piano te spelen. Meld je aan als je geïnteresseerd bent in een melding wanneer ze weg zijn:

En voor het geval je het hebt gemist, heb ik een andere gids gepubliceerd over Building Muscle ✌

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 geeft niets anders uit dan uw voorbestemde 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 .

Held: kop 

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

Je held heeft twee stukjes 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 daar specifiek mee aan de slag gaat.

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 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 automatisch video-chats met buitenlanders vertaald - om plezier te hebben in het leren van elke taal .

Nu zijn hier goede voorbeelden van koptekst:

• Website design tool : "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? 
• Bad : "Breid uw softwareontwikkelingsteam uit."
  
  Beter : "Voeg ervaren remote devs toe aan uw team, betere kwaliteit voor minder kosten."
  

Dit is niet het enige paradigma voor het schrijven van kopteksten, maar ik garandeer je dat dit de veiligste manier is om ervoor te zorgen dat je koptekopie schrijft die niet slecht is.

Held: Subheader

Nu mensen begrijpen  wat  u doet, gebruikt u uw sub-header 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 (bijv. Uw kop is "Wij zijn een fotoagentschap" en uw subkop is "Wij zijn een team van topfotografen"), gebruik in plaats daarvan uw subkop om de 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.

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 al van je weet, en om 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. 

getuigenissen

In tegenstelling tot populair advies, sla ik getuigenissen over - tenzij ze meeslepend, beknopt en van bekende mensen zijn. Anders, omdat  veel mensen  geen testimonials lezen, moet u uw pagina sparen voor de extra rommel.

Maar er is een opmerkelijke uitzondering: als u een duur B2B-product bent dat uw geloofwaardigheid sterk moet overdragen aan zakelijke klanten, kunt u gek worden op de testikels. (Dat is wat ik graag testimonials noem.) Ze fungeren als verkorte vorm voor case-studies.

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: "Krijg binnen 24 uur een nieuw logo" 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. Hiermee berijdt u het momentum van de pagina: als een waardeprofiel resoneert met een bezoeker, moet u zich onmiddellijk aanmelden om die specifieke waardeprop 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 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?

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 je 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 de 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 richten op de rest van uw leven" een beschrijving van uw Push Notification Blocking-functie zou moeten noemen, bijvoorbeeld in de paragraaf: "... 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:

• Inleiding : koptekst 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-gedeelte. 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 screenshot van uw SaaS-dashboard laat zien en het te volgepakt is om gemakkelijk in zijn kleine formaat te kunnen lezen, maakt u het screenshot opnieuw in  Sketch  en sluit u de niet-essentiële UI-elementen en -tekst uit. 

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 uitzien, zodat:

• 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 $ 2,5k + per pagina van goede freelancers. Overweeg alleen een bureau als u een groter budget heeft en handheld wilt zijn.)
• 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 dienst te nemen en zelf geen ervaren ontwerper bent, lees dan  deze serie  over ontwerpbasics voordat u eropuit gaat.

Mijn groeibureau doet dit allemaal voor jou

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.

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

Updates komen naar dit handboek