Hva er en Les mer-knapp og hvorfor er de nyttige?
En les mer-knapp som et nettstedselement som lar deg avkorte innhold slik at bare en del av innholdet vises. Den brukes også til å veksle mellom å vise og skjule innhold, for eksempel når et nettsted har en betalingsmur på bestemte innholdssider.
Den kan også brukes på FAQ-sider hvor kun en del av svaret vises og leseren må klikke ‘les mer’ for å se resten av svaret eller i søkemotorresultater hvor kun en del av metabeskrivelsen vises.
Når knappen brukes på denne måten, omtales den som et trekkspill.
Et eksempel på skjult innhold. Kilde: https://hbr.org/
Et eksempel på et trekkspill:
Les mer-knappen brukes også i e-poster som vist i følgende bilde:
Bildekilde: PostPlanner
Les mer-knappen presenteres vanligvis som en knapp, ikon, pil eller hyperkobling. Noen ganger kan det være en kombinasjon av en knapp/ikon og en hyperkobling.
Denne knappen kan også flyttes til en annen side, og gir leseren en sjanse til å samhandle ytterligere med nettstedet og dets innhold.
Les mer-knappen Beste praksis
Les mer-knappen din må skille seg ut fra resten av innholdet. Det må også være på linje med merkevaren din. Her er de beste fremgangsmåtene du bør følge når du oppretter Les mer-knappene dine:
Tekst lesbarhet
Sørg for at teksten på knappen er lesbar og stor nok, da den vil gjøre den mer synlig. Tekststørrelsen skal være rimelig stor slik at brukere kan lese knappen.
Men ikke gå over bord da altfor stor tekst vil se rar ut og brukeren vil kanskje ikke engang klikke på den.
Bildekilde: GoSquared
Bruk av kontrast
Les mer-knappen må skille seg ut, og kontrast er en sikker måte å oppnå dette på. Denne nettsiden bruker ‘fortsett å lese’-knappen i stedet for ‘les mer’ for å veilede brukerne om de neste trinnene.
Denne knappen skiller seg ut fra resten av innholdet. Den har en lilla kant som gjør det enkelt for brukeren å legge merke til. Den har også mye hvit plass rundt seg.
Kilde: CopyBlogger
Handlingsbare ord
Selv om det ikke er noe iboende galt med å bruke “les mer”, er det tilrådelig å bruke ord som inspirerer til umiddelbar handling, da de har en følelse av at det haster. Du kan bruke mer hastverk og utløse ord som “Les mer for å forbedre SEO” osv.
Her er eksempler på utsagn du kan bruke i “les mer”-knappen:
- Les Nå
- les ubegrenset med artikler kun for i dag
- Les ubegrenset med artikler så lenge tilbudet varer
- Dra nytte av dagens ubegrensede innholdstilbud
Ord som peker på eksklusivitet kommer også godt med. Eksempler her inkluderer “eksklusiv”, “abonnentliste” og “medlemmer”. Et eksempel på oppfordring til handling kan være «bli med i våre eksklusive medlemmer for å lese mer».
Legge til fordeler
Å legge til en fordel vil også oppmuntre en bruker til å handle. Du kan for eksempel inkludere en fordel som “les mer og få en gratis e-bok”.
Dette vil inspirere leserne dine til å faktisk klikke på les mer-knappen og lese for å få fordelen, spesielt hvis de allerede liker innholdet de allerede har interaksjon med.
Hold det kort og godt
Selv om vi nevnte at å legge til en fordel vil inspirere leserne dine til å handle, er det ideelt å bruke noen få ord. Hold ‘les mer’-knappens tekst mellom 2 og 5 ord.
En måte å forkorte knappeteksten på er å bruke “klikk-utløsere”. La oss se på disse neste.
Bruk “Click Triggers”
Dette er en ekstra knappetekst som hjelper deg å kommunisere fordeler. Hovedknappteksten kan være “les mer” og klikkutløseren “hent min gratis e-bok”.
Hovedknappteksten må være større og mer lesbar. Klikkutløseren er mye mindre.
Mobil først
Når du designer “les mer”-knappen din, er det viktig å designe først for mobil. Google begynte å bruke mobil-først indekseringfra 1. juli 2019. Dette betyr at «les mer»-knappen må se bra ut på mobil.
Den må også være enkel å bruke, og husk at brukere på skjermer vil “berøre” skjermen og ikke bruke mus eller bærbare pekeplater. Knappen må være stor nok til at de kan “røre” den uten å måtte knipe skjermen for å gjøre den større.
En størrelse på minst 48 x 48 dp (tetthetsuavhengige piksler) er ideell for mobile enheter. Avstanden mellom knappene bør være minst 8 dp. Lære mer om mobil UI-knappdesign i denne artikkelen.
Tilpass
Når knappeteksten er mer personlig, klikker brukerne sannsynligvis. Du kan for eksempel ha en “les mer” med tekst som “få min gratis e-bok” i stedet for den vanlige “les mer”.
Dette har ikke bare en fordel, men er mer personlig. Det kan oppnå en høyere CTR enn “få din gratis e-bok”.
Hold deg i flyten
Les mer-knappen bør forbli i brukerens naturlige leseflyt. Brukere leser fra topp til bunn og venstre til høyre. Plasser “les mer”-knappen til høyre eller nederst i det aktuelle utdraget.
Viktigst av alt, plasser knappen der den er lett å finne. Leserne trenger ikke bla for langt for å finne den.
Slik legger du til “Les mer”-knapper i WordPress
WordPress 5.0 har en ny funksjon som lar deg enkelt legge til knapper i WordPress. Den nye blokkredigereren (Gutenberg) kommer med en innebygd knappeblokk som gjør det enklere å lage en “les mer”-knapp. Slik går du frem:
- Logg på dashbordet ditt
- Gå til innlegg
- Du kan også redigere et eksisterende innlegg
- Legg til en Gutenberg-blokk der du ønsker å vise ‘les mer’-knappen
- Klikk på pluss-ikonet for å legge til et nytt element
- Under layoutelementene velger du knappeblokken som vist i følgende bilde:
- Knappen legges til innlegget ditt som følger:
- Rediger teksten til “les mer”
- Lim inn koblingen du vil at knappen skal løses til
- Formater knappen ytterligere ved å velge justering, farge og stil.
Slik ser knappen ut til slutt:
Hvis du ikke har Gutenberg
Du kan fortsatt legge til en “les mer”-hyperkobling som fungerer som en knapp. Slik går du frem:
- Logg på dashbordet ditt
- Gå til innlegg
- Deretter oppretter du et nytt innlegg
- Du kan også redigere et eksisterende innlegg
- Plasser musepekeren der du ønsker å vise ‘les mer’-knappen
- Klikk på “visuelt”-alternativet til redaktøren og velg følgende ikon:
- Innlegget ditt vil dele seg som følger, med ordene “MER” som vises, og teksten som blir skjult kommer etter det.
- Standardteksten vil være “fortsett å lese”, men du kan endre det til “les mer”
Alternativt
- Når du har tilgang til et eksisterende innlegg eller har begynt å lage et nytt, kan du velge HTML-alternativet til redaktøren din som følger:
- Plasser markøren der du vil at “les mer” skal vises til slutt
- Velg “mer” fra HTML-editoren
- Det vil lage en tag som denne: Å lese: Hvordan kunsten å fortelle kan hjelpe markedsførere med merkevareposisjonering
Slik kan en prøveknapp se ut:
Effekten av en “Les mer”-knapp på SEO
«Les mer»-knappen er viktig både for brukere og SEO. Her er flere grunner:
Resulterer i enklere nettstednavigering
Når leseren din kommer til "les mer"-knappen, har de allerede lest utdraget eller oppsummert versjon av innholdet ditt, noe som vekker nysgjerrigheten deres. Denne knappen gjør det derfor lettere for dem å ta neste steg.
Brukeren vil gjerne vite hva som skjer videre, og 'les mer'-knappen fører dem inn på den 'andre siden av historien' hvor brukerens nysgjerrighet blir tilfredsstilt.
Resulterer i en høyere rangering i SERP-ene
«Les mer»-knappene kan brukes til å oppmuntre brukere til å engasjere seg med mer av innholdet ditt og bruke mer tid på nettstedet ditt.
Google er også klar over hvor mye tid som brukes på nettstedet på grunn av fluktfrekvenser, så dette kan indirekte hjelpe nettstedet ditt til å rangere høyere, og kan til og med gi en liten forbedring i rangeringen din.
Resultater i et mer visuelt tiltalende nettsted
Bruk av "les mer"-knappen gjør nettstedet ditt mer attraktivt. I stedet for å måtte inkludere all informasjon på en enkelt side, får du bare vise hva som er viktig og lede brukeren mot å få tilgang til mer innhold.
Kilde: AVG
Bidrar til CTR
'les mer'-knappen bidrar til din CTR (klikkfrekvens). Brukere får en sjanse til å samhandle med innholdet og tilbudet ditt og er videre villige til å ta mer handling, for eksempel registrere seg eller foreta et kjøp.
"Les mer" fungerer som en herold for "hoved CTA". Hvis sluttmålet ditt for eksempel er at folk skal be om et tilbud, hjelper «les mer»-knappen å veilede brukerne dine til å samhandle med mer innhold som til slutt fører til det endelige målet.
For å konkludere
Vi har sett på «les mer»-knappen, dens betydning og de beste fremgangsmåtene for å implementere den effektivt på nettstedet ditt. Til tross for at du ser på de beste praksisene ovenfor, må du kontinuerlig teste for å se hva som fungerer for merkevaren din og hva som ikke gjør det. Du vil til slutt få den rette blandingen for deg.
