Webbplatsnavigering är hur besökare hittar runt på din webbplats. Lär dig de olika typerna av navigering och varför en tydlig struktur gör stor skillnad för ditt varumärke.
Din webbplats kanske ser bra ut på alla skärmar tack vare responsiv design. Men att se bra ut är bara halva jobbet. Tänk på senast du besökte en webbplats och inte hittade det du letade efter. Du klickade nog runt i några sekunder, blev less och lämnade sidan. Det handlar om en enda sak: navigering. När navigeringen är tydlig tar sig besökare fram utan att behöva tänka. När den är rörig lämnar de sidan.
Den bästa navigeringen är den du inte ens lägger märke till. Du klickar, hittar det du behöver och går vidare. När den fungerar väl stannar besökarna längre och utforskar mer. När den inte gör det studsar de. Så hur fungerar navigering egentligen på en webbplats?
Vad är webbplatsnavigering?
Webbplatsnavigering är systemet som hjälper besökare att ta sig från en sida till en annan på din webbplats. Det omfattar menyer, länkar, knappar och alla andra element som låter någon gå vidare inom webbplatsen. Navigeringen gör en samling enskilda webbsidor till en sammanhängande upplevelse som känns som en hel webbplats.
Bra navigering svarar på en enkel fråga för varje besökare. Vart ska jag gå härnäst? Oavsett om någon landade på din startsida, en produktsida eller ett blogginlägg ska det alltid vara tydligt hur man kommer till informationen man söker, utan att gissa.
Typer av webbplatsnavigering
All navigering ser inte likadan ut. Olika typer fyller olika syften, och de flesta webbplatser använder flera typer samtidigt.
1. Navigeringsfält högst upp
Det här är den vanligaste typen av navigering. Den ligger överst på sidan och visar webbplatsens huvudsektioner. Besökare förväntar sig att hitta den där, så det är oftast det första stället de tittar på. Den fungerar bäst när den är kort och enkel, med tydliga namn som Hem, Om oss, Tjänster och Kontakt.
2. Sidomeny
En lodrät meny som ligger till vänster eller höger på sidan. Den är vanlig på webbplatser med många kategorier eller avsnitt, som kunskapsbaser, dokumentationssidor eller webbshoppar. Den ger besökare ett sätt att bläddra i en lång lista med alternativ utan att göra huvudinnehållet plottrigt.
3. Sidfotsnavigering
Sidfoten finns längst ned på varje sida. Den innehåller oftast länkar till sekundära sidor som integritetspolicy, användarvillkor, kontaktuppgifter och profiler i sociala medier. Besökare som scrollar till slutet av en sida letar ofta här efter länkar de inte hittade i huvudmenyn.
4. Hamburgarmeny
På mobila enheter och i vissa minimalistiska webbdesigner är hela menyn gömd bakom en liten ikon med tre vågräta streck. När du trycker på ikonen öppnas hela navigeringen. Den håller skärmen ren på mindre enheter och ger ändå besökarna tillgång till alla sidor.
5. Brödsmulenavigering
Brödsmulor visar besökare var de befinner sig i webbplatsens struktur. De visas som en rad med länkar högst upp på en sida, oftast ungefär så här: Hem > Tjänster > Webbdesign. De hjälper besökare att förstå webbplatsens hierarki och gör det enkelt att gå tillbaka till ett tidigare avsnitt utan webbläsarens bakåtknapp.
Varför spelar navigering roll för ditt varumärke?
Här är ett enkelt sätt att se på det. Om någon landar på din webbplats och inte förstår vart hen ska gå under de första sekunderna, lämnar hen den. Hen anstränger sig inte mer. Hen går bara tillbaka till sökresultaten och väljer någon annan. Så snabbt kan du tappa en besökare.
Bra navigering får människor att röra sig genom din webbplats i stället för att studsa bort från den. De hittar det de kom för, ser vad du mer erbjuder och är mer benägna att ta nästa steg. Den får också hela webbplatsen att kännas mer genomtänkt, vilket skapar förtroende utan att du behöver säga ett ord.
Sökmotorer bryr sig också om navigering. När dina sidor är kopplade med tydliga länkar och en logisk struktur kan sökmotorer hitta och förstå ditt innehåll snabbare. Det hjälper dina sidor att synas i sökresultaten. Särskilt om du har en webbplats med flera sidor är det navigeringen som binder ihop alla sidor till en enhetlig webbplats.
Vill du lära dig hur du bygger din egen webbplatsmeny steg för steg? Läs så strukturerar du en webbplatsmeny. Vill du förstå mer om hur webbplatsens struktur hjälper sökmotorer att hitta alla dina sidor? Läs så skapar du en sitemap.
Vanliga frågor
Hur många menyval bör huvudmenyn ha?
Mellan 5 och 7 är ett bra intervall. Med för få kanske besökare inte hittar det de behöver. Med för många blir menyn överväldigande och svår att skanna. Fokusera på de sidor som betyder mest för dina besökare: Hem, Om oss, Tjänster eller Produkter, Blogg och Kontakt är en bra start. Du kan alltid lägga till rullgardinsmenyer för underkategorier. En steg för steg-guide hittar du i så strukturerar du en webbplatsmeny.
Påverkar webbplatsnavigering SEO?
Ja. Tydlig navigering hjälper sökmotorer att förstå hur dina sidor hänger ihop och vilka sidor som är viktigast. Bra intern länkning via menyn och i texten gör det lättare för sökmotorer att crawla och indexera ditt innehåll. Dålig navigering kan leda till föräldralösa sidor som sökmotorer aldrig hittar. Läs mer om hur länkning fungerar i så skapar du en sitemap.
Vad är skillnaden mellan navigering och en sitemap?
Navigering är det besökare använder för att ta sig runt på din webbplats: menyer, länkar och knappar. En sitemap är en fil som listar alla sidor på din webbplats så att sökmotorer kan hitta dem. Besökare ser sällan en sitemap. Båda har samma mål, att göra ditt innehåll tillgängligt, men navigering är till för människor och sitemaps är till för sökmotorer. Med webbplatsbyggaren i WEMASY får du båda: en visuell menyredigerare för navigeringen och automatisk sitemap för sökmotorerna.
Ska varje sida på webbplatsen gå att nå från huvudmenyn?
Nej. Huvudmenyn ska bara visa dina viktigaste sidor. Blogginlägg, enskilda produktsidor, juridiska sidor och fördjupande innehåll bör i stället nås via interna länkar, kategorier eller sidfotens navigering. Om allt ligger i huvudmenyn blir den plottrig och svårare att använda. Om du har en webbplats med flera sidor använder du en tydlig hierarki, med huvudsidorna i toppmenyn och stödjande sidor länkade från innehållet.
Vilken navigeringsstil är bäst för mobila webbplatser?
En hamburgarmeny fungerar bra för de flesta mobila webbplatser. Den håller skärmen ren och ger ändå besökarna tillgång till alla sidor när de trycker på ikonen. För webbplatser med bara några få sidor kan en enkel meny som man scrollar i sidled högst upp också fungera. Det viktiga är att knappar och länkar är tillräckligt stora för att lätt kunna tryckas på en liten skärm. Mallarna i WEMASY har mobilanpassad navigering inbyggd, så du behöver inte ställa in det själv.
Hur vet du om webbplatsens navigering behöver förbättras?
Kolla din analys. Om besökare lämnar webbplatsen snabbt, bara tittar på en sida eller inte når viktiga sidor som kontakt- eller tjänstesidan kan navigeringen vara problemet. Du kan också be en vän hitta något specifikt på din webbplats och se var hen fastnar. Om det är svårt för vännen är det nog svårt för dina besökare också. Läs mer om hur du följer upp det i viktiga mått för att följa webbplatsens prestanda.