Webmaster 101: Hoe jaag je bezoekers weg?

De volgende zaken herhaal je het beste niet op je eigen website:

  1. Een achtergrondmuziekje dat automatisch begint te spelen zodra je de website opent.
  2. Video’s die automatisch beginnen te spelen
  3. Niet kunnen zien of iets een link is waar je op kunt klikken
  4. Lettertype dat te klein is
  5. Een onduidelijk lettertype, waardoor je niet weet of er o of 0 (de letter o en het cijfer nul) staat. Of het verschil tussen rn en m onduidelijk is (de letters r en n naast elkaar en de letter m)
  6. Contrast tussen de kleuren is niet duidelijk
  7. Er is weinig contrast tussen de tekst en de achtergrond waardoor de tekst slecht leesbaar is
  8. Lappen tekst zonder paragrafen, lijstjes en (tussen)koppen
  9. Een webpagina die traag laadt
  10. Pop-ups of overlays om in te schrijven voor een nieuwsbrief of voor advertenties/promoties
  11. Advertenties
  12. Een indeling of hoofdmenu dat niet logisch is
  13. Teksten met te veel moeilijke woorden of termen
  14. Teksten met te lange zinnen
  15. Slechte klantenservice (waar loop je eerder weg? Bij een winkel die zegt: als het er niet ligt hebben we het niet meer of een winkel die er alles aan doet om je te helpen?)

Binnenkort in de nieuwe reeks over usability en accesibility hoe je deze problemen oplost.

Webmaster 101: Waarom usability en accessibility belangrijk zijn

Ik heb er al eens over geschreven in deze blogpost, maar ik wil er graag nog eens uitgebreider op in gaan waarom usability (gebruiksvriendelijkheid) en accessibility (toegankelijkheid) belangrijk zijn.

  • Door gebruiksvriendelijkheid toe te passen, worden websites beter ontsloten voor bezoekers. Ze vinden makkelijker hun weg door jouw website
  • Mensen met (tijdelijke) beperking of handicap kunnen je website gebruiken, eventueel met hulpmiddelen of hulptechnologieën
  • Je website kan op allerlei apparaten en in allerlei browsers bekeken worden
  • Zoekmachines kunnen je website beter indexeren
  • Je teksten zijn leesbaarder en beter te begrijpen
  • Ballast wordt overboord gegooid waardoor je website sneller laadt
  • Zeker voor bedrijven, organisaties en winkels die hun geld verdienen op internet is het belangrijk. De concurrent is immers zo gevonden.

Onderschat bovenstaande punten alsjeblieft niet. Ze maken of breken je website. En zeker wat betreft mensen met een (tijdelijke) handicap of beperking moet je de invloed niet onderschatten. Je moeder met een leesbril, oma met gehoorapparaat of je kleurenblinde neefje: die vallen ook allemaal in die categorie. Het gaat om meer mensen dan dat je in eerste instantie zou denken.

En bovendien – dit is vooral gericht aan de managers – dan heb je 80/90% van SEO (zoekmachineoptimalisatie) al gedaan! Heel veel zaken hebben namelijk overlap. En in mijn opinie richten mensen die zich bezighouden met SEO zich te veel op marketing/commercie/geld binnenhalen. Terwijl de klant (of bezoeker) koning is.

Hou verder steeds de bezoeker, de mens voor ogen als je werkt aan je website. Denk niet aan geld, marketing of welk woord dan ook weer trendy is vandaag de dag. Je bezoeker/klant staat centraal. Net als in winkel in een winkelstraat.
Daarom zal ik binnenkort in een aparte serie dieper in gaan op usability en accessibility en hoe je het toepast.

Webmaster 101: waarom je HTML en CSS moet leren.

Laat ik maar meteen met de deur in huis vallen: ook al heb je een gratis blog via WordPress.com of Blogger en kun je een layout kiezen en be done with it, kennis van HTML en CSS komt echt van pas.

  • Je kunt dan zelf iets aanpassen of toevoegen
  • Je weet het op een correcte manier toe te passen
  • Je kunt dan ook leren toegankelijkheid en gebruiksvriendelijkheid toe te passen. En SEO.

Ik heb het niet over echt iets designen met HTML en CSS. Dat kun je rustig aan webdesigners of grafisch ontwerpers overlaten. OK, misschien is het tijd dat ik iets opbiecht: “Ik ben Sophie en ben webdesigner in de zin dat ik met HTML en CSS een website kan maken. Grafisch ben ik echter zo slecht als het maar kan.” (al ben ik best wel trots op hoe ik – zelf! – het design voor All Things Royal voor elkaar gekregen heb.)

Zo, dat is eruit. Wat ik er mee wil zeggen, is het volgende: zorg ervoor dat je zelf de basis kan neerzetten, dan kan een designer altijd de finishing touch doen of tips geven.

Hoe leer je HTML en CSS? Je kunt hele goede boeken kopen in de boekhandel of lenen in de bibliotheek. De volgende titels zijn zeker aan te raden:

  • John Duckett: HTML en CSS – websites ontwerpen en bouwen
  • Ed Tittel: HTML en CSS voor Dummies
  • Andree Hollander: HTML en CSS, de basis
  • Peter Doolaard: Handboek HTML & CSS

Er zijn ook zeer goede online cursussen. Bij Codeademy, Codeschool, Treehouse en Udemy bijvoorbeeld (zowel gratis als betaald).
Geef jezelf in ieder geval de tijd om HTML en CSS te leren en te oefenen. Vooral dat laatste, want het is iets wat je vooral leert door te doen. En wees vooral niet bang om je werk voor te leggen aan iemand die HTML en CSS kent, zodat die je feedback kan geven waarmee je weer verder kunt en van leert.
Over correct gebruik van HTML lees je veel op http://html5doctor.com/

Webmaster 101: Pleidooi tegen versnippering oftwel: waarom het vroeger beter was

Sinds 1997/1998 surf ik rond op het internet en sinds 1999 ben ik aanwezig met een persoonlijke site en een site over koningshuizen. Ooit ook een website over cocker spaniëls gehad en de schrijfster Virginia Andrews. Maar zo was het internet vroeger: informatie delen over je hobbies en interesses. Tof hoor. En met elkaar “praten” via bulletin boards of mailing-lists. En websites ontdekken via webrings. Oh boy, de nostalgie. En hoezo is hedendaagse social media sociaal? Toen waren er pas communities, toen was het internet echt sociaal!

Maar ik dwaal af. Wat ik zeggen wil, je wist waar je vroeger iemand kon vinden: op zijn persoonlijke website. Truus deelde daar haar naaipatronen, Henk zijn kennis en advies op het gebied van programmeren. Alles overzichtelijk op één plek.

Maar die dagen zijn voorbij.

Henk zou nu wellicht nog wel een website hebben (in de vorm van een blog), maar zijn code delen op github, zijn adviezen delen via Medium en met anderen praten in Slack. Met wat geluk heeft hij ook een Twitter-account. Punt is: alles staat op verschillende plaatsen, diverse zaken moet je volgen/in de gaten houden. Ergo: informatie-overload en moeheid/burn-out bij de bezoeker.

Graag zou ik terug willen gaan naar die dagen van het simpele, overzichtelijke internet. Daarom dit advies aan jou: Focus. Niet bloggen en dan nog eens artikelen schrijven op Medium of code delen op github. En nog eens een winkeltje op Etsy of Cafepress. En interessante dingen alleen delen op Twitter.

Hou alles op één punt. Hou alles centraal. Je bezoeker zal blij zijn en Google zal je beter en hoger kunnen indexeren als alles op één plek staat. Make the website personal again!

Alsjeblieft: je eerste les in gebruiksvriendelijkheid en toegankelijkheid!

Webmaster 101: Kies de juiste tool voor het juiste gebruik

Je hebt een idee voor je website en een idee voor een domeinnaam. Mooi. En dan wordt je doodgegooid met allerlei platformen en software om een website op te zetten.

Wat nu?

Allereerst is het belangrijk dat je weet WAT voor website je voor ogen hebt. Een webwinkel heeft iets heel anders nodig dan een weblog. Of een forum. En dat je met een tool ook iets anders kan, wil nog niet zeggen dat het dan de juiste tool is.

Voor bloggers
– WordPress
– Blogger

Ja, met content management systemen als Drupal, Joomla en ModX kun je ook een blog maken. Maar naar mijn mening is dat hetzelfde als met een blok hout of een steen een spijker in de muur slaan. Het werkt, maar een hamer werkt net wat beter en efficiënter.
Wil je een blog, gebruik dan ook software die speciaal is gemaakt om te bloggen!

Kies je voor WordPress, kijk dan uit dat je niet aan pluginziekte gaat leiden. De enige noodzakelijke plugins die je nodig hebt tegen spam en andere vervelende zaken zijn Bad Behaviour en Akismet. De enige andere plugin die ik aanraad is Yoast SEO. Verder heb je echt geen andere plugins nodig. Een plugin om automatisch naar Twitter en/of Facebook is wellicht ook handig als dat belangrijk voor je is. Maar backup-plugins en cache-plugins? Echt niet nodig.

Hoe meer plugins, hoe meer kans op problemen en een instabiele website.

Voor een gewone website
Een gewone website, je weet wel. Zo-eentje als een bedrijf heeft. Of een zelfstandige die zijn portfolio toont. Voor zoiets zoek je best een content management systeem. Het maakt je leven een stuk handiger, want het voorkomt dat als je je menu uitbreidt je in al je losse HTML-bestanden die aanpassing moet doen.

– Drupal
– Joomla!
– ModX

Ik hoor je denken: “Maar met WordPress kun je toch ook pagina’s maken?” Klopt, maar dat wil niet zeggen dat WordPress de beste tool is voor een gewone website. WordPress is geweldig voor bloggen. Voor een website met alleen pagina’s, mist het toch belangrijke zaken. En ja, je kunt het met plugins uitbreiden en zo functionaliteit toevoegen. Maar WordPress in combinatie met veel plugins = traag, instabiel. En geloof me, dat wil je niet.

Voor een webwinkel
Voor webwinkels kun je kiezen uit oSCommerce, Magento, Prestashop of diensten als LogiVert, SEOShop of Mijn Webwinkel.
En for the love of God, géén WordPress met Woocommerce als plugin. Van een blogsysteem proberen een webwinkel te maken? Serieus? Je kunt mij ook niet in een Doutzen Kroes veranderen. Echt, het is vragen om problemen.

Wist je dat je diverse systemen gratis kunt testen en uitproberen op www.opensourcecms.com? Expirimenteer, speel, breek het af en bouw het weer op: het is je eigen speeltuin.