Jag har designat många webbplatser, och tack vare mitt arbete (eller på grund av, beror på hur man ser på det) ser jag webbplatser på ett annorlunda sätt när jag går in på hemsidor. I den här artikeln har jag sammanställt de vanligaste misstagen jag ser med webbplatser som även stora företag och webbyråer misslyckas med.

Detta är ett vanligt misstag där sidan inte effektivt kommunicerar var besökaren landat. Detta kan antingen bero på för lite information eller för mycket. Om du inte är ett företag känt av alla, måste du fastställa vad du kan erbjuda och uppfylla förväntningarna på besökarna om vad de kan hitta på sidan.

Ett vanligt problemet med webbplatser är typografi. Många väljer typsnitt de gillar och ser snyggt ut utan att tänka på läsbarheten. Välj typsnitt och storlek som gör att besökaren kan läsa vad du vill förmedla.

Kontrast mellan typsnitt och bakgrund är ett nybörjarmisstag som är mycket vanligt. För liten kontrast gör att det kan bli svårt att läsa. Det kanske ser bra ut på din skärm men troligtvis inte på din besökares skärm.

Använd heller inte för många färger, välj en färg för rubriker, en färg för brödtext och eventuellt en accent färg. Färg för rubriker och brödtext kan med fördel vara samma. Testa med Lighthouse om kontrasten är bra.

Lighthouse’s meddelande är: Kontrasten mellan bakgrundsfärg och förgrundsfärg är inte tillräckligt stor. Testa med Lighthouse (Chrome) gör du genom att högerklicka på den sida du vill inspektera. Välj inspektera, kolla i tabbarna efter Lighthouse. Välj de 3 översta kategorierna, klicka på Analysera sidhämtning.

När du bygger en webbplats vill du att den ska laddas så snabbt som möjligt, att optimera bilderna är avgörande. De vanligaste orsakerna till en långsam webbplats är onödiga eller tunga script, dålig anslutning till servern och överdrivet stora bilder. Det värsta jag har sett var en webbplats med en 14,5 Mb 6000×4000 JPG som användes som en miniatyr som bara visas i storleken 600px.

En annan webbplats hade en logga som var 300Kb. En genomsnittlig storlek på en hemsida är cirka 2,2 Mb (2023), så du kan föreställa dig hur det påverkar din sidas laddningstid om du använder stora och dåligt komprimerade bilder. Du behöver inte vara orolig, det finns hjälp.

Följande plugin kan med fördel användas:

Du kommer att förlora många besökare om din webbplats tar längre tid än 3 sekunder att ladda. Flera faktorer orsakar en långsam webbplats. För stora bilder eller filmer, otydlig webbplatsens struktur, hastigheten på webbservern m.m. Gå till GTMetrix.com för att testa.

Med brutna länkar syftar jag inte bara på brutna länkar där länkens destination inte fungerar. Jag menar också fall där länken inte följer logik eller leder till den sidan som du förväntas. Dessa inkluderar länkar med saknade parametrar som orsakar en förändring i språk mitt på resan eller länkar som gör att du hamnar någonstans du inte förväntade dig.

Ett SSL-certifikat är ett digitalt certifikat som tillåter säkra anslutningar från en webbserver till en webbläsare. Det hjälper till att skydda användardata, verifiera webbplatsens ägande och förhindrar skadliga attacker. Att inte ha någon lämnar webbplatsen sårbar för nämnda attacker, och besökarnas webbläsare varnar dem om din webbplats är sårbarhet.

Slutligen, popup-fönster som hela tiden kommer tillbaka och videor som spelas upp automatiskt är anledningar till att besökare lämnar din webbplats. Se över inställningarna och ändra t.ex. för POPUPS att den bara ska visas en gång.

Läs mer om varför man inte bör använda popups och videos som startar automatisk

För att få en överblick på din hemsida kan du köra en test med GTMetrix eller med din webbläsare t.ex. Chrome. Högerklicka när du är på sidan du vill testa. Välj inspektera, leta upp Lighthouse, klicka i det du vill testa. Test kategorier som finns är Prestanda, Tillgänglighet, Bästa metoder, SEO och Progressiv webbapp. Klicka sedan på Analysera sidhämtning.