39 fel du inte bör göra på din hemsida

Skriven 26 april, 2010 av Baris i Lär dig blogga, Sökmotoroptimering

Det finns många listor med vanliga fel för hemsidor. Men de flesta är ”De vanligaste” och ”Top 10″ felen. Varje gång jag ser dessa inlägg så börjar jag tänka: ”Det måste finna fler än 10 fel..” så jag beslutade mig för att skriva ner alla fel som jag kommer på. En halvtimma senare hade jag listat 30 punkter. Sedan letade jag lite mer på nätet och listan växte till 39. Nästa steg var att skriva en förklaring till dessa, och resultaten av de vanligaste felen hittar du nedan. Allt passar till både bloggar och företags hemsidor.

1. Användaren måste förstå vad sidan handlar om inom 3 sekunder. Om användaren inte kan lista ut vad din hemsida handlar om på några sekunder, så kommer han lämna din hemsida. Din hemsida har inte många sekunder på sig att kommunicera om varför JAG borde spendera min tid hos dig snabbt.

2. Lättläsligt och lättnavigerat. Använd överskrifter, underskrifter, punktlistor och nummerlistor. Användaren besöker troligen din hemsida medan han/hon håller på med annat samtidigt, så gör sidan tydligt så att besökaren kan ”skanna” din sidan utan att behöva läsa hela texten.

3. Använd inte oläsbara typsnitt. Det finns många fina typsnitt som kan få din hemsida att se bättre ut, men är de läsbara? Om ditt huvudmål med hemsidan är att leverera ett meddelande och få dina läsare att läsa det du skriver så måste du göra det lättläsligt för dem.

4. Använd inte för små fonter. Likadant som föregående punkt; gör hemsidan lättläsligt. De moderna internet läsarna har en zoom funktion, men om jag skulle behöva använda den funktionen, så kommer jag nog inte besöka den hemsidan någon mer.

5. Kräv inte registrering om inte nödvändigt. När jag surfar på nätet, så vill jag hitta information, inte tvärtom. Tvinga mig inte att registrera mig och lämna mailadress och andra detaljer om det inte är nödvändigt (självklart så gäller inte detta om jag som besökare får någonting som är värt en registrering).

6. Anmäl inte besökaren på listor som han inte är medveten om. Anmäl inte en besökare på alla nyhetsbrev när han registrerar sig på din hemsida. Att skicka e-mail på det här sättet är inte det bästa sättet att skaffa sig vänner.

7. Använd inte för mycket Flash. Förutom att din hemsida blir långsammare, så kan för mycket användande av flash gör dina besökare lite irreterade. Det skadar även sökmotoroptimeringen om du använder flash utan att använda dig av statiska html sidor. Använd det bara om inte du kan utveckla det med statiska sidor.

8. Spela inte musik. I de tidigare åren av internet, så försökte utvecklare att integrera musik i hemsidor. De misslyckades med det. Jag ser fortfarande hemsidor som integrerar musik i sin hemsida, men blir irriterad av det, speciellt om jag stannar länge på sidan. Använd inte bakgrundsmusik.

9. Om du måste spela musik på din sida. Låt användaren starta det. I vissa situationer så måste man använda sig av en audio fil. Du kanske har en podcast eller liknande. Men låt för guds skull användaren starta ljuden. Ge användaren kontrollen och låt honom trycka på ”play” knappen istället för att bombardera honom med ljud rakt i ansiktet på honom när han besöker din hemsida.

10. Använd inte första sidan som en sida för att starta ”riktiga” sidan. Ju färre steg en besökare behöver för att komma åt din hemsida, desto bättre.

11. Var noga med att lägga upp kontaktinformation. Det finns inget värre än en sida utan kontakt information. Det här är inte bara dåligt för besökare, utan även för dig själv. Du förlorar viktig feedback.

12. Använd inte blinkande texter. Om inte dina besökare kommer från 1996 så klart.

13. Använd inte komplexa URLer. En simpel, nyckelordsbaserad URL-struktur kommer inte bara förbättra sökmotoroptimeringen utan den kommer även att göra det lättare för användarna att identifiera informationen på din hemsida innan de besöker dem.

14. Använd CSS istället för HTML-tabeller. HTML tabeller användes förr i tiden för att skapa layouten på en sida. Nu när du kan använda dig av CSS, så finns det ingen anledning till att använda sig av tabeller. CSS är snabbare och erbjuder fler funktioner.

15. Sökfunktion. Det finns en orsak till varför sökmotorer revolutionerade Internet. Ja du gissade rätt; för att det gör att man hittar det man söker. Samma sak gäller för din sida.

16. Använd inte drop down menyer. Besökaren bör se hela navigationen på en gång. Att använda ”drop down” menyer kan göra besökaren förvirrad och gömma informationen som besökaren faktiskt var ute efter.

17. Använd text navigering. Text navigering är inte bara snabbare, mer tillförlitlig och bra för sökmotoroptimeringen. Tex så surfar vissa personer där de stänger av bildvisning.

18. Ge besökaren möjlighet att ladda ned PDF filer. Har du klickat på en länk och sett att hela browern låser sig medans Acrobat Reader startar för att öppna en PDF fil? Det är rätt så irriterande, så om du har PDF filer på din sida som du vill att folk ska läsa, lägg till två knappar; en för att läsa direkt och en för att ladda ner (lägg PDF filen i en ZIP-fil).

19. Förvirra inte besökaren med flera versioner av din hemsida. Vilken bandbredd har du? 56Kbps? 129Kbps? Flash eller HTML? För guds skull, jag vill bara se informationen!

20. Blanda inte reklam i innehåll. På kort sikt så kan Adsense klicken öka om du lägger reklamen direkt i innehållet. Men på lång sikt, så kommer det att sänka din läsarkrets. En irriterad besökare är en förlorad besökare.

21. Använd en simpel navigation. Ha en väldigt klar navigationsstruktur på din sida. Det sista du vill göra är att förvirra din besökare om vart han ska klicka för att hitta informationen han söker.

22. Skippa ”intron”. Tvinga inte användaren att se eller läsa någonting innan han får access till det riktiga innehållet. Han kommer bara att stanna kvar om det du erbjuder är någonting riktigt unikt.

23. Använd inte FrontPage. Det här gäller även andra enkla HTML verktyg. De får webbdesign att verka väldigt enkelt, men de genererar skit-kod som är inkompatibel med olika webbläsare och dessutom med buggar.

24. Se till att din hemsida är kompatibel med olika webbläsare. Alla webbläsare fungerar inte på samma sätt, och de översätter inte CSS och andra språk på samma sätt. När du utvecklar så måste du anpassa den för de mest använda webbläsarna på marknaden, annars förlorar du läsare.

25. Se till att inkludera ankartext i länkar. Det är lätt att säga till folk att ”Klicka här”. Men det är inte effektivt. Se till att inkludera relevanta ankartexter till dina länkar som även beskriver för besökaren vart han är på väg om han klickar på länken. Det hjälper även för sökmotoroptimeringen för den externa sidan där länken pekar.

26. Dölj inte länkar. Bortsett från att ha bra ankartexter på dina länkar, så måste användaren kunna se vart länken går om han håller musen över länken på status-fältet i din webbläsare. Om du gömmer länkar (för att det kanske är affiliate länkar eller andra orsaker) så kommer din sida att förlora trovärdighet.

27. Gör länkar synliga. Besökaren bör lätt förstå vad som är klickbar och vad som inte går att klicka på. Gör de synliga genom att sätta en hög kontrast färg (standard blå färg är optimal de flesta gångerna) och använd gärna också understrukna länkar.

28. Understryk eller färga inte normal text, om det inte är absolut nödvändigt. Användarna behöver känna igen länkar och inte få tankar om att någonting är klickbar när det inte är det.

29. Gör besökta länkar synliga. Väldigt viktigt för användarvänligheten på din sida. Besökta länkar som byter färg hjälper besökaren att lokalisera sig själv lättare på din hemsida och tar bort möjligheten att han inte besöker samma länk två gånger utan att veta om det.

30. Använd inte animerade GIF-bilder. Om du inte har banner reklam som kräver animerade GIF bilder, så bör du undvika att använda animerade GIFfar. De får sidan att se oprofessionell ut och får bort uppmärksamheten från innehållet.

31. Använd ALT och TITLE attributen för bilder. Förutom att den hjälper sökmotoroptimeringen så har ALT och TITLE attributen en stor roll för blinda användare.

32. Använd inte för starka färger. Om en användare får huvudvärk efter att ha varit på din hemsida 10 minuter i sträck, så borde du välja en bättre färg schema. Sätt färg scheman efter objektiven (t ex leverera en känsla och låt användare ha fokus på innehållet).

33. Använd inte popups. Den här punkten refererar till alla popup-typer. Även när användaren klickar på en länk och länken är programmerad för att öppna en popup, så är det ingen bra idé med tanke på alla popup blockerare som finns där ute.

34. Undvik Javascript länkar. Länkarna exekverar en liten Javascript när besökaren klickar på dem. Håll dig undan från dessa eftersom de ofta kan skapa problem för användaren.

35. Ha funktionella länkar i foten på din sida. Folk skrollar ner till footern på en hemsida om de inte hittar det de söker. I foten borde du åtminstone ha en länk till förstasidan och även en länk till ”Kontakta oss”.

36. Undvik långa sidor. Om en användare behöver skrolla ner för länge för att läsa ditt innehåll, så kommer han förmodligen att skippa allting. Om du har en sådan sida, gör den kortare och förbättra navigationen.

37. Ingen horisontell scroll. Vertikal scrolling är okej, men det gäller inte för horisontell scrollning. Den mest använda upplösningen idag är fortfarande 1024×768. Bygg din sida anpassad till den.

38. Inga stav- eller grammatiska fel. Det här är en av de viktigaste faktorerna för att påverka den generella kvaliteten på hemsidan. Se till att länkar och text inte innehåller stavfel eller grammatiska misstag.

39. Se till att man kan läsa dina CAPTCHA bokstäver. Många sidor använder CAPTCHA filter för att minska spam mail, spam kommentarer eller registrerings formulär. Det finns bara ett problem med den. Många gånger behöver besökaren kalla på hela familjen för att tyda bokstäverna.

If you enjoyed this post, make sure you subscribe to my RSS feed!

Kommentarer

3 kommentarer to “39 fel du inte bör göra på din hemsida”

Sorosh Farahmand on juli 26th, 2010 21:09

Hej! Det är väldigt bra att man kan hitta sådan information som du get ut, tack skal du ha. Skulle du kunna besöka vår hemsida och skriva tillbaka till mig om du hittar några ”fel” som du tycker jag borde ändra på. Tack i förhand. MVH: Sorosh Farahmand
J. on september 16th, 2010 12:57

Jättebra tips, tackar verkligen för detta då det hjälper en nybörjare som mig oerhört mycket!
Baris on september 16th, 2010 13:53

Tack för kommentarerna. Jag hinner dock inte kolla upp någon sida för tillfället. Jag hoppas du förstår Sorosh.

Lycka till!