Domän E-post & Office Hemsida WordPress Hosting VPS
Gå tillbaka
.com
$ 9.99 $ 26.99 /1:a året
.org
$ 7.99 $ 24.99 /1:a året
Gå tillbaka
Logga in
Kontrollpanel Webbmail Hemsideprogram Webbshop File Manager WordPress

Hur du skapar en meny på din hemsida

Läs om hur du skapar en hamburgermeny på din hemsida och ta med dina besökare på en resa

Att ha en meny på din hemsida och hur du designar den är viktig. Hur menyn på hemsidan ser ut kommer vara avgörande för hur andra upplever användarvänligheten. Om du lyckas skapa en enkel och smidig meny kommer de som besöker din hemsida vara nöjda. Om en besökare däremot har svårt att använda din navigationsmeny är det istället troligt att de kommer lämna hemsidan och inte komma tillbaka. 

En besökares tålamod är kort: se därför till att de snabbt kan hitta de sidor som de letar efter. Om du inte gör det kommer du antagligen förlora besökare i onödan, vilket i det långa loppet kan leda till att du får färre konverteringar. 

En navigationsmeny låter dig också prioritera vilket innehåll du vill att din besökare ska läsa. Du kan därmed organisera dina sidor så att de allra viktigaste exempelvis ligger längst till vänster i menyn medan de som inte är lika viktiga ligger till höger.

Bygg enkelt en hemsida som du är stolt över

Skapa en professionell hemsida med ett enkelt och prisvärt Hemsideprogram.

Prova gratis i 14 dagar
  • Välj mellan 150+ mallar
  • Ingen programmering krävs
  • Enkelt att komma igång
  • SSL-certifikat ingår
  • Mobilvänligt
  • Support 24/7

I den här texten kommer vi fokusera på hur du gör en navigationsmeny och vi kommer också diskutera några saker som är viktiga att ta i beaktande när du ska göra en meny till en hemsida.

Navigation på hemsida

Vad är en navigationsmeny?

Syftet med att ha en meny hemsida är att hjälpa dina besökare att navigera utan några svårigheter. Menyn finns oftast högst upp på hemsidan och kan se olika ut. Även på en mobiltelefon är menyn oftast placerad allra högst upp i form av en hamburgermeny, det vill säga en ikon med tre streck på.

En navigationsmeny består av internlänkar som tar besökaren till den hemsida som denne vill läsa. 

Exempel på en meny hemsida

Om vi tittar på one.coms hemsida ser du att vår navigationsmeny är placerad högst upp. Du kan också se att vi visar alla produkter vi säljer där. Vi har också adderat artiklar som kan göra våra besökares informationsletande enklare. 

De allra vanligaste flikarna som används i en meny hemsida är:

  • Om oss
  • Kontakt
  • Produkter
  • Vanlig frågor

Men, som vi har visat genom att ta vår egen hemsida som exempel kan du se att du kan designa din hemsida och dess meny precis som du själv vill och som du finner relevant. 

Navigation på olika enheter

Varför är en meny hemsida viktig?

Oavsett om du använder en rullgardinsmeny eller designar din meny på något annat sätt är syftet att den ska göra det lättare för dina besökare att hitta det de letar efter. Om du inte skulle välja att till exempel ha en drop down-meny eller en meny i någon annan design, hur skulle dina besökare då kunna hitta rätt?

Visserligen kan man försöka guida sina besökare rätt genom att ha länkar i texten på hemsidan, men det går mycket snabbare om du istället skapar en rullgardinsmeny. En bra meny är dessutom ett sätt att säkerställa att besökarna stannar på din hemsida så länge som möjligt. 

Saker att tänka på med en navigationsmeny

När du designar din meny hemsida bör du tänka på ett par saker. Först och främst, som vi tidigare också nämnt – en hemsida utan en fungerande meny, oberoende av om den kommer i form av en hamburgermeny eller en drop down-meny är nödvändig för att dina besökare inte ska få en negativ upplevelse av hemsidan. 

Navigationsmeny

Design och innehåll i en navigationsmeny

Innehållet du har på din hemsida styrs av vilken slags hemsida det är. En rullgardinsmeny ska spegla innehållet på hemsidan samtidigt som den hjälper dina besökare att hitta rätt sida. När du är klar med innehållet på din hemsida kan du överväga vad du vill ha med i en drop down-meny. Du ska välja det som du vill prioritera och välj enkla namn på dina olika underkategorier så att besökaren snabbt förstår vad som finns på länkarna.

Som exempel kan vi ta ett företag som erbjuder tjänster. För en sådan hemsida kan det vara bra att ha en rullgardinsmeny till vänster högst uppe på sidan. Däremot hade en sådan meny varit ett sämre val för en e-handel. En e-handel vill istället markera deras bäst säljande kategorier så att kunderna kan hitta vad de letar efter. En e-handel behöver möjligen sålla lite mer och skapa fler olika rubriker och underrubriker i sina menyer. 

En bra meny är den som Samsung har. Även fast de har många olika produkter så innehåller deras navigtions bar till vänster endast deras bästsäljande produkter. Andra sidor, exempelvis företagets historia, hittas i en meny till höger.

  • Hypertext

Se till att texten du har på sidan och hypertexterna du använder ser olika ut. De som besöker din hemsida måste kunna utskilja skillnaden mellan en hypertext och vanlig text.

  • Färger

Du kan med fördel använda färger för att få en drop down-meny eller en navigationsmeny att sticka ut från det övriga innehållet på hemsidan. Andra tacksamma medel du kan använda dig av för att göra en rullgardinsmeny tydlig är exempelvis typsnitt.

Använd länkar i din meny, inte knappar

Många hemsidor använder sig av länkar i sin meny istället för knappar. En anledning till det är att det inte är lika bra för SEO att använda knappar som att använda länkar. En annan orsak till att använda länkar i en rullgardinsmeny eller hamburgermeny istället för att använda knappar på hemsidan är att knapparna är svårare att se för de som har en synnedsättning. 

Vår tips är därför att du exempelvis använder en drop down-meny med länkar och att du sparar knappar till dina CTA.

Göm ditt sökfält

Det har blivit vanligare att man gömmer sökfält på hemsidor så att de inte är synliga på alla sidor utan enbart där de faktiskt kan behövas. Att gömma ett sökfält är bra eftersom det tar bort ett extra element som kan stjäla fokus från dina besökare.

Fastnålda meny

En fastnålad navigationsmeny kan vara effektiv. Om du vill se ett exempel på hur det fungerar kan du kontrollera vår hemsida. När du scrollar ner kommer du märka att menyn följer med, vilket innebär att våra besökare inte måste scrolla upp till toppen om de vill till en annan flik. Du kan även nåla fast en hamburgermeny som visas i mobilen.

Vill du göra det riktigt enkelt kan du i botten av alla sidor dessutom addera en länk som tar läsaren direkt tillbaka till toppen av hemsidan. En sådan länk är inte beroende av varken en hamburgermeny eller en navigationsmeny på datorn utan står separat för sig själv. 

Webshop

Du kan använda hemsidans footer som en slags navigationsmeny. I footern går det utmärkt att lägga till information som du inte vill ha i själva menyn. Du kan också lägga till information och länkar här som inte fått rum i den vanliga menyn. Utöver det kan du också utnyttja footern för att lägga till information som du redan har gett dina besökare.