Tips for utforming av mobilvennlig navigasjon for SEO - dummies

Din mobilvennlige navigasjon kan ta mange former som en del av SEO-strategien din. Alternativet som er best for deg, avhenger av hvor komplisert navigasjonen din må være, konverteringsmålene dine og brukerens preferanser.

Husk at navigasjonen din må hjelpe besøkende - og søk edderkopper - navigere gjennom nettstedet ditt. Så mobilnavigasjonen må være intuitiv, funksjonell, gjennomsiktig og optimalisert for berøring.

Hold disse beste praksisene i tankene når du designer din mobilvennlige navigasjon:

• Hold det enkelt, søt. Hold toppnavigasjon så enkelt som mulig, spesielt hvis du vil at navigasjonen vises øverst på mobilsiden din. Husk at du designer for en liten skjermstørrelse. (En iPhone 6 er 750 piksler bred i portrettmodus, mens en 13-tommers bærbar datamaskin er 1, 280 piksler bred).

  Poenget til et mobilt nettsted lar dine besøkende enkelt bla gjennom nettstedet ditt med en mobil enhet. Navigasjonen din skal gi dem linker til hovedsidens sider og sider som forbedrer brukervennligheten (for eksempel et "Ring nå" -alternativ og en link til handlekurven din).

  Du trenger ikke å lenke til hver side på nettstedet ditt her. Faktisk kan for mange alternativer føre til beslutningslammelse og forvirring, noe som skaper en dårlig brukeropplevelse.

  Inkludert fire til åtte elementer i toppmenyen er vanligvis en god tommelfingerregel. Se eksemplet på Bruce Clay, Inc.s toppmeny.

  

  Bruce Clay, Inc. forenkler sin stasjonære navigering (øverst) betydelig for å forbedre mobilbrukeropplevelsen. For å hjelpe brukerne med å fullføre oppgaven, inkluderer mobilnavigeringsnavigasjonen (nederst) en klikk-for-samtale-knapp.

• Liste dine viktigste sider først. Disse er vanligvis konverteringsanropene dine til handling, for eksempel "Finn butikk", "Butikk", "Abonner" og "Produkter. "Hvis nettstedet ditt er mer innholdsrettet enn salgsorientert, må du først oppgi din viktigste kategori.

  

  GameStop forenkler stasjonær navigering (øverst) ved å bare inkludere bruker- og konverteringsfokuserte anrop til handling på mobiltsiden sin (nederst).

• Vurder å miste Hjem-knappen. For å spare plass, kan du gå av Hjem-knappen i navigasjonen din, og i stedet få den øverste siden til å navigere til hjemmesiden når du trykker på den.

• Design for berøring og gi nok plass til en finger. Fordi både nettbrett og smarttelefonbrukere navigerer på ditt mobilnettsted ved hjelp av berøringsskjerm, er det svært viktig å kontrollere at trykkfølsomheten til navigasjonsknappene dine er stor nok til å bruke.Den gjennomsnittlige fingeren krever et mellomrom på minst 44 piksler stort, venstre til høyre og opp og ned.

• Gjør menyen intuitiv. Dine besøkende bør vite nøyaktig hvor hver menyvare vil ta dem.

• Minimer navigering på flere nivåer. Hold det enkelt, men hvis navigasjonen din bare må ha rullegardinnivåer, må du aldri legge til mer enn to lag med rullegardinfunksjonalitet.

• Kontroller at rullegardinmenyene er aktivert ved å trykke. Selv om aktivering av mus-svinger fungerer i skrivebordet, opplever det at brukeren sitter fast i mobilopplevelsen.

• Bruk visuelle menyindikatorer. Hvis du bruker en skjermmeny, bruk en tre-linjemenyindikator slik at den besøkende kan få tilgang til menyen.

  Hvis du har en navigasjon på flere nivåer, bruk et intuitivt symbol, for eksempel et pluss-tegn (+) for å indikere at menyelementet har flere rullegardinvalg. Vurder også å bruke et symbol for å skille mellom knapper som navigerer til en ny side fra knapper som viser flere rullegardinvalg. REI bruker en høyre piltast (>) for å indikere når et navigasjonselement tar deg til en ny side.

  

  REI bruker visuelle menyindikatorer til å lede brukere gjennom sin flerspråklige navigasjon.

• Legg til tilbakemelding. Når brukere klikker på et element i navigasjonen, må det skje noe for å forsikre brukere om at de tappet på riktig sted. Denne tilbakemeldingen kan være en fargeendring, en blink av farge eller en skrifttypeendring. Lokal, tappet av en bruker, er uthevet i blått.

  

  Search Engine Land bruker fargeskift-tilbakemelding, slik at brukerne kan vite hvor de har tappet i navigasjonen.

• Unngå horisontal rulling. Generelt er søkemotorer ikke glad i overdreven venstre til høyre rulling, og heller ikke brukere. Hvis menyen din er for lang til å passe inn i parametrene på skjermen fra venstre til høyre, bør du vurdere en vertikal navigasjon.