Beyond Responsive Design: Sådan optimeres din hjemmeside til mobilbrugere

alle kan anerkende vigtigheden af en mobilvenlig hjemmeside, især efter Googles Mobilegeddon-algoritmeopdatering.

mobiloptimering er kommet for at blive, og det kræver flere og flere virksomheder og deres hjemmesider. Men mobil optimering handler om mere end blot en lydhør hjemmeside design.

i denne artikel fortæller vi dig hvorfor og hvordan du vedtager en mobil-første tankegang til din hjemmeside.

Googles mobilvenlige algoritmeændring i 2015 (og et par mere siden da) var bevis for, at søgemaskinen anerkender sit ansvar for at overflade hjemmesider, der smertefrit får brugerne, hvad de har brug for på det tidspunkt, de har brug for det.

Google ønsker ikke at sende mobile brugere til hjemmesider, der giver en frustrerende søgeoplevelse — det ville skade sit løfte til sine brugere om altid at levere nyttigt, relevant indhold.

desuden var og er denne algoritmeændring et signal om et meget større skift, der er i gang — forbrugeradfærd ændrer sig, og det er dit job at tilpasse sig.

opbygning af en mobilvenlig hjemmeside er trin et, men at tilpasse din hjemmeside vil ikke holde dig foran forbrugernes skiftende adfærd og forventninger.

kort sagt, du er nødt til at indgyde din marketingstrategi med en mobil-første tankegang. Sådan gør du.

Kortlæg din kunderejse.

Forestil dig oplevelsen af Sally, en ung marketingmedarbejder, der lige er flyttet til Chicago. Mens hun er ude på en tur, går Sally forbi en frisørsalon og indser, at hun har brug for en klipning. Hun trækker sin telefon en søgning efter frisører i Chicago, der specialiserer sig i krøller og farve. Hendes Google-søgning dukker op Joanns stil.

hun vender hurtigt gennem hjemmesiden og ønsker at undersøge mere, men det er for svært, mens hun er på farten — så hun tekster selv et link. Når hun kommer hjem, åbner hun sine tekster på sin tablet og kontrollerer hurtigt Yelp-anmeldelser, undersøger sin kalender og booker derefter en aftale ved hjælp af den enkle formular på Joanns hjemmeside.

når Sally indlæser sin bærbare computer senere samme aften for at tjekke sin e-mail, opdager hun en e-mail fra Joann, der bekræfter hendes aftale og giver hende mulighed for at føje den til sin kalender. Den næste dag, 30 minutter før hendes aftale, hun modtager en push-meddelelse på sin arbejdscomputer, der minder hende om aftalen.

den næste dag modtager Sally en mobil e-mail, der beder om feedback om nedskæringen og tilbyder at oprette en tilbagevendende aftale til en nedsat pris. Hun er solgt.

Sallys oplevelse er illustrativ for den tværgående enhed, omnichannel-rejse, som mange kunder nu foretager, når de bevæger sig gennem marketingtragten. Hver dag skifter forbrugerne en håndfuld forskellige enheder, når de udfører almindelige opgaver, såsom online shopping, klargøring af blogindlæg, booking af aftaler eller kommunikation med hinanden.

HubSpots Blogprogram udstyrer dig til at udgive relevant, konverteringsoptimeret indhold, du kan forhåndsvise på enhver enhed-så du kan engagere dig med kunder, uanset hvor de er.

forbrugerne forventer nu denne type erfaring fra alle deres digitale interaktioner. De ønsker at være i stand til at udrette, hvad der passer til deres fancy på den enhed, der er ved hånden. Det betyder, at det ikke er nok at tilpasse din hjemmeside til at se godt ud på forskellige enheder. Som marketingmedarbejder skal du grave dybere ned i dine kunders og potentielle liv.

for eksempel ved vi hos HubSpot, at det er meget usandsynligt, at en besøgende på en mobilenhed udfylder en lang formular på en af vores destinationssider. Så vi begyndte at bruge Smart indhold til automatisk at forkorte formularen, når en mobilfremviser ser på den. Ved at gøre dette steg vores mobile udsigter med 5 gange.

Grib intent-rich mikro-øjeblikke.

du har sandsynligvis allerede udviklet et stærkt sæt køberpersoner. Du har udført brugerundersøgelser og test for at forstå, hvilket indhold og CTA ‘ er der skal præsenteres for hver persona, når de bevæger sig ned i tragten. Du skal nu gå et skridt videre. Du skal forstå både rytme og rim til hvornår, hvorfor, med hvad, og hvorfra folk interagerer med din hjemmeside og indhold.

Google opfordrer marketingfolk til at identificere” mikro-øjeblikke ” i en kundes rejse:

Mikromomenter opstår, når folk refleksivt henvender sig til en enhed — i stigende grad en smartphone — for at handle efter et behov for at lære noget, gøre noget, opdage noget, se noget eller købe noget. De er intentionsrige øjeblikke, hvor beslutninger træffes og præferencer formes.

en række mærker har fundet ud af, hvordan man kan forudse og udnytte disse mikromomenter. Apple Passbook indlæser dit Starbucks-kort, når du er i nærheden af en kaffebar. Vi sender dig en e-mail, når dit fly lander for at fortælle dig, at din bil er klar. Du kan tjekke ind og åbne dit hotelværelse med din smartphone.

forbrugerne bliver i stigende grad akklimatiseret til virksomheder, der tilbyder sådanne intimt lydhøre oplevelser. 59% af kunderne siger, at det er vigtigt at være i stand til at handle på mobil, når de beslutter, hvilket mærke eller forhandler de skal købe fra, og 39% af smartphone-brugere er mere tilbøjelige til at gennemse eller shoppe en virksomheds eller et brands mobilapp, fordi det er lettere eller hurtigere at foretage et køb.

Hvordan kan du finde ud af disse mikro-øjeblikke og designe dit indhold til at opfylde kundeemner hensigt? Tryk på dine data. Her er tre analyser, du skal starte med:

• Søg: hvilke forespørgsler, annoncer og søgeord bringer brugere på forskellige enheder til din hjemmeside og destinationssider? Når de lander på din hjemmeside, hvilke typer af søgninger er brugere på forskellige enheder udfører?
• indhold: Undersøg det indhold, som brugerne får adgang til efter trin i tragten og efter enhed. Er der en tendens omkring, hvad udsigterne på deres telefoner henter? Deling?
• strømning: grave i en strømningsanalyse segmenteret efter enhed. Hvad er stien mobil-hjælp udsigter følge? Hvad er stien tablet-bruger kunder følger? Fra hvilke steder og kilder ankommer disse besøgende?

efter at have bygget din trove af mikro-øjeblikke, ville det være let at tænke: “Okay, vi skal bare fjerne vores hjemmeside ned til de specifikke ting, som vores besøgende sandsynligvis vil have adgang til på farten.”

men mobilbrugere er ikke begrænset til at udføre korte, enkle opgaver. Enheden indebærer ikke direkte placering eller hensigt.

en travl professionel kan bruge sin pendlertid til at udføre dybdegående industriforskning på sin telefon, behandle sin e-mail-indbakke på sin tablet, mens hun ser en film med sin familie, og gennemse hjemmesider for potentielle entreprenører, mens de flyver over hele landet.

bekræftelse af denne intuition fandt, at 99% af smartphone-ejere bruger deres telefon derhjemme, 82% bruger deres telefoner, mens de er i transit, og 69% bruger deres telefon på arbejde hver uge. (Denne undersøgelse blev udført i 2015, men vi mener, at det stadig er relevant, hvis ikke mere, i dag.)

Folk ønsker ikke et fjernet sæt indhold. I stedet ønsker de hurtig og nem adgang til de materialer, de har brug for, uanset hvilken enhed de tilfældigvis bruger.Således, mens du vil optimere din side, destinationssider, e-mails osv. i mikromomenter ønsker du ikke at tvinge besøgende ind i en kasse, hvorfra de ikke kan undslippe.

Overvej (og genoverveje) dine målinger.

de metrics, du etablerede i de desktop-centrerede dage, kan muligvis ikke problemfrit oversættes til vores nye mikro-øjebliks verden med flere enheder. For eksempel har du måske kæmpet utrætteligt for at finde måder at øge besøgendes tid på din hjemmeside, idet du erkender, at mere tid betyder højere engagement, hvilket betyder højere konvertering.

de mikromomenter, du identificerer for mobile besøgende, kan dog antyde, at du vil have en lavere Tid på stedet. En udsigt besøger hjemmesiden for et konsulentfirma kan være på udkig efter:

• en infografik de ønsker at vise en kollega
• bio af en partner, med hvem de er ved at opfylde
• en casestudie at læse, mens de rejser

for at opfylde denne udsigt forventninger til deres mobile oplevelse, skal du designe din hjemmeside til hurtigt og intuitivt hjælpe dem med at finde den specifikke stykke information, som de søger. Hvis deres mobilbesøg er distraherende, frustrerende eller for tidskrævende, har du beskadiget deres opfattelse af dit brand.

omfavn intimiteten af mobil.

på godt og ondt går jeg i seng med min telefon (gennemgår morgendagens tidsplan og læser en meditation om natten) og jeg vågner op med min telefon (dæmper alarmen og kontrollerer vejret). Jeg kommunikerer med min partner og mine bedste venner hver dag-alt gennem min telefon. Når min MBA-klassekammerat sender en GIF af Tyra Banks, der er sassy, jeg vender min telefon til personen ved siden af mig, og vi griner godt sammen.

dag ind og dag ud skaber disse interaktioner en intim forbindelse mellem min telefon og mig. Og jeg er ikke alene: De fleste forbrugere gennemsyrer deres mobile oplevelser med mere intimitet end desktop-oplevelser. Den Kirkestol Forskningscenter fandt, at amerikanerne se deres smartphones som frigørelse, tilslutning, og hjælpsomme, og knytte deres telefoner med følelser af lykke og produktivitet. Disse foreninger kan inspirere til større engagement med og interesse for indhold.

som marketingfolk bør vi drage fordel af disse tendenser og overveje, hvordan vi kan gøre vores potentielle mobiloplevelse mere personlig og social. Måske ændre din hjemmeside for at øge andelen af sociale CTA ‘ er, du viser, når nogen ankommer på mobil.

husk det grundlæggende og tænk fremad.

samlet set betyder omfavnelse af den mobile tankegang at sikre, at hele kunderejsen er lydhør, relevant, handlingsbar og friktionsløs. Som marketingmedarbejder vil du hjælpe forbrugerne hurtigt og nemt med at finde det, de vil finde, og gøre det, de vil gøre. Igen betyder det at tænke fremad, forstå hvornår, med hvilken enhed og hvorfra dine kundeemner vil interagere med dit indhold.

dette kan virke skræmmende, men for det meste betyder det flittigt at anvende det grundlæggende på tværs af kanaler. For eksempel, da næsten halvdelen af alle e-mails åbnes på mobil, skal du sikre dig, at dine e-mails er mobiloptimerede. Vi anbefaler at gøre følgende:

1. Brug stor, letlæselig tekst.
2. Brug store, klare billeder og reducer filstørrelser.
3. hold layouts enkle og invester i responsive skabeloner.
4. brug Store, mobilvenlige opkald til handling og links.

når du anerkender de personlige foreninger, folk har med deres telefoner, vil du sikre dig, at “fra” – navnet er kendt, og at forhåndsvisningsteksten inviterer. Og tænk fremad: send ikke et link til en formular eller en destinationsside til begivenhedsregistrering, der ikke er mobilvenlig.

brug HubSpots gratis Landingssidebygger til at starte destinationssider, der ser perfekte ud på tværs af enheder og automatisk ændre indhold baseret på, hvem der ser din side.

Over til dig: Tid til at optimere

Følg disse tips, og du vil være godt på vej til at leve den mobile tankegang og forvitre ændringen i forbrugernes digitale adfærd. Flyt hurtigt, og din organisation kan være i spidsen for pakken.

Redaktørens note: Dette indlæg blev oprindeligt offentliggjort i Juni 2015 og er blevet opdateret for omfattende.