Innholdsfortegnelse:
- Opprett samtaler med enkeltspor til handling
- Design for en liten skjermstørrelse
- Vær spesielt oppmerksom på hva som går over folden
- Velg en lesbar mobilfonter
- Optimaliser bildene
- Design for multiscreen
- Unngå å bruke Flash
Video: MINE MÅL - planlegging og motivasjon 2024
Som en del av SEO-strategien din, tenk på alle tingene dine brukere ser når de besøker din nettside. Fra ord, bilder og video til sidens navigasjon ser de innholdet av nettstedet ditt.
Nå, kom deg i mobilbegrepet ditt og tenk på hvordan dine besøkende vil oppleve ditt nettstedinnhold når de er på mobile enheter som går på gatene i New York.
Hvis du bare husker én ting om design for mobil vennlighet, må det være dette: Mobilvennlige nettsteder trenger fremfor alt å gi den beste brukeropplevelsen mulig.
Opprett samtaler med enkeltspor til handling
For å gjøre innholdet ditt mobilvennlig, vil du gjøre det så enkelt som mulig for brukeren å finne det de trenger og gjøre noe. I mobilmiljøet, hvor brukere arbeider med små skjermer og fingeravledninger i stedet for museklikk, er fremtredende klikk-for-anrops-til-handling-knapper en fin måte å hjelpe brukerne til å utføre vanlige oppgaver. Og å fullføre en oppgave betyr en konvertering for deg!
Knapper for klikk for å ringe er en flott mobilspesifikk oppfordring, fordi mobilbrukere ofte holder en telefon. Denne knappen hjelper brukerne med å få det de trenger (en samtale med deg) og for deg å få det du trenger (en konvertering).
Her er et eksempel på en klikk-for-ring-knapp, plassert strategisk på toppen av Bruce Clay, Inc., mobilopplevelse.
Vurder også å lage enkeltknappeknapper som hjelper mobilbrukere med å finne butikken din foran eller utføre oppgaver på farten. Du kan se et eksempel på Progressiv mobilnettsted, som har knapper for å hjelpe brukerne med å finne lokale agenter og foreta betalinger uten å måtte bla nedover siden.
Ett-klikk-knapper over folden hjelper mobilbrukere til å utføre oppgaver.Design for en liten skjermstørrelse
Mobile enheter er mindre enn stasjonære datamaskiner, så du har mindre plass til å passe innhold på siden og mindre plass til hvitt mellomrom. Noen optimaliseringstrykk for små skjermer inkluderer:
-
Gjør logoen din tjene som en kobling som omdirigerer tilbake til mobiltsiden din.
-
Minimer hvit plass og sørg for at flertallet av siden er fylt med det faktiske innholdet.
-
Bygge skjermelementer som en skiftmeny, som er et navigasjonselement som kan utvides og lukkes.
-
Forkort teksten som vises på knappene når det er mulig.
Vær spesielt oppmerksom på hva som går over folden
Fordi mobile enheter er mindre enn stasjonære datamaskiner, har de mindre plass til å presentere innhold over folden (i det rommet brukeren ser før du ruller ned side). Sørg for å være gjennomtenkt og brukerfokusert når du velger ditt overordnede innhold. Sørg også for at innholdet du legger over foldet lastes raskt. Nettstedshastighet og overlastbar tid er viktig for brukeropplevelsen, og de er også viktige mobile rangeringsfaktorer.
Velg en lesbar mobilfonter
Hver gang du legger ord på nettstedet ditt, må den første prioriteten være brukerforståelse. Brukeren din må kunne se og lese dine ord på en rekke enheter tydelig. Fordi det ikke finnes noen standardstørrelser-all standard for mobil skjermstørrelse eller grafisk kvalitet, er det vanskelig å begrense det til en en-størrelse-passer-all anbefaling for skriftvalg. Her er noen tommelfingerregler som følger med om fonter:
-
Enten du går med Sans Serif eller Serif-skrifttype, bør du vurdere høyden på tegnene i skrifttalfabetet og det hvite mellomrom mellom bokstavene. Skrifter med en moderat høy individuell karakterhøyde og en liten plass mellom bokstaver kan forbedre lesbarheten.
-
Kjenn din demografiske og husk at eldre mennesker kan ha en vanskeligere tid å lese mindre, mer kondenserte skrifttyper.
-
Pass på at du gir nok kontrast mellom skrift og bakgrunn, slik at brukerne kan se innholdet ditt, selv utendørs eller i andre forhold hvor skjermblending er en faktor.
-
Den sikreste ruten er å bruke en vanlig skrifttype som produsenter av mobilenheter og brukere godkjenner, for eksempel Arial, Helvetica, Courier, Georgia, Times New Roman, Trebuchet MS eller Verdana.
Optimaliser bildene
For å gjøre nettstedet ditt mobilvennlig, er det viktig å sørge for at bildene dine er dimensjonerte og lagrede på en måte som gjør det mulig for dem å laste raskt på stasjonære og mobile enheter. Optimale bilder som lastes raskt, holder både brukeren og søkemotoren glad.
For å optimalisere bilder for mobil, må du sørge for
-
Lagre bilder i et kompakt filformat, for eksempel JPG, GIF eller PNG.
-
Aldri størrelse bilder større enn de trenger å være; Husk at store bilder betyr store filstørrelser, noe som igjen betyr langsom belastningstid.
-
Optimaliser størrelsen på bildene, selv om du bruker lydhør design. Med responsiv design kan du sørge for at bildene er optimalisert for mobil ved å bruke CSS til å skrive i en maksimal breddeklausul - {maksimal bredde: 100%} - som vil endre størrelsen på bildene dine basert på størrelsen på det oppdagede skjermbildet.
Design for multiscreen
For å optimalisere mobilinnholdet ditt for bruk med flere skjermer, må du kontrollere at fargene, fonter og temaer du bruker, nøyaktig etterligner skrivebordets farger, fonter og temaer. Å gjøre det hjelper dine besøkende til å føle seg trygg på at de har landet på riktig sted når de navigerer til nettstedet ditt ved hjelp av en ny enhet, og det kan også bidra til å styrke merkevaren. Progressiv forsikring gjør en god jobb med dette.
Hold din mobile og desktop design lik.Unngå å bruke Flash
Generelt er utforming med Flash upålitelig og ikke anbefalt for enten desktop eller mobildesign. Dette inkluderer å stole på Flash for å spille av videoinnhold. Noen mobile enheter, for eksempel iPhones, kan ikke gjengi Flash i det hele tatt, så noen elementer på nettstedet ditt som krever Flash, vil gi en dårlig brukeropplevelse.
Flash er også dårlig for SEO fordi Google har vært kjent for å støte SERP-rangering og sette inn SERP-advarsler når mobile nettsteder bruker Flash.