Brugbarhed af websteder bør være en af ​​dine primære overvejelser, når du bygger eller vedligeholder et websted. Hvis dit websted er vanskeligt at bruge, frarådes folk at bruge det eller komme tilbage. I mange tilfælde oversættes god brugervenlighed også direkte til bedre SEO-resultater.

Nogle af kendetegnene ved god brug af webstedet inkluderer:

  • Mobil lydhørhed : Flere og flere mennesker har adgang til Internettet via deres mobiltelefoner (og Google mener, at dette er vigtigt for søgeplaceringer som en del af deres mobilinitiativ).
  • Sideindlæsningshastighed : Endnu et vigtigt rangeringssignal fra Google, gennem en sammenhæng med, hvordan folk interagerer med websteder. Ifølge Kissmetrics forventer 47% af forbrugerne, at en webside indlæses på 2 sekunder eller mindre!
  • Webstednavigation: Ifølge Orbit Media Studios, hvis dit websted er let at bruge, og indholdet er let at finde, påvirker det den trafik, du får fra søgemaskiner, positivt. Gerry McGovern gennemførte en undersøgelse, der viste, at 70% af mennesker stoler på navigation i stedet for at søge, når de leder efter noget, fordi det er lettere og hurtigere at klikke på links til bestemte sider. på et websted.

Med henblik på denne vejledning vil vi fokusere på brugervenlighed med hensyn til menudesign og bedste praksis.

Navigation på webstedet

Web browsing er et generelt udtryk, der henviser til et internt linkarkitektur på et websted. Frem for alt er dets primære formål at hjælpe brugerne med let at finde relevant indhold på dit websted. Din navigationsstruktur danner også grundlaget for dit websteds sitemap, som hjælper søgemaskigiganter som Google med at indeksere dit websted i overensstemmelse hermed.

Bestemt er der flere ting, der kan bidrage til effektiv webstedsnavigation, men indtil videre vil vi fokusere specifikt på menuen fordi det normalt er den første side, som brugerne interagerer med, når de går til et nyt websted.

Navigation i menuen

Navigationsmenuer har tendens til at være placeret foran og i midten af ​​et websted (billedligt set ville en centreret menu dog være god). For websteder med forskellige kategorier er rullemenuen en mulighed for at spare plads og imødekomme behovet for kategorisering.

I dag, i et show af minimalisme (og mobil brugbarhed), har mange websteder vedtaget et hamburger-menudesign (i det væsentlige en firkant med tre korte vandrette linjer, hvilket indikerer, at menuen kan udvides med et klik). .

Storefront-temaet WooCommerce giver et praktisk eksempel i øverste højre hjørne:

eksempel på menu.png

Hamburger-stil website menu design er det mest populære, når det kommer til mobil website design, da udviklere er ansvarlige for at skabe brugbar navigation i meget små rum. Det kan være vanskeligt at oprette en rullemenu, der kan bruges på mobilwebsteder!

Når det er sagt, mange designere foragter hamburger-menuen, som har ført til en ny bevægelse for at finde kreative måder at gøre webstedsnavigation sjov og funktionel. Med dette i tankerne indebærer en fælles heuristisk design af webstedsmenuen at placere menunavigationen permanent øverst på hver webside, så brugeren let kan finde rundt eller søge efter den næste side.

Bedste praksis i menu design

De fleste WordPress-temaer kommer med et foruddefineret webstedsmenudesign. Uanset om du ønsker at beholde den, som den er, eller planlægger at lave den om, er her de bedste fremgangsmåder til at designe menunavigation med brugervenlighed og funktionalitet i tankerne. SEO i dit sind:

  • Undgå om muligt rullemenuer. Mange hjemmesider kan lide at bruge rullemenuer, fordi de sparer plads, men de anbefales ikke, især når det kommer til SEO teknisk. Usability test har afsløret, at de fleste mennesker ikke kan lide drop-down menuer. Det skyldes, at det menneskelige øje arbejder hurtigere end hånden, og folk synes, det er irriterende, når de allerede har besluttet, hvad de skal klikke på, og noget andet falder ud, hvilket fører til færre besøg på bestemte sider. Når det er sagt, er "mega rullemenuen" lidt mere acceptabel, hvis det websted, du designer, har så meget indhold, at du ikke kan undvære en rullemenu.
  • Vær beskrivende. Slip af med generiske ord som "Services" eller "Products". Angiv i stedet, hvordan dine produkter eller tjenester konsekvent, da ingen rigtig søger efter produkter med "generiske ord eller" tjenester ". Bedre endnu, inden du beslutter dig for de nøjagtige navne på dine menupunkter, skal du retfærdiggøre indeslutningen med SEO-søgeordsforskning. Orbit Media anbefalerBrug beskrivende etiketterfordi denne praksis gavner både brugere og dig, når søgemaskiner gennemsøger webstedet. Navigation vises på hver side, så hvis du bruger et udtryk, der er relateret til din branche, advarer du Google om, at du virkelig bryr dig. Husk, at hver side kan rangeres, så længe den er fokuseret på et bestemt emne.
  • Derudover afskrækker Orbit Media navigationsbaseret på formater, som'organisation indholdsbaserede sider som alle videoer, al infografik osv. Dette skyldes, at folk søger efter emne, ikke format.
  • Placeringen (eller layoutet) af elementerne i navigationsmenuen er vigtig. Der er en generel liste over sider at tilbyde på et websted, såsom "Om" -siden, "Kontakt" -side osv., Som er de sider, der oftest søges af besøgende på stedet. Disse fremtrædende sider, som ofte har høj trafik (da de er tydeligt synlige), har ofte lave engagementer. Brug Google Analytics til at bestemme dine vigtigste sider og finde optimeringsmuligheder. Vis de vigtigste navigationselementer først (eller øverst afhængigt af menulinjens retning).
  • Gem menupunkter i op til et maksimalt 7 . Undersøgelser har vist, at folk kun kan huske eller tage sig af maksimalt syv stykker information ad gangen. At have for mange kategorier af menupunkter kan potentielt påvirke din evne til at rangere i søgning, da Google kan fortolke for mange tilsyneladende ikke-relaterede kategorier som et tegn på, at dit websted ikke har indstillet på en bestemt niche. Hvis du ved, at du har brug for mere end 7 menupunkter, skal du opdele dem i underkategorier.

Med hensyn til ovennævnte punkt er Uniteds design af webstedets menu for kompliceret (der er for mange muligheder for besøgende):

Eksempel på dårlig menu.png
Her er det absolutte eksempel på, hvad du skal undgå på din blog. Omvendt giver Cafebond.com et velorganiseret eksempel, når det kommer til enkel kategorisering:
Eksempel på en god menu.png
  • Revision din menu fra tid til anden. Fjern links, der sjældent klikkes på. Omdøb generiske etiketter for at være mere beskrivende for dine menneskelige besøgende og søgemaskiner.

Det er alt for disse tip, jeg håber, de giver dig mulighed for bedre at organisere dine forskellige menuer på WordPress. Har du nogen praksis, der ikke er angivet, er du velkommen til at skrive dem.