Noen tips for å lage moderne menyer for bloggen din

Noen av egenskapene til god bruk av nettstedet inkluderer:

• Mobil respons : Stadig flere har tilgang til Internett via mobiltelefonene sine (og Google mener dette er viktig for søkerangeringer som en del av mobilinitiativet).
• Sidelasterhastighet : Nok et viktig rangeringssignal fra Google, gjennom en sammenheng med hvordan folk samhandler med nettsteder. I følge Kissmetrics forventer 47 % av forbrukerne at en nettside skal lastes på 2 sekunder eller mindre!
• Nettstednavigering: I følge Orbit Media Studios, hvis nettstedet ditt er enkelt å bruke og innholdet er lett å finne, har det en positiv innvirkning på trafikken du får fra søkemotorer. Gerry McGovern gjennomførte en studie som viste at 70% av mennesker stoler på navigering i stedet for å søke når de leter etter noe fordi det er lettere og raskere å klikke på lenker til bestemte sider. av et nettsted.

I forbindelse med denne opplæringen vil vi fokusere på brukervennlighet når det gjelder menyutforming og beste praksis.

Navigering på nettstedet

Nettlesing er et generelt begrep som refererer til den interne koblingsarkitekturen til et nettsted. Fremfor alt er dets primære formål å hjelpe brukerne med å finne relevant innhold på nettstedet ditt. Navigasjonsstrukturen din danner også grunnlaget for nettstedets nettstedskart, som hjelper søkemotorgiganter som Google å indeksere nettstedet ditt deretter.

Det er absolutt flere ting som kan bidra til effektiv navigering på nettstedet, men foreløpig vil vi fokusere spesielt på menyen, fordi dette vanligvis er den første siden brukerne kommuniserer med når de går til et nytt nettsted.

Navigering i menyen

Navigasjonsmenyer har en tendens til å være plassert foran og midt på et nettsted (figurativt sett vil en sentrert meny være fin, skjønt). For nettsteder med forskjellige kategorier er rullegardinfunksjonen et alternativ for å spare plass og oppfylle behovet for kategorisering.

I dag, i et show av minimalisme (og mobil brukervennlighet), har mange nettsteder vedtatt et hamburger-meny-design (i hovedsak et firkant med tre korte horisontale linjer, noe som indikerer at menyen kan utvides med ett klikk). .

Butikkfront-temaet til WooCommerce gir et praktisk eksempel, i øvre høyre hjørne:

Nettstedsmenydesign med hamburger-stil er det vanligste når det gjelder mobilnettdesign, ettersom utviklere er ansvarlige for å skape brukbar navigering på veldig små områder. Gitt, det kan være vanskelig å lage en rullegardinmeny som kan brukes på mobilnettsteder!

Når det er sagt, mange designere forakter hamburgermenyen, som har ført til en ny bevegelse for å finne kreative måter å gjøre navigering på nettstedet morsomt og funksjonelt. Med dette i bakhodet innebærer en vanlig heuristisk utforming av nettstedsmenyen å plassere menynavigasjonen permanent øverst på hver webside, slik at brukeren enkelt kan finne seg rundt eller søke etter neste side.

Beste praksis i menydesign

De fleste WordPress-temaer kommer med et forhåndsdefinert nettstedsmenydesign. Enten du ønsker å beholde det som det er eller planlegger å gjøre det helt om, her er beste fremgangsmåter for å designe menynavigering med brukervennlighet og funksjonalitet i tankene. SEO i tankene dine:

• Hvis mulig, unngå rullegardinmenyer. Mange nettsteder liker å bruke rullegardinmenyer fordi de sparer plass, men de anbefales ikke, spesielt når det gjelder SEO teknisk. Brukervennlighetstesting har avslørt at folk flest ikke liker rullegardinmenyer. Dette er fordi det menneskelige øyet jobber raskere enn hånden, og folk synes det er irriterende når de allerede har bestemt seg for hva de skal klikke på og noe annet faller ut, noe som fører til færre besøk på enkelte sider. Når det er sagt, er "mega rullegardinmenyen" litt mer akseptabel hvis nettstedet du designer har så mye innhold at du ikke kan klare deg uten en rullegardinmeny.
• Vær beskrivende. Bli kvitt generiske ord som “Tjenester” eller “Produkter”. Angi i stedet hvordan produktene eller tjenestene dine konsistent, siden ingen virkelig søker etter produkter med "generiske ord eller" tjenester ". Enda bedre, før du bestemmer deg for de eksakte navnene på menyelementene dine, rettferdiggjør du innlemmelsene med SEO-søkeordundersøkelse. Orbit Media anbefalerbruk beskrivende etiketterfordi denne praksisen kommer både brukere og deg til gode når søkemotorer gjennomsøker nettstedet. Navigering vises på hver side, så hvis du bruker et begrep relatert til din bransje, varsler du Google om at du virkelig bryr deg. Husk at hver side kan bli rangert så lenge den er fokusert på et bestemt emne.
• I tillegg fraråder Orbit Media navigasjonsbasert på formater, som'organisasjonen innholdsbaserte sider som alle videoer, all infografikk osv. Dette er fordi folk søker etter emne, ikke format.
• Plasseringen (eller utformingen) av elementene i navigasjonsmenyen er viktig. Det er en generell liste over sider å tilby på et nettsted, for eksempel "Om" -siden, "Kontakt" -siden osv., Som er de sidene som de fleste besøkende besøker. Disse fremtredende sidene, som ofte har høy trafikk (siden de er godt synlige), har ofte lave engasjementsgrader. Bruk Google Analytics til å bestemme de viktigste sidene dine og finne muligheter for optimalisering. Vis de viktigste navigasjonselementene først (eller øverst, avhengig av retningen til menylinjen).
• Oppbevar menyelementene i opptil ett maksimalt 7 . Studier har vist at folk bare kan huske eller ta inn maksimalt syv stykker informasjon om gangen. Å ha for mange kategorier av menyelementer kan potensielt påvirke din evne til å rangere i søk, da Google kan tolke for mange tilsynelatende ikke-relaterte kategorier som et tegn på at nettstedet ditt ikke har innstilt på en bestemt nisje. Hvis du vet at du trenger mer enn 7 menyelementer, kan du dele dem inn i underkategorier.

Når det gjelder poenget som er nevnt ovenfor, er Uniteds design av nettstedsmeny for komplisert (det er for mange alternativer for besøkende):

• Kontroller menyen din fra tid til annen. Fjern lenker som det sjelden klikkes på. Gi nytt navn til generiske etiketter for å være mer beskrivende for menneskelige besøkende og søkemotorer.

Det er alt for disse tipsene, jeg håper de lar deg organisere de forskjellige menyene dine bedre på WordPress. Har du noen fremgangsmåter som ikke er oppført, kan du legge dem ut.