Några tips för att skapa moderna menyer för din blogg

Några av egenskaperna för bra webbplatsanvändning inkluderar:

• Mobil lyhördhet : Fler och fler använder internet via sina mobiltelefoner (och Google anser att detta är viktigt för sökrankningar som en del av deras mobilinitiativ).
• Sidlastningshastighet : Ännu en viktig rankningssignal från Google, genom en korrelation med hur människor interagerar med webbplatser. Enligt Kissmetrics förväntar sig 47 % av konsumenterna att en webbsida ska laddas på 2 sekunder eller mindre!
• Webbsida navigering: Enligt Orbit Media Studios, om din webbplats är lätt att använda och innehållet är lätt att hitta, har det en positiv inverkan på trafiken du kommer att få från sökmotorer. Gerry McGovern genomförde en studie som visade att 70% av människorna litar på navigering snarare än att söka efter något eftersom det är lättare och snabbare att klicka på länkar till specifika sidor. på en webbplats.

I denna handledning kommer vi att fokusera på användbarhet när det gäller design av menyer och bästa praxis.

Navigering på webbplatsen

Webbläsning är en allmän term som refererar till den interna länkarkitekturen på en webbplats. Framför allt är dess primära syfte att hjälpa användare att enkelt hitta relevant innehåll på din webbplats. Din navigeringsstruktur utgör också grunden för din webbplats webbplatskarta, vilket hjälper sökmotorjättar som Google att indexera din webbplats därefter.

Visst, det finns flera saker som kan bidra till effektiv webbplatsnavigering, men för närvarande kommer vi att fokusera specifikt på meny, eftersom detta vanligtvis är den första sidan som användare interagerar med när de besöker en ny webbplats.

Navigering i menyn

Navigationsmenyer tenderar att vara placerade på framsidan och mitten av en webbplats (figurativt sett skulle en centrerad meny dock vara trevlig). För webbplatser med olika kategorier är rullgardinsfunktionen ett alternativ för att spara utrymme och tillgodose behovet av kategorisering.

Idag, i en uppvisning av minimalism (och mobilanvändbarhet), har många webbplatser antagit en hamburgermeny-design (i huvudsak en fyrkant med tre korta horisontella linjer, vilket indikerar att menyn kan utökas med ett klick). .

Storefront-temat för WooCommerce ger ett praktiskt exempel i det övre högra hörnet:

Hamburger-stil webbplats meny design är den mest populära när det gäller mobil webbplats design, eftersom utvecklare är ansvariga för att skapa användbar navigering i mycket små utrymmen. Beviljas, det kan vara svårt att skapa en rullgardinsmeny som kan användas på mobila webbplatser!

Det sagt, många designers föraktar hamburgarmenyn, som har lett till en ny rörelse för att hitta kreativa sätt att göra webbplatsnavigering rolig och funktionell. Med detta i åtanke innebär en gemensam heuristik för webbdesign att placera menynavigeringen permanent överst på varje webbsida, så att användaren enkelt kan hitta sig runt eller söka efter nästa sida.

Bästa praxis i menydesign

De flesta WordPress-teman kommer med en fördefinierad webbmenydesign. Oavsett om du vill behålla det som det är eller planerar att göra om det helt, här är bästa praxis för att utforma menynavigering med användbarhet och funktionalitet i åtanke. SEO i ditt sinne:

• Undvik om möjligt rullgardinsmenyer. Många webbplatser gillar att använda rullgardinsmenyer eftersom de sparar utrymme, men de rekommenderas inte, särskilt när det gäller SEO teknisk. Användbarhetstester har visat att de flesta inte gillar rullgardinsmenyer. Det beror på att det mänskliga ögat arbetar snabbare än handen, och folk tycker att det är irriterande när de redan har bestämt sig för vad de ska klicka på och något annat faller ut, vilket leder till färre besök på vissa sidor. Som sagt, "mega rullgardinsmenyn" är något mer acceptabel om webbplatsen du designar har så mycket innehåll att du inte kan göra utan en rullgardinsmeny.
• Var beskrivande. Bli av med generiska ord som "Tjänster" eller "Produkter". Ange istället hur dina produkter eller tjänster konsekvent, eftersom ingen verkligen söker efter produkter med "generiska ord eller" tjänster ". Ännu bättre, innan du bestämmer dig för de exakta namnen på dina menyalternativ, motivera inkluderingen med SEO-sökordsforskning. Orbit Media rekommenderaranvänd beskrivande etikettereftersom denna praxis gynnar både användare och dig när sökmotorer genomsöker webbplatsen. Navigering visas på varje sida, så om du använder en term relaterad till din bransch, varnar du Google för att du verkligen bryr dig. Kom ihåg att varje sida kan rankas så länge den är inriktad på ett specifikt ämne.
• Dessutom avskräcker Orbit Media navigationsbaserad på format, som'organisation innehållsbaserade sidor som alla videor, all infografik, etc. Detta beror på att människor söker efter ämne, inte format.
• Positioneringen (eller layouten) för objekten i navigationsmenyn är viktig. Det finns en allmän lista över sidor att erbjuda på en webbplats, till exempel "Om" -sidan, "Kontakt" -sidan etc., vilka är de sidor som oftast söks av webbplatsbesökare. Dessa framstående sidor, som ofta har hög trafik (eftersom de är tydligt synliga), har ofta låga engagemang. Använd Google Analytics för att bestämma dina viktigaste sidor och hitta optimeringsmöjligheter. Visa de viktigaste navigeringsalternativen först (eller överst, beroende på menyradens orientering).
• Spara menyalternativen i upp till ett högst 7 . Studier har visat att människor bara kan komma ihåg eller ta in högst sju bitar av information åt gången. Att ha för många kategorier av menyalternativ kan potentiellt påverka din förmåga att rankas i sökning, eftersom Google kan tolka för många till synes orelaterade kategorier som ett tecken på att din webbplats inte har anpassats till en specifik nisch. Om du vet att du behöver mer än sju menyalternativ, dela dem i underkategorier.

När det gäller den punkt som nämns ovan är Uniteds webbdesign för meny för komplicerad (det finns för många alternativ för besökare):

• Granska din meny då och då. Ta bort länkar som sällan klickas på. Byt namn på generiska etiketter för att vara mer beskrivande för dina mänskliga besökare och sökmotorer.

Det är allt för dessa tips, jag hoppas att de gör det möjligt för dig att bättre organisera dina olika menyer på WordPress. Har du några metoder som inte är listade, skicka dem gärna.