Logotyp vetenskapsrådet
logo_mobile

Sökfunktionen på webbplatser

En väl fungerande sökfunktion på en webbplats är viktig för att användarna ska kunna hitta på ett snabbt och effektivt sätt. Det finns flera faktorer som är viktiga att tänka på för att utforma en sökfunktion som både är användarvänlig och träffsäker.

  • Sökfunktionen ska vara nåbar från sidhuvudet.
  • Sökfunktionen ska ha en tydlig sökknapp/symbol.
  • Sökfunktionen bör vara möjlig för redaktör att komplettera (för redaktör) med synonymer och prioriterade sidor.
  • Sökfunktionen ska samla in statistik på de sökningar som görs (för redaktör).
  • Sökfunktionen bör hjälpa användaren med förslag vid felstavningar.
  • Sökfunktionen ska föreslå en väg vidare för en användare som får noll sökträffar.
  • Informationen som ges till användare vid noll sökträffar bör vara möjlig för redaktör att redigera.
  • Sökfält bör vara placerat i sidhuvudet (alternativt: fälls ut vid klick på sökikon).
  • Sökfältet ska vara utformat så att användaren förstår att det är ett inmatningsfält.
  • Sökfältet ska vara tillräckligt stort för att användaren ska se hela sin sökfras.
  • Sökfältet ska ha en tydlig och beskrivande etikett (label).
  • Sökfältet ska inte ha placeholder-text som ersättning för en etikett (label).
  • Sökfältet bör ha en stäng/rensaknapp.
  • Sidan med sökresultat ska vara tydlig och enkelt av förstå. Sökträffar ska separeras på ett tydligt sätt.
  • Sidan med sökresultat ska visa sökordet/sökfrasen.
  • Sidan med sökresultat ska visa antalet sökresultat.
  • Sökresultaten ska i första hand sorteras utifrån relevans.
  • Sökresultat ska listas med rubrik, sökutdrag/ingress.
  • Sökresultatens rubriker ska vara länkade.
  • Sökresultat bör visa datum. Datum ska vara uppmärkta med lämpliga HTML-element som indikerar att det är ett datum, och genom att använda tydlig textformatering.
  • Sökresultat bör visa metadata (om relevant för webbplatsen).
  • Säkresultat bör visa bild (om relevant för webbplatsen).
  • Sökresultat bör visa relativ sökväg.
  • Sökresultat bör vara möjligt att filtrera via facetter (ämnen, kategorier, innehållstyper)
  • Sökresultatsida ska vara strukturerad som lista, där varje sökresultat är ett listelement.
  • Sökresultatsida bör ha paginering.

Sökfältet

För att ge användaren möjlighet att snabbt inleda en sökning ska sökfältet placeras i sidhuvudet. Det kan visas med ett inmatningsfält eller så kan man låta användaren nå imnatningsfältet via länk/ikon till söksidan sidhuvudet.

Gör inmatningsfältet tillräckligt stort så att användaren ser hela sökfrasen. Utforma sökfältet så att användaren förstår att det är ett inmatningsfält. Använd alltid en tydlig sökknapp eller symbol.

Sidan med sökresultat

När användaren klickar på sökknappen ska hen komma till en söksida. Söksidan ska vara tydlig och enkelt av förstå. Sökträffar ska vara separerade på ett tydligt sätt.

På sidan ska sökresultatet listas med rubrik, sökutdrag/ingress och gärna även datum. Eventuellt kan även relevanta metadata visas.

Ge gärna användaren möjlighet att filtrera innehållet utifrån webbplatsens huvudgrenar, sidtyper, kategorier eller publiceringsintervall.

Sökfunktionen

För att användaren ska ha nytta av sökfunktionen är det viktigt att sökresultaten är relevanta och träffsäkra. Detta kan uppnås både genom val av sökfunktion och genom redaktionellt arbete.

Exempel på insatser som ökar sökbarheten är att använda synonymer för likande ord och fraser, tilldela relevanta synonymer till enskilda sidor och att optimera sökfunktionen för att ta hänsyn till stavfel.

Det är viktigt att arbeta med sökfunktionen över tid och förbättra den. samla in feedback från användarna för att kunna förbättra sökfunktionen. Detta kan göras genom att be användarna om feedback eller genom att samla in statistik om sökningar och användarbeteende.

Webbansvarigs arbete med sökfunktionen

Webbansvarigs arbete med sökmotoroptimering

Arbete med innehåll som hjälper sökfunktioner att leda användaren rätt

Tillgänglighet i söktjänster

Alla inmatningsfält på en webbsida, inklusive sökfält, ska ha en tydlig och beskrivande etikett (label). Detta gör det möjligt för skärmläsare att identifiera och beskriva sökfältet på ett korrekt sätt. Det är också viktigt att notera att placeholder-text inte ska användas som en ersättning för en etikett, eftersom placeholder-texten kan försvinna när användaren börjar skriva i fältet. Genom att inkludera en etikett för sökfältet kan användare lätt navigera på webbplatsen och hitta vad de söker efter.

För att göra sökresultatet enklare att använda om du har skärmläsare eller annat hjälpmedel ska den kodmässigt struktureras som en lista, där varje träff är ett listelement. Detta gör det enklare för användare med hjälpmedel att röra sig mellan sökträffarna och snabbt hitta den information de söker. För att undvika att överbelasta användaren med skärmläsare, med för mycket information bör endast sökträffens rubrik vara länkad.

Om det finns datum i sökresultatet ska de markeras som datum för att hjälpmedel ska kunna hantera dem på rätt sätt. Använd lämpliga HTML-element som indikerar att det är ett datum och använd en tydlig textformatering.

Så skriver vi datum: Vetenskapsrådets skrivriktlinjer

Skisser för utformning

Nedan visas skisser för rekomenerad utformning av sökfältet för brytpunkterna desktop och mobil-vy.

Skiss av inputfält för söken i sidhuvud