Gå till innehållet

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

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Webbplatsanvändbarhet bör vara en av dina främsta överväganden när du bygger eller underhåller en webbplats. Om din webbplats är svår att använda kommer människor att avskräcka från att använda den eller komma tillbaka. I många fall översätts bra användbarhet direkt till bättre SEO-resultat.

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 tack vare en korrelation med hur människor interagerar med webbplatser. Enligt Kissmetrics47% av konsumenterna förväntar sig att en webbsida laddas på två 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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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). .

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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

Exempel på menyn.png

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 har en fördefinierad webbplatsmeny-design. Oavsett om du vill behålla det som det är eller planerar att göra om det helt, här är de bästa metoderna för att utforma menynavigering med användbarhet och SEO i åtanke:

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

  • Undvik om möjligt rullgardinsmenyer. Många webbplatser gillar att använda rullgardinsmenyer eftersom de sparar utrymme, men de rekommenderas inte, speciellt när det gäller teknisk SEO. Användbarhetstestning avslöjade att de flesta inte gillar rullgardinsmenyer. Detta beror på att det mänskliga ögat fungerar snabbare än handen, och människor tycker att det är irriterande när de redan har bestämt vad de ska klicka på och något annat faller, vilket leder till minskade besök på vissa sidor. Som sagt är "mega drop down" -menyn 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 att organisera sidor baserat på innehåll, som alla videor, infografik, etc. Detta beror på att människor söker efter ämne och 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):

exempel på dålig meny.png
Här är det absoluta exemplet på vad du ska undvika på din blogg. Omvänt ger Cafebond.com ett välorganiserat exempel när det gäller enkel kategorisering:
exempel på en bra meny.png
  • 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.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
107 aktier
del4
tweet2
Enregistrer101