Nu is er meestal sprake van meerdere keywords waarop je wil ranken met je website. Een oplossing daarvoor is om per keyword een aparte pagina binnen je website te maken, en je keywords te plaatsen in de debetreffende Title tags. Een autogarage die wil ranken op 'APK keuring' zou een aparte pagina kunnen maken over het onderwerp APK keuring, en deze als titel 'APK keuring voor alle merken auto's' kunnen geven.

Het is van belang je te realiseren dat de hoofdpagina van je website, meestal www.website.nl, de pagina is met standaard de meeste potentie om goed te ranken binnen de zoekresultaten. Onderstaand een voorbeeld hoe ik dit onlangs heb ondervonden.

Ik probeerde al een tijdje met onze website te ranken voor een bepaald keyword. Speciale pagina aangemaakt en geoptimaliseerd voor dit keyword. Dus keyword voor in de title en relevante content. Nodige linkbuilding uitgehaald en uiteindelijk gestrand rond positie 18. Viel uiteindelijk meer uit te halen maar zover is het nog niet gekomen.

Vervolgens heb ik dit keyword als experiment toegevoegd aan de titel van de hoofdpagina. Je raadt het al. Eerstvolgende indexatieupdate gestegen naar positie 11!

Een simpele aanpassing met een overtuigend resultaat. Waarschijnlijk kan ik met wat gerichte linkbuilding mijn website nog verder laten stijgen.

Natuurlijk kun je dit principe niet oneindig toepassen. Bij teveel verschillende keywords in de title tag kan Google niet goed meer bepalen wat het onderwerp van de pagina is. Overweeg dus goed welke keywords je gebruikt in de Title-tag van je hoofdpagina, want waarschijnlijk zul je met deze pagina het beste kunnen ranken op deze keywords.

Voor de overige keywords blijft het natuurlijk een zeer goede techniek hier aparte pagina's voor aan te maken!

Maar goed. Het bijhouden van een weblog is één van de dingen die vaak wordt genoemd in lijstjes met zoekmachine-optimalisatie tips. Met andere woorden: veel bloggen zorgt voor een betere positie in de zoekresultaten. Is dat eigenlijk wel waar? Soms. Maar er gaat wel iets meer achter schuil dan het alleen maar ‘bijhouden’ van een weblog.

De gedachte achter het beter ranken door te bloggen is de volgende:

1. Als jij veel waardevolle artikelen publiceert zullen veel mensen dit als interessant ervaren en er naartoe linken. Aangezien inkomende links van belang zijn voor je positie in de zoekresultaten helpt dit dus.
2. Content is King. Hoe meer artikelen, hoe meer geïndexeerde pagina’s hoe groter de kans om te ranken (op voornamelijk longtail keywords).
3. Een weblog is dynamisch en actueel en Google geeft hier de voorkeur aan tov een statische website waar nooit iets veranderd (dit lijkt mij logisch alhoewel het tegendeel al vaak genoeg bewezen is).

Laten we punt 1 en 2 wat verder uitdiepen.

Inkomende links
Dat het publiceren van een artikelen inkomende links oplevert is ten dele waar. Je kunt zelf natuurlijk je artikel verspreiden via een aantal social media sites als ekudos, nujij, twitter, facebook, linkedin, enz… Maar de waarde van deze links is natuurlijk te verwaarlozen. En de hoeveelheid mensen die spontaan naar jouw artikelen gaan linken wil in de praktijk ook nog wel eens tegenvallen. Dan moet je wel met uniek materiaal aankomen. Al met al is dit dus niet zo makkelijk als het klinkt. Het gaat niet vanzelf.

Content is King
Veel artikelen zorgen voor veel geïndexeerde pagina’s die allemaal kunnen gaan ranken voor verschillende, over het algemeen longtail, keywords. Dit werkt, en in sommige gevallen hoef je daar weining aan te doen. MAAR, helpt het je ook bij de rankings op je main keywords? Volgens mij niet. Wellicht als een autoriteit naar je artikelen gaat linken en je hiermee veel linkwaarde binnentakelt, maar dat gebeurt natuurlijk zelden.

Voorbeeld
Voor deze site hou ik de rankings voor het keyword ‘webdesign’ regelmatig in de gaten. Eigenlijk converteert dat keyword heel slecht maar toch boeit het me hoe de rankings voor dit keyword zijn opgebouwd, en welke positie ik inneem. ‘Webdesign’ is duidelijk een main keyword. Mijn laatste blogpost was op 15 december 2009!! Dat is pak hem beet 5,5 maand geleden! Toch ben ik in de tussentijd voor het keyword ‘webdesign’ gestegen in de rankings van Google.

Nu kun je daar natuurlijk geen waterdichte conclusie uit trekken, maar ik vermoed dat de ranking voor dit specifieke keyword niet beter was geweest als ik in de tussentijd nog een stuk of 10 artikelen had gepubliceerd. Wel had dat me waarschijnlijk een hoop bezoekers opgeleverd.

Dit artikel zal niet gaan ranking voor de zoekterm ‘webdesign’. Misschien wel voor een longtail als ‘bloggen betere ranking’ of iets dergelijks.

En daar zit het hem in wat betreft het bloggen voor een betere ranking. Het werkt absoluut. Maar wees je ervan bewust dat niet automatisch je main keywords er een betere positie door krijgen. Daarvoor zul je toch wat meer moeite moeten doen.

Reageren? Nog even via Twitter. Binnenkort ook een fatsoenlijke reactiemogelijkheid op dit weblog.
 

Dit artikel is bedoeld voor (startende) ondernemers die serieus van plan zijn een professionele website te laten ontwikkelen. Het artikel beschrijft het proces van het ontwikkelen van een website van begin tot eind en de rollen die hierin voor de ondernemer en ontwikkelaar zijn opgenomen.

De inhoud van dit artikel is gericht op het ontwikkelen van (complexe) websites die een grote rol spelen binnen het marketingplan van de onderneming.

Goede voorbereiding

U kent het vast. U gaat verhuizen en wilt graag zo snel mogelijk uw nieuwe woning betrekken. Het schilderen van de kozijnen en het schuren en verven van het mooie balkenplafond komt later nog wel een keer. Maar vaak komt dat er niet meer van. Alles moet aan de kant, plastic over de meubels, het is me ook maar niet een werk. Iets wat u liever nog even uitstelt.

Op soortgelijke wijze gaat het bij het ontwikkelen van een nieuwe website vaak ook. Een goede voorbereiding is daarom van essentieel belang. En als opdrachtgever speelt u hierin een belangrijke rol. In dit artikel nemen we u van begin tot eind mee. Waar moet u zoal op letten om tot een goede voorbereiding en natuurlijk een goed eindresultaat te komen.

Wat maakt een goede website?

Een website is tegenwoordig meer dan een online visitekaartje. Met een goede website kunt u zich onderscheiden van uw concurrenten en uw website kan een belangrijke rol spelen bij het genereren van business. Daarvoor zijn echter wel een aantal zaken van belang:

• een goede uitstraling die uw bedrijfsvisie en dienstverlening representeert
• aanspreken van de juiste doelgroep
• het aanbieden van de juiste informatie aan deze doelgroep
• gebruiksvriendelijkheid en toegankelijkheid om conversie te stimuleren
• goede vindbaarheid
• een goed Content Management Systeem
• goede techniek

Ga niet overhaast te werk

Bovenstaande uitgangspunten zijn belangrijk om mee te nemen in de voorbereiding. Te snel beginnen met bouwen is een veelgemaakte fout. Belangrijke zaken als doelgroep en inhoud worden snel uit het oog verloren wanneer te snel wordt begonnen met bouwen.

Vergelijk het met het bouwen van een huis. U zegt ook niet tegen een aannemer: “Het moet van steen zijn, een woonkamer hebben, 3 slaapkamers en een badkamer. Maak er maar wat moois van. Oh ja, wel een tweede toilet.”. Dat komt natuurlijk nooit goed. Zit u straks in een huis zonder keuken. Daarom laat u eerst een architect een bouwtekening maken, houdt u rekening met wie er in de woning gaan wonen, waar de woning komt te staan, wat uw budget is, enz…

Duidelijk stappenplan

Onderstaand stappenplan is een goed uitgangspunt bij het ontwikkelen van een nieuwe website. Het model laat u zien waarom het zo belangrijk is niet meteen te beginnen met het bouwen van de site.U voorkomt hiermee tussentijdse wijzigingen die de ontwikkeling vertragen en mogelijk extra kosten met zich meebrengen. Ook speelt u als opdrachtgever een belangrijke rol. Uw wensen, ideeën en uiteraard de kennis over uw bedrijf vormen namelijk een belangrijk onderdeel van het eindproduct.

Stap 1: Doelstellingen bepalen

Denk goed na over wat u precies met de website wilt en wat u ervan verwacht. Wilt u een bepaald product verkopen? Wilt u dat mensen geïnteresseerd raken in uw product en hier informatie over opvragen? Wilt u kennis verspreiden? enz…

Specificeer duidelijke doelstellingen die tijdens de verdere ontwikkeling als uitgangspunt kunnen worden gebruikt.

Wat is uw doelgroep? Omschrijf uw doelgroep in de vorm van leeftijd, interesses, computerervaring, opleidingsniveau, enz..
Het specificeren van een duidelijke doelgroep komt van pas bij onder andere usability en grafische vormgeving. Verderop in het traject kunt u hier dus uw voordeel uit halen.

Betrek collega’s en werknemers ook bij deze stap. Met name het bepalen van doelstellingen ontwikkelt zich vaak beter als u hier met meerdere mensen over brainstormt.

Zelf doen of laten doen?
Uw doelstellingen liggen dicht bij uw onderneming en hebben waarschijnlijk overeenkomsten met andere activiteiten binnen uw bedrijf. Het bepalen van doelstellingen kunt u daarom het beste zelf, samen met werknemers en collega’s doen. Uiteraard kan het geen kwaad uw doelstellingen in een later stadium door een ervaren partij te laten beoordelen.

Het onderzoeken van uw doelgroep, ook wel het definiëren van persona’s genoemd, kan worden gedaan om een helder beeld van uw doelgroep te krijgen. Deze persona’s zullen uiteindelijk helpen bij het structureren en vormgeven van de website. Mocht u dit willen doen dan is het verstandig hier een usability bureau voor in te schakelen.

Stap 2: Informatiestructuur

Breng in kaart welke informatie u wilt aanbieden en hoe deze informatie moet worden gestructureerd. Welke informatie is belangrijker dan andere informatie? Wat hoort waarbij? Gebruik hierbij als uitgangspunt de bezoekers van uw website. Komt de informatie die u aanbiedt overeen met de informatie die uw bezoeker (uw doelgroep) zoekt? En kunnen uw bezoekers deze informatie ook vinden?

Een handige methode die u hierbij kunt gebruiken is card sorting. Maak voor iedere pagina of ieder stukje informatie een apart kaartje. U kunt eventueel een serie kaartjes maken die hoofdgroepen representeren. Structureer vervolgens de kaartjes op een zo logisch mogelijk wijze.

U schept hiermee niet alleen een helder beeld van de gehele informatiestructuur maar doet ook een aanzet naar de indeling van uw navigatie en menustructuur van uw website.

Informatiestructuur Testen
Overweeg serieus om deze stap ook door collega’s, werknemers, mensen uit uw omgeving en bij voorkeur mensen uit uw doelgroep uit te laten voeren. Hier kunnen verrassende resultaten uit voortkomen die van grote waarde kunnen zijn in het verdere traject.

Zelf doen of laten doen?
U weet zelf het beste over welke informatie u beschikt en welke informatie u naar uw bezoekers en potentiële klanten wilt overbrengen. Het structureren van deze informatie kan moeilijker zijn en hiervoor kunt u eventueel hulp van buitenaf inschakelen. Maak in ieder geval wel zelf een begin. Evenals uw doelstellingen kunt u dit later door een externe partij laten beoordelen.

Stap 3: Interactieontwerp

Een interactieontwerp kunt u vergelijken met de bouwtekening van een huis. Het is de blauwdruk van uw website en beschrijft de navigatiemenu’s, waar welke inhoud staat en de locatie van overige (interactieve) elementen. Dit gebeurt voor de verschillende pagina’s / templates waaruit uw website bestaat.

Daarnaast wordt ook de functionaliteit van de diverse onderdelen beschreven. Hoe werkt de navigatie, hoe werken formulieren, inlog- en registratiepagina’s, zoekfuncties, enz…

U kunt het interactieontwerp zien als een schematisch weergave van uw website waarbij grafische elementen achterwege zijn gelaten.

Interactieontwerp Testen
Door het interactieontwerp aan potentiële gebruikers voor te leggen kunt u testen of de verschillende onderdelen zich op de juiste plaats bevinden. Dit is zeker de moeite waard omdat hier zaken duidelijk worden die anders pas na het bouwen aan het licht komen. Testen op dit moment geniet de voorkeur omdat gebruikers zich nog niet laten beïnvloeden door grafische elementen en puur gericht zijn op structuur en functionaliteit.

Let op: het interactieontwerp is een zeer belangrijke schakel tijdens het ontwikkelproces. Het vertaalt uw informatiestructuur naar een werkbaar ontwerp wat uiteindelijk uw website wordt. Vaak wordt het maken van een interactieontwerp overgeslagen. Evenals het bepalen van doelstellingen en het maken van een informatiestructuur. U zult bij deze stappen misschien niet het idee krijgen dat u met een website bezig bent en deze daarom als overbodig beschouwen. Veel internetbureaus denken hier ook zo over. U moet zich echter realiseren dat u bijna gegarandeerd voor verrassingen komt te staan als u deze stappen overslaat. Nogmaals: u begint ook niet zonder bouwtekening aan het bouwen van een huis.

Stap 4: Visueel Ontwerp

Het visueel ontwerp is de grafische vertaling van het interactieontwerp. Dit is de meest concrete stap, en voor u als opdrachtgever vaak de leukste, omdat u nu een visueel beeld krijgt van uw website. Het voordeel van het maken van een visueel ontwerp op basis van het interactieontwerp is het feit dat de focus nu op het uiterlijk ligt. Structuur en interactie zijn immers in een eerder stadium al besloten.

Het visueel ontwerp moet aansluiten bij de huisstijl van uw bedrijf. Het ontwerpen van een huisstijl en het ontwerpen van een website zijn twee verschillende dingen. Niet alle webdesigners kunnen een huisstijl ontwerpen en vice versa. Mocht u (nog) niet beschikken over een logo / huisstijl dan is het verstandig deze eerst door een vormgever te laten ontwerpen.

Laat u bij het maken van het visueel ontwerp niet enkel leiden door uw eigen oordeel. Ook bij het visueel ontwerp is uw doelgroep van belang. Het is daarom verstandig het (voorlopige) ontwerp voor te leggen aan mensen uit uw omgeving en uw doelgroep.

Aandachtspunt: als er fotomateriaal wordt gebruikt in het visueel ontwerp let er dan op dat dit materiaal uw eigendom is. Als u zelf niet in het bezit bent van geschikt fotomateriaal kunt u overwegen stockfoto’s te gebruiken. Dit zijn foto’s die u op internet kunt kopen.

Stap 5: Bouwen en Content Management

Doelstellingen zijn geformuleerd, er ligt een duidelijke informatiestructuur, het interactieontwerp is afgerond en het visueel ontwerp is goedgekeurd. Het bouwen kan beginnen! U zult inmiddels begrijpen waarom meteen beginnen met bouwen sterk afgeraden wordt.

Het bouwen van een website is een technisch proces waar u waarschijnlijk weinig affiniteit mee heeft. Voor u is het belangrijk dat u uiteindelijk het visueel ontwerp op uw beeldscherm ziet met de functionaliteiten uit het interactieontwerp en de inhoud uit de informatiestructuur. Uiteindelijk heeft u, nadat de website is opgeleverd, alleen nog te maken met de content. Welteverstaan het beheren van deze content. En dat is een zeer belangrijk element: content management!

Content Management
Een content management systeem (CMS) is tegenwoordig een standaard voor iedere website. Met een CMS kunt u zaken als menustructuur, inhoud van afzonderlijke pagina’s, nieuws, video, enz beheren.

Het is belangrijk dat u van tevoren met de ontwikkelaar (bouwer) van uw website bespreekt welk CMS wordt gebruikt en of dit CMS voldoet aan uw eisen. Veel internetbureaus werken met een eigen CMS. Daarnaast wordt vaak gebruik gemaakt van Open Source oplossingen zoals Wordpress en Joomla!. Mijn advies is te kiezen voor een CMS dat (gedeeltelijk) op maat wordt gemaakt voor uw website. Joomla lijkt in veel gevallen aantrekkelijk omdat het goedkoop is maar voor een gemiddelde gebruiker is het in gebruik vaak ingewikkelder en minder gebruiksvriendelijk dan een goede maatwerk oplossing.

Naast het beheren van uw content speelt het CMS nog een zeer belangrijke rol. Het CMS moet een zoekmachine vriendelijke website produceren en de mogelijkheid hebben dat u hier invloed op uit kunt oefenen. Een CMS bevat alle informatie over de pagina’s binnen uw website. Bepaalde informatie van deze pagina’s en de opmaak ervan zijn belangrijk voor zoekmachines tijdens het indexeren van uw website. Controleer daarom van tevoren of het CMS dat u krijgt de volgende mogelijkheden heeft:

• het CMS produceert zoekmachine vriendelijke url’s
• u kunt per pagina / product / nieuwsitem een afzonderlijke paginatitel opgeven
• u kunt per pagina / product / nieuwsitem afzonderlijke meta-tags opgeven
• u kunt bij het inhoudelijk opmaken van de pagina’s gebruik maken van de <h1>, <h2> en <p> tags
• u kunt bij afbeeldingen alt-tags toevoegen
• het CMS kan een (xml) sitemap genereren

Vraag bovenstaande mogelijkheden na bij uw ontwikkelaar. Deze zijn een absolute must voor een goed vindbare website!

In het kader van de toegankelijkheid van uw website is het belangrijk dat deze volgens W3C richtlijnen wordt gebouwd. Vraag dit na bij de ontwikkelaar van uw website.

Stap 6: Bezoekers

Na stap 5 bent u naar alle waarschijnlijkheid in het bezit van een professionele website waarmee u uitstekende online successen kunt behalen! Uiteraard kan dit niet zonder bezoekers op uw website. In stap 5 hebben we het gehad over een zoekmachine vriendelijk CMS, die min of meer de on-site optimalisatie voor zijn rekening neemt.

Om met uw website een goede positie te behalen binnen de zoekresultaten van een zoekmachine spelen echter meer factoren een belangrijke rol. Naast de technische optimalisatie waar het CMS grotendeels verantwoordelijk voor is zijn content (tekst) en linkpopulariteit van groot belang.

Met name linkpopulariteit is iets wat niet met een éénmalige investering kan worden opgebouwd. Daarnaast zal met de content (paginatitels en teksten) moeten worden geëxperimenteerd om goede resultaten in de zoekmachine te behalen.

Het is daarom verstandig een extern bureau in te schakelen dat hierin is gespecialiseerd en uw website verder zal gaan optimaliseren. Ik ga hier in dit artikel niet heel uitgebreid op in maar geef wel een aantal tips die u kunt hanteren bij de keuze voor een zoekmachine optimalisatie bureau:

• zoek een betrouwbare partner die specialist is op dit gebied (webdesign bureaus bieden bijna allemaal zoekmachine optimalisatie aan maar zijn lang niet altijd specialist op dit gebied)
• investeer! Zoekmachine optimalisatie is niet goedkoop maar wel noodzakelijk. Investeren in een professionele website en vervolgens niet in zoekmachine optimalisatie is zonde van uw geld. Zonder bezoekers wordt uw website immers geen succes.
• ga niet in zee met bedrijven die u een top10 (top5) positie garanderen! Deze bedrijven maken vaak gebruik van methoden die op het randje liggen van wat wel en niet mag. Op de lange termijn zal dit niet gunstig voor u uitpakken.

Stap 0: Bureaukeuze

Natuurlijk kunt u bovenstaande stappen niet zelf uitvoeren en zult u één of meerdere bureaus in moeten schakelen voor het gehele project. Eigenlijk is dat de eerste stap, vandaar stap 0. Voor de duidelijkheid bespreken we deze stap als laatst.

De benodigde specialisaties voor het gehele project kunnen we onderverdelen in de volgende:

• usability (stap 1, 2, 3)
• grafische vormgeving (stap 4)
• webontwikkeling (stap 5)
• zoekmachine optimalisatie (stap 5, 6)

Voor wat betreft bureaukeuze heeft u diverse mogelijkheden. Het mooiste zou natuurlijk zijn om 1 partij te vinden die alle expertises in huis heeft. Afgezien van zoekmachine optimalisatie is dit goed mogelijk. Er zijn tegenwoordig veel bureaus die usability, vormgeving en techniek in huis hebben.

Het is verstandig om bij verschillende bedrijven een offerte op te vragen en tevens te informeren naar de werkwijze. U zult gauw genoeg merken of deze enigszins overeenkomt met wat we in dit artikel hebben besproken.

Zoekmachine Optimalisatie is een vak apart en daarvoor zou ik adviseren een partij te kiezen die zich hierin heeft gespecialiseerd.

Kosten?

Het minste leuke van alles maar we kunnen er niet omheen.
Bepaal van tevoren goed wat uw beschikbare budget is en probeer niet voor een dubbeltje op de eerste rang te zitten. U moet zich realiseren dat het ontwikkelen van een succesvolle website geen kleine investering is maar zich uiteindelijk wel terug zal verdienen.

Bedragen noemen is erg moeilijk. Bij de grotere professionele bureaus met veel expertise in huis moet u niet schrikken van bedragen vanaf € 5.000. Maar er zijn ook genoeg kleinere bureaus die tegen lagere tarieven evengoed werk afleveren. Oriënteer goed en vraag bij verschillende partijen offertes aan. Vraag duidelijk naar referenties en de werkwijze van het bureau.

Ga niet overhaast te werk en neem weloverwogen beslissingen. Veel succes!

Over de auteur
Thomas Eilander (1980) is vanaf de opkomst van internet actief op het gebied van website ontwikkeling en heeft zich in de loop der jaren verder gespecialiseerd in usability en zoekmachine optimalisatie. Sinds 2005 is hij eigenaar van Santhos Webdesign. Santhos is een internetbureau dat zich specialiseert in het ontwerpen en ontwikkelen van gebruiksvriendelijke websites.

Wilt u reageren op dit artikel dan kunt u contact opnemen via thomas@santhos.nl
 

Het internet bulkt tegenwoordig van de informatie over zoekmachine optimalisatie. Er wordt uitgebreid gediscussieerd over SEO methoden en technieken en dankzij websites als SEOmoz is er inmiddels veel duidelijk over de wijze waarop Google websites indexeerd en hoe je hier invloed op uit kunt oefenen. Kwalitatieve backlinks zijn belangrijk, geoptimaliseerde title tags, waardevolle en actuele content, enz…

Toch loop je regelmatig tegen raadselachtige zoekresultaten aan die niet te verklaren zijn met behulp van de algemeen bekende invloedfactoren. Zelf ben ik bijvoorbeeld erg geïnteresseerd in de ranking op het keyword ‘webdesign’ en deze volg ik inmiddels al zo’n 2 jaar op de voet. Nu is het zo dat deze top10 zo goed als onveranderd is gebleven sinds ik deze volg en maar zelden een ‘nieuwe’ kandidaat weet door te dringen tot de top10. Zo komen we op dit moment in de top10 de websites van marijkejansen en kbwebdesign tegen op respectievelijk de posities 3 en 10. Uit onderzoek kan ik zeggen dat ze relatief weinig backlinks hebben en dat dit aantal amper stijgt, de sites zo goed als nooit worden geupdate en eigenlijk verre van goed geoptimaliseerd zijn.

Maar schijnbaar heeft Google toch een reden om deze sites in de top10 te laten staan en lijkt er heel wat voor nodig om ze voorbij te komen. Zo staat marijkejansen muurvast op positie 2 of 3, maar onlangs kwam daar ineens Webgenerator op de 3e positie. Nu vermoed ik dat hier sprake is geweest van massale article marketing en Webgenerator mogelijk weer langzaam de top10 gaat verlaten, maar in ieder geval; marijkejansen staat weer op 3. En zo gaat het eigenlijk constant. Er gebeurt wel eens wat, maar uiteindelijk draait het allemaal weer terug en zijn het steeds weer dezelfde sites die in de top10 blijven staan.

De grote vraag is natuurlijk: waarom? Wat zijn nou die extra bepalende factoren die Google hanteert afgezien van waar iedereen zich mee bezig houdt; linkbuilding en content.

Het meest voor de hand liggende wat in mij opkomt is leeftijd van een website. Mogelijk maakt Google gebuik van een zogenaamd Aging Filter. Op edwinsdesignlab is hier onlangs ook een interessant artikel over geplaatst.

Mogelijk speelt de leeftijd van verwijzende sites ook een rol. In het ‘echte leven’ ga je immers ook eerder in zee met een partij die 20 jaar ervaring heeft in tegenstelling tot een bedrijf dat net gestart is.

Op de lange termijn kun je je echter afvragen of leeftijd van een website een doorslaggevende factor binnen de ranking moet zijn. Het zegt in feite natuurlijk niks over de kwaliteit van de website. Sterker nog, veel ‘oude’ websites hebben een hoge ranking maar zijn wat betreft inhoud achterhaald en misschien al jaren niet geupdate. Desondanks ziet Google in veel gevallen geen reden nieuwe sites met verse content boven deze sites te positioneren.

Het blijf een tegenstrijdige kwestie waar je maar moeilijk grip op krijgt. Vooral de moed niet opgeven! Doorzettingsvermogen en geduld. Onthoud die twee!

1. vraag links aan bij relevante (start)pagina’s, weblogs, directories en websites
2. plaats relevante, waardevolle en unieke inhoud op je website
3. voorzie iedere pagina van je website van een unieke ‘title-tag’ die kort en bondig de inhoud van de respectievelijke pagina omschrijft
4. schrijf voor iedere pagina binnen je website een wervende ‘description-tag’ zodat mensen vanuit de zoekresultaten eerder op je site klikken
5. voeg aan alle afbeeldingen op je website ‘alt-tags’ toe
6. houd een weblog of nieuwsarchief bij en schrijf artikelen die voor andere de moeite waard zijn om naartoe te linken of te verspreiden (verspreid deze artikelen ook via social media sites zoals twitter, nujij, kvknetwerk, ekudos, enz…)
7. koppel Google Analytics aan je website om meer inzicht te krijgen in verkeer op en naar je website
8. meld je aan bij Google Bedrijfscentrum, geef in de titel van je website niet alleen je bedrijfsnaam maar ook de diensten op die je levert
9. meld je aan bij Google Webmaster Hulpprogramma’s en verzend een sitemap naar Google
10. gebruik social media (twitter, linkedin, kvknetwerk, enz…) om anderen te helpen, je expertise te delen en nieuwe contacten op te doen

Vragen of hulp nodig? Neem gerust eens contact met ons op.

De problemen

Onduidelijk en omslachtig

Het grote probleem bij dropdown menu’s is dat ze voor de gebruiker vaak onduidelijk en omslachtig zijn. Zeker als er gebruik wordt gemaakt van meerdere niveau’s. Ik geef aan de hand van onderstaande afbeelding een voorbeeld.

De gebruiker gaat via Stuff -> Another Level -> Last Level naar de pagina ‘Test 2’. Het probleem is dat als hij eenmaal op ‘test 2’ heeft geklikt het menu weer helemaal inklapt. De kans is echter groot dat de gebruiker ook de pagina’s ‘test 3’ en ‘test 4’ wil bekijken. Dit zou in het ergste geval betekenen dat hij eerst weer omhoog moet scrollen naar het menu en vervolgens in het menu de juiste pagina weer op moet zoeken. En dit herhaalt zich voor iedere pagina die hij wil bekijken.

Als belangrijk voordeel van dropdown navigatie wordt vaak genoemd dat je met minder klikken je doel bereikt. Dit is in zekere zin waar. Uit bovenstaand voorbeeld blijkt echter dat het je wel meer tijd en ergernis kost.

Ongebruiksvriendelijk en hoge irritatiefactor

Bij navigatie die naar rechts uitklapt moet je nauwkeurig met je muis over een item bewegen om de volgende subitems te bereiken. Schiet je met je muis iets omhoog of omlaag dan klapt het menu vaak weer in. Dit is uiteraard zeer irritant. Je kunt dit voorkomen door een time-out in te stellen bij het verlaten van een item.

Javascript ondersteuning

De meeste dropdown menu’s maken gebruik van Javacript, en functioneren in sommige gevallen alleen als Javascript is ingeschakeld. Het laatste wat je wil is dat je navigatie niet werkt omdat iemand Javascript heeft uitgeschakeld. Zorg er dus op zijn minst voor dat je navigatie ook toegankelijk is zonder Javascript.

SEO

Het gebruik van dropdown navigatie betekent dat op iedere pagina links staan naar alle pagina’s binnen een website. Een zoekmachine kan relevante pagina’s hierdoor minder goed aan elkaar koppelen. Tevens zullen pagina’s die niets met elkaar te maken hebben ook naar elkaar gaan verwijzen. Dit alles komt on-site optimalisatie natuurlijk niet ten goede.

De oplossing

Contextuele navigatie

Een goed alternatief voor dropdown navigatie is gebruik te maken van contextuele navigatie. Hierbij wordt subnavigatie pas getoond op de desbetreffende ‘parent’ pagina. Het voordeel hiervan is dat de relevante subnavigatie in beeld blijft en het voor de gebruiker veel makkelijker wordt om door een bepaalde gedeelte van de website te navigeren.

Het is belangrijk van tevoren een duidelijke informatiestructuur op te zetten waarop de navigatie wordt gebaseerd. Het moet voor de gebruiker duidelijk zijn waar hij in de hoofdnavigatie op gaat klikken. Door de subnavigatie vervolgens te tonen kunnen gebruikers veel sneller, duidelijker en makkelijker navigeren.

Tevens worden op deze manier relevante subpagina’s alleen gekoppeld aan de bijbehorende ‘parent’ pagina’s, wat on-site optimalisatie met betrekking tot SEO ten goede komt.

Een erg goed voorbeeld van contextuele navigatie is de website van Wehkamp.

Duidelijke hoofdnavigatie

Duidelijk contextuele (sub)navigatie

Breadcrumbs

Breadcrumbs navigatie is een zeer goede aanvulling, zeker in combinatie met dropdown navigatie, omdat dit de gebruiker extra navigatiemogelijkheden biedt zonder opnieuw het dropdown menu te moeten raadplegen.

Conclusie

Probeer het gebruik van dropdown navigatie zoveel mogelijk te voorkomen. Wil je er toch gebruik van maken let dan op de volgende punten:

• navigatie moet ook zonder Javascript functioneren
• gebruik maximaal 1 niveau
• gebruik aanvullend breadcrumbs navigatie
• stel een time-out in zodat het menu niet direct verdwijnt als een gebruiker met zijn muis vane en item afgaat

Bronnen:
http://netters.nl/dropdown-menu-usability
http://www.useit.com/alertbox/20001112.html
http://www.smashingmagazine.com/2007/09/27/10-usability-nightmares-you-should-be-aware-of/
 

Wat me opviel is dat ik wel meteen zag dat de site vernieuwd is, maar bij nadere inspectie eigenlijk niet kon ontdekken wat er nou precies veranderd is en hoe dit er voorheen uitzag. Dat komt omdat ik eigenlijk helemaal niet weet hoe de site van bol eruit ziet en hoe alles werkt, omdat ik alleen maar gebruik maak van de zoekfunctie.

Grote websites met veel informatie zijn nou eenmaal vaak onoverzichtelijk en in zo'n geval is een zoekfunctie een absolute must. Dit geldt echter ook voor kleinere websites met minder informatie. Bezoekers zijn zeer snel geneigd de zoekfunctie te gebruiken als ze iets niet kunnen vinden of 'verdwaald' zijn.

Tips voor een goede zoekfunctie:

• houd het simpel: invoerveld + zoekbutton. Eventueel een pulldown waar een extra zoekcriteria (vaak categorie) kan worden gekozen, zoals bij bol.com
• de zoekfunctie moet makkelijk te vinden zijn. Bij voorkeur (rechts)bovenin de pagina of centraal op 'ooghoogte'.
• maak het invoerveld niet te klein. Het is niet prettig een vrij lange zoekterm in een klein invoerveld in te tikken. Daarnaast vullen gebruikers vaak kortere / minder efficiënte zoektermen in in een klein veld.
• plaatst de tekst 'zoeken' of 'zoek' in de zoekbutton en zorg dat deze voldoende opvalt.
• laat uitgebreide zoekmogelijkheden in eerste instantie achterwege.
• suggesties geven tijdens het typen van de zoekterm kan van toegevoegde waarde zijn. Zorg wel dat het pulldownmenu met suggesties zich zo gedraagd als de gebruiker het verwacht. Dus gebruik van pijltjestoetsen moet mogelijk zijn.

Heeft je website een zoekfuctie sla dan ook alle ingevoerde zoektermen op. Hier kun je vaak het nodige uithalen om je website nog beter te maken.

Onderschat een goede zoekfunctie niet!

Wat is belangrijk en wat kun je daar zelf aan doen?
Laten we eerst de punten bij langs lopen die voor Google belangrijk zijn om je website goed te kunnen indexeren en om te stijgen in zoekresultaten. Ik zal per punt aangeven welke acties je hier zelf voor kunt ondernemen.

Inkomende links
Eén van de belangrijkste criteria voor Google om de waarde, relevantie, betrouwbaarheid en uiteindelijke positie in de zoekresultaten te bepalen is het aantal verwijzende links naar jouw website toe. In klare taal kun je dit opvatten als een stem die je van Google krijgt op het moment dat een andere website naar jou linkt.

Niet elke stem heeft echter dezelfde waarde. De volgende punten zijn onder andere van belang om de waarde van deze stem te bepalen:

• relevantie van de verwijzende site: in hoeverre heeft de verwijzende site qua onderwerp met jouw website te maken
• in zekere mate de pagerank van de verwijzende site: als de verwijzende site een hoge pagerank heeft kan dit van positieve invloed zijn op de waarde van jouw stem
• de (volgens Google) betrouwbaarheid van de site: de zogenaamde trustrank. De ene website is voor Google betrouwbaarder dan de andere.
• de locatie waar jouw link zich op de verwijzende site bevindt: links die zich helemaal onderaan een pagina bevinden worden over het algemeen als minder waardevol gezien. Dit geldt ook voor links die bijvoorbeeld tussen de reacties op een weblog of gastenboek staan.
• de hoeveelheid uitgaande links op de verwijzende site: als jij de enige uitgaande link bent zal dit aanzienlijk meer effect hebben dan wanneer je bijvoorbeeld op een startpagina staat met nog een paar honderd andere uitgaande links
• de tekst die in de link naar jouw website wordt gebruikt: ‘website over paarden’ zal, in het geval jouw website over paarden gaat, door Google beter te begrijpen zijn en voor betere resultaten zorgen dan bijvoorbeeld ‘klik hier’.

Het is dus belangrijk om links te zoeken op relevante sites waar bij voorkeur weinig andere links op staan en gebruik te maken van een duidelijke tekst in de link. Dit zijn de meest waardevolle links maar tegelijkertijd ook de moeilijkste links om te krijgen.

Wat je kunt doen is een aantal sites benaderen en vragen of ze een link naar jouw website op willen nemen. Of je zou een artikel kunnen schrijven en vragen of een website dit wil publiceren. Uiteraard met een verwijzing naar jouw website erbij.

Bij het zoeken naar links is het belangrijk dat je niet alleen bezig bent met kwantiteit maar vooral met kwaliteit.

Waardevolle inhoud
Een ander waardevol criterium voor een goede positie is waardevolle inhoud. Probeer je website te voorzien van relevante en unieke teksten. Aan de ene kant moet Google deze tekst goed kunnen interpreteren zodat jouw website op de juiste zoektermen wordt geïndexeerd. Aan de andere kant kan het aanbieden van waardevolle en unieke inhoud voor andere websites een reden zijn om naar jou te linken.

Het bijhouden van een weblog of het regelmatig plaatsen van nieuwsberichten is een goede manier om je website te blijven voorzien van verse informatie.

Heb je een weblog vergeet dan niet na het publiceren van een bericht dit bericht te verspreiden via diverse Social Media sites zoals nujij.nl, ekudos.nl, twitter.com, msnreporter, enz…

Unieke titels voor iedere pagina binnen je website
Het derde en laatste punt dat ik in dit artikel bespreek. Als Google een pagina van je website indexeert wil hij weten waar die pagina over gaat. Je kunt Google hierbij helpen door voor iedere pagina binnen je website een unieke titel op te geven die duidelijk beschrijft waar de desbetreffende pagina over gaat.

Je geeft de titel voor een pagina op door onderstaande code binnen de <head></head> van je html document te plaatsen.

<title>Vul hier de titel van de pagina in</title>

Dit is een zeer belangrijk punt!! Heb je je website laten bouwen door iemand anders en heb je niet de mogelijkheid om per pagina een aparte titel op te geven vraag dan aan je webbouwer of hij hier voor kan zorgen!!

Plaats belangrijke zoekwoorden voor de pagina VOORAAN in de title tag.
Dus niet: Fietsenwinkelonline.nl – De grootste in Fietsen – Kinderfietsen
Maar: Kinderfietsen kopen bij Fietsenwinkelonline.nl

Er vanuit gaande dat je wil scoren op het woord ‘kinderfietsen’.

Afbeeldingen
Gebruikt u afbeeldingen op uw website zorg er dan altijd voor dat deze zijn voorzien van de ALT-tag. Deze tag beschrijft de afbeelding en biedt extra mogelijkheden om uw belangrijke zoekwoorden te vermelden.

Wat moet u niet doen

• plaats geen verborgen tekst en links
• gebruik belangrijke zoekwoorden niet overmatig. Keyword dichtheid is überhaupt een overschat criterium
• vraag geen links aan op websites die u niet vertrouwt
• koop geen links
• maak geen gebruik van ‘aanmelden bij 10.000 zoekmachines of directories tegelijk’ diensten
• meerdere domeinnamen naar dezelfde website laten verwijzen. U kunt beter focussen op één domeinnaam.

Overige tips

• Lees de Google richtlijnen voor webmasters
• Gebruik Google Analytics om uw bezoekers te analyseren. U haalt hier veel waardevolle informatie en verbeterpunten uit
• Meld u aan bij Google Webmaster Hulpprogramma’s

Tot slot: vergeet niet dat uw website bedoeld is voor uw bezoekers en niet voor Google. Probeer teksten zo te schrijven dat ze gericht zijn aan uw bezoekers en niet puur zijn gericht op Google. Uiteindelijk zijn het uw bezoekers die uw website tot een succes moeten maken!

Succes!
 

Veel mensen hebben moeite met lezen vanaf een beeldscherm
Eén van de basisprincipes van usability: veel mensen hebben moeite met het lezen vanaf een beeldscherm. In tegenstelling tot lezen vanaf papier. Kleine lettertypes, vreemde lay-outs en ongebruikelijke kleurenschema’s lijken soms leuk, maar zullen het succes van een website op de lange termijn tegenwerken.

Ze houden van korte paragrafen
De oudste marketingregel, ver voor we op papier printten en e-mail gebruikten: maak een paragraaf niet langer dan 4 tot 5 regels.

Ze houden van korte regels
Nogmaals: lezen vanaf een beeldscherm is lastig. De gemiddelde persoon leest bij voorkeur het liefst zo’n 10 tot 20 woorden per regel. Absoluut niet meer dan dat. Liever dichter bij de 10 dan bij de 20.

Ze houden van veel ruimte tussen de regels en grote marges
Veel ruimte tussen regels maakt tekst makkelijker te lezen. Grote marges maken de regels korter zodat deze makkelijker te lezen zijn. Het is aangetoond dat mensen sneller lezen, maar minder onthouden en begrijpen als regels dicht op elkaar staan. Een onderzoek hiernaar is hier te lezen.

Ze houden van donkere tekst op een lichte achtergrond
We zijn getraind in het lezen van donkere tekst op een lichte achtergrond. Lichte tekst op een donkere achtergrond lijdt in veel gevallen tot hoofdpijn.

Ze vinden het niet erg om op en neer te scrollen
Sinds de komst van het handige scroll wieltje vinden mensen het niet erg meer om te scrollen. Scrollen is absoluut geen usability issue meer tenzij je natuurlijk extreem lange en saaie teksten presenteert. Het is niet nodig er bij je homepage rekening mee te houden dat deze in het scherm past. Scrollen is geen probleem!

Lijstjes worden zeer gewaardeerd
Hier kunnen we kort over zijn. Presenteer opsommingen in een lijst!

Ze browsen in het ‘F-Patroon’
Lees Jacob Nielsen’s uitstekende artikel over browsen in het ‘F-Patroon’. Plaats de meest belangrijke inhoud in de belangrijke punten van het F-patroon en je krijgt betere resultaten.

Ze onthouden het adres van je website niet
Serieus! Niemand onthoudt het adres van een website. In zoverre, ‘nike.com’ of ‘nu.nl’ wel, maar als het ingewikkelder wordt houdt het al snel op.
Biedt gebruikers voldoende mogelijkheden aan om zich in te schrijven voor een nieuwsbrief of om op andere manieren op de hoogte te worden gehouden.

Ze willen niet inloggen
Verplicht gebruikers niet om in te loggen als ze een bestelling willen plaatsen. Laat ze gewoon op ‘Bestellen’ klikken en geef ze de mogelijkheid om gegevens op te slaan en een account te creëren. Aan het einde van het bestelproces!

Ze willen geen ‘beleving’
Onsterfelijke woorden van Jacob Nielsen: ‘De meeste mensen willen naar binnen, pakken wat ze nodig hebben en weer naar buiten’.

Het toevoegen van dynamische ‘web 2.0 stuff’ puur omdat een ander het ook heeft is niet slim. Alles waarvoor een gebruiker 2 keer ipv 1 keer moet klikken imponeert de eerste keer misschien nog, maar wekt daarna alleen maar irritatie op. Bijvoorbeeld:

• drag-and-drop winkelwagens
• intro’s
• effecten die veel tijd kosten bij het uitvergroten van foto’s

Klanten en bezoekers willen geen ‘ervaring’ maar service. Alleen designers worden blij van javascript frameworks met vloeiende effecten enz… De overige 99% wil naar binnen, pakken wat ze nodig hebben en weer naar buiten.

Ze willen best een nieuwsbrief ontvangen
Je zou het niet verwachten in deze tijden van spam-overvloed maar bezoekers willen nog steeds best een nieuwsbrief ontvangen. Makkelijk het ze daarom makkelijk zich hiervoor in te schrijven.

Ze verdwalen vaak
Het is vaak niet moeilijk voor een bezoeker om te verdwalen. Een niet werkende link, ontbrekende button en een bezoeker is snel gefrustreerd en verward.

Zorg voor een gebruiksvriendelijke 404 error pagina, een goede zoekfunctie binnen de site en zeer duidelijke navigatie.

Ze kennen je naam niet
Je doelgroep kent je naam niet. Dus zoeken ze er ook niet op. Ze zoeken op basis van een vraag en zullen je vinden als je het antwoord op deze vraagt hebt. Dus #1 ranken op je bedrijfsnaam is leuk maar zal je weinig bezoekers opleveren.

Ze gebruiken nog steeds Internet Explorer
Niet iedereen weet dat Firefox de beste browser is. Waarschijnlijk gebruikt de meerderheid van je bezoekers Internet Explorer. Zelfs Internet Explorer 6. Houd hier rekening mee!

Ze gebruiken grote beeldschermen
In tegenstelling tot de browser gebruiker bezoekers vaak wel goede monitoren. Je kunt je website dus veilig 1000 pixels breed maken.
 

Nuttig voor SEO?
Er bestaat nog wel eens onduidelijkheid over of W3C-compilant websites hoger scoren in de resultaten van zoekmachines. Zo zouden spiders hun weg beter kunnen vinden en content beter kunnen indexeren. Dit is natuurlijk waar maar dat is meer een indirect gevolg. De W3C standaarden zijn natuurlijk nooit uit oogpunt voor vindbaarheid in zoekmachines bedacht.

Bij SEO is het belangrijk om logisch na te denken over de beweegredenen van zoekmachines om websites hoger te indexeren. In dit geval zou je jezelf dus de vraag kunnen stellen: ‘Waarom zou Google mijn website hoger ranken als deze W3C-compilant is?’.

Neem een website zonder doctype of characterset maar bomvol nuttige informatie en een grote hoeveelheid inkomende links. Wat zou Google doen? Ik denk dat je dan het antwoord op de eerder gestelde vraag hebt.

Ik kom dan ook regelmatig websites tegen die bijzonder goed scoren in Google maar waarvan je wel 2 dagen bij moet komen nadat je de broncode hebt bekeken.

Geen invloed op SEO, maar wel belangrijk
Natuurlijk zijn er afgezien van het SEO verhaal wel andere redenen om je zoveel mogelijk aan de standaarden te houden:

• door css en html te scheiden ontstaat veel schonere en overzichtelijk broncode
• het maakt websites toegankelijk en beter interpreteerbaar voor mensen met een handicap
• de website wordt (als het goed is) in alle browsers correct weergegeven
• websites worden er sneller van

Nou vooruit, alsnog een W3C SEO Tip
Er is toch nog iets waar je wat betreft SEO je voordeel uit kunt halen als je website gevalideerd wordt. Denk eens aan de vele CSS-galleries die enkel sites opnemen die W3C-compilant zijn. Dat kan je toch nog de nodige inbound links en traffic opleveren!

Conclusie
Voor een betere positie in de zoekresultaten hoef je het niet te doen. Toch is het verstandig om je met betrekking tot bovenstaande redenen zoveel mogelijk aan de W3C standaarden te houden

Je kunt je website laten controleren bij de W3C Markup Validation Service
 

Dit artikel beschrijft een aantal belangrijke en noodzakelijke punten waarop een webdesigner een website moet controleren voordat deze officieel wordt gelanceerd. Kleine details worden vaak vergeten of genegeerd, maar kunnen wanneer tijdig uitgevoerd onnodige problemen en kosten voorkomen.

Favicon
Een favicon merkt het tabblad of venster waarin een website is geopend. Ook wanneer een pagina wordt toegevoegd aan de favorieten wordt de favicon gebruikt om de website te markeren. Sommige browsers voegen de favicon automatisch toe wanneer deze als favicon.ico is opgeslagen in de root op de server. Om er zeker van te zijn dat de favicon wordt toegevoegd plaats je onderstaande code in de header van je website.

Titels en Meta Data
De titel van een pagina is de belangrijkste factor bij zoekmachine optimalisatie en is tevens belangrijk omdat een bezoeker aan de titel kan zien waar een pagina over gaat. Zorg ervoor dat iedere pagina binnen de website een unieke titel heeft die duidelijk de content van de pagina beschrijft.

De meta description en keyword tags zijn minder belangrijk voor zoekmachine optimalisatie, maar het is toch goed om ze te gebruiken. Met name de description tag is erg belangrijk aangezien deze wordt gebruikt bij het weergeven van resultaten in zoekmachines. Een goede en wervende description tag kan aanzienlijk meer bezoekers opleveren door een hogere CTR.

Cross-Browser controle
Net wanneer je ontwerp tot op de pixel nauwkeurig lijkt te werken blijkt het in Internet Explorer een puinhoop te zijn. Het is belangrijk dat een website in alle browsers goed functioneert. De meest populaire browsers waarin je een website moet testen zijn Internet Explorer 6, 7 en 8, Firefox 3, Safari, Chrome, Opera en de iPhone.

Link: Cross-Browser Checks: Services and Test Suites

Teksten Controleren
Lees alles. Het liefst een paar keer. Laat ook anderen de teksten lezen. Zo kom je altijd nog een paar dingen tegen die veranderd moeten worden. Probeer teksten in te korten zonder dat het ten koste van de inhoud / boodschap gaat. Deel grote blokken tekst op in paragrafen. Voeg duidelijke kopteksten toe en gebruik lijstjes voor opsommingen.

Link: Writing for the web

Links
Ga er niet standaard vanuit dat alle links werken. Controleer ze allemaal. Wellicht ben je vergeten http:// toe te voegen aan externe links. Zorg ook dat je logo linkt naar de homepage.

Besteed ook aandacht aan de css. Is het duidelijk voor de gebruiker wat een link is? Onderstreep geen tekst wat geen link is. Wat gebeurt er met links die al bezocht zijn?

Link: W3C link checker

Functionaliteit controleren
Test uitvoerig alle functionaliteit. Als er gebruik wordt gemaakt van een contactformulier test deze dan door hem naar jezelf te versturen. Laat ook andere de website testen. Niet alleen vrienden en familie, maar ook mensen uit de doelgroep. Analyseer hoe mensen de website gebruiken. Dit kan verrassende resultaten opleveren. Belangrijke punten om te testen zijn formulieren, zoekfuncties, winkelmandjes en log-in omgevingen.

Javascript
Omdat sommige gebruikers javascript uitschakelen in verband met veiligheid is het belangrijk dat een website ook goed functioneert wanneer javascript is uitgeschakeld. In Firefox kun je javascript eenvoudig uitschakelen. Test formulieren waarin javascript wordt gebruikt voor validatie en controleer ajax functionaliteiten.

W3C Validatie
100% validatie is natuurlijk het beste uitgangspunt. Valideert een website niet voor 100% betekent dit niet direct het einde van de wereld, maar het is wel belangrijk dat je weet waarom de site niet valideert. Veelvoorkomende problemen zijn ontbrekende alt-tags bij afbeeldingen, geen closing-tags en “&” ipv “&amp;”.

Link: W3C Validator

RSS Link
Als je website een Weblog of Nieuwsarchief bevat is het belangrijk een Rss-feed toe te voegen waar bezoekers zich voor in kunnen schrijven. Gebruikers moeten deze rss-feed makkelijk kunnen vinden. Gebruikelijk is om een klein rss icoon in de adresbalk te plaatsen. Dit kun je doen door onderstaande code in de <head> van de website te plaatsen:

<link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" />

Statistieken
Het installeren van een statistiekenpakket is belangrijk voor het meten van bezoekersaantallen en conversies. Google Analytics is hiervoor een populaire gratis oplossing.

Link: Google Analytics

Sitemap
Het toevoegen van een sitemap.xml in de root van de website maakt het zoekmachines makkelijker de website te indexeren. Het xml-bestand bevat verwijzingen naar alle pagina’s binnen de website. Vergeet niet de sitemap toe te voegen aan Google Webmaster Tools.

Link: XML-Sitemaps

404 page
Eén van de meest vergeten elementen van een website is de 404 error pagina. Dit is de pagina die wordt weergegeven wanneer een gebruiker een pagina opvraagt die niet bestaat. Zorg voor een duidelijk 404 pagina met eventueel een zoekfunctie.

Origineel artikel geschreven door Lee Munroe en met toestemming vertaald.
 

Seth Godin (The big red fez) noemt ze bananen en je bezoekers zijn apen. De doelstelling voor de aap is de banaan binnen 3 seconden te vinden. Voordat hij opgeeft en verder gaat zoeken. “Dwing jezelf ertoe voor iedere afzonderlijke pagina een aparte doelstelling te formuleren. Dat is de banaan. Maak hem groot. Blauw of rood. Maak hem duidelijk.”

Dit artikel beschrijft hoe je als webdesigner een zo goed mogelijke call to action button maakt.

Hoe ontwerp je de perfecte call to action button.

Een call to action button moet duidelijk, vanzelfsprekend en opvallen zijn. Hieronder 5 eigenschappen voor een goede call to action button.

1. Kleur
De kleur moet opvallen ten opzichte van de rest van de site. Gebruik daarom een heldere contrasterende kleur.

2. Locatie
De call to action button moet daar staan waar de bezoeker hem verwacht en makkelijk kan vinden. Boven de vouw (dus niet hoeven scrollen), naast een product, in de header, enz… Duidelijk en niet moeilijk te vinden.

3. Boodschap
De boodschap die je wil overbrengen naar de bezoeker is belangrijk. Hij moet kort zijn, to the point en moet beginnen met een ‘actie’ zoals ‘registreren’, ‘download’, ‘probeer’, etc…

Probeer de gebruiker ook een reden mee te geven waarom hij moet klikken. Bijvoorbeeld omdat iets gratis is.

4. Afmeting is belangrijk
Om duidelijk te maken dat het de belangrijkste knop is waarvan je wil dat bezoekers er op klikken maak je de button groter dan iedere andere button.

5. Ruime opzet
Zorg ervoor dat er genoeg ruimte (margin) om de button heen is en er geen afleidende drukke elementen dicht om de button heen staan. Gebruik ook voldoende marge binnen de button zelf.

Ik hoop dat bovenstaande tips je helpen bij het maken van een goede call to action button.

Originele artikel geschreven door Lee Munroe en met toestemming vertaald.
 

De title tag

Beste resultaat:

Primair zoekwoord - Secundaire zoekwoorden | Bedrijfsnaam
of
Bedrijfsnaam | Primair zoekwoord en secundaire zoekwoorden

De resultaten voor de title tag zijn duidelijk. Als je goed wilt ranken op een zoekwoord met veel concurrentie is het belangrijk het zoekwoord zo ver mogelijk voorin de title tag te zetten. Voor minder concurrerende zoekwoorden waarbij de bedrijfs- of merknaam kan bijdragen aan een hogere click through rate is het beter om deze vooraan te plaatsen. Gebruik van speciale karakters vormt geen groot gevaar. Aangeraden wordt de | te gebruiken.

Het nut van H1 tags

H1 tags zijn voor gebruikers belangrijk maar geen vereiste meer voor zoekmachines.

Gebruik van de H1 tag zorgt voor een betere leesbaarheid voor de gebruiker en maakt het makkelijker de structuur te herkennen. Echter is er van grote invloed op de rankings weinig sprake (meer). Gebruik van H1 tags wordt nog wel aanbevolen.

Gebruik van de nofollow tag

Inmiddels is er na het bericht van Matt Cutts over pagerank sculpting veel over de nofollow tag geschreven. In zijn bericht kondigde Matt min of meer aan dat nofollow links wel degelijk pagerank lekken. Of eigenlijk min of meer in een zwart gat storten. Links met een nofollow delen wel mee in de hoeveelheid te verdelen pagejuice alleen geven het vervolgens niet door.

Pagerank sculpting wordt dan ook afgeraden omdat je je pagerank er juist mee weg laat vloeien. Om toch uitgaande links te blokkeren zonder dat dit pagerank kost zal in de toekomst waarschijnlijk gebruik worden gemaakt van geavanceerde javascript of iFrame technieken.

De canonical tag

Deze relatief jonge tag is een hulpmiddel om Google te laten weten dat zich op bepaalde pagina's dezelfde content bevindt. De werking en het effect ervan zijn echter nog niet 100% duidelijk en mogelijkerwijs gaat er pagerank verloren. Vooralsnog wordt aangeraden duplicate content op andere wijze proberen te voorkomen.

Het gebruik van Alt text bij afbeeldingen

Aangeraden wordt om aan iedere afbeelding alternatieve tekst toe te voegen. Ook het toevoegen van afbeeldingen met goede Alt text wordt aangeraden op pagina's  die moet ranking op een moeilijk zoekwoord. De invloed van afbeeldingen met alt text op de ranking blijkt verassend groot te zijn.

Uiteraard is het voor mensen met een beperking erg prettig wanneer bij afbeelding alternatieve tekst wordt weergegeven. Dat is in de eerste plaats al een reden om het te doen.

Gebruik van de meta keywords tag

Deze tag zou door zoekmachines genegeerd worden vanwege het grote manipulatie gehalte. In tegenstelling tot eerdere conclusies blijkt Yahoo echter wel gebruik te maken van deze tag. Wanneer je het geen probleem geeft je zoekwoorden prijs te geven en je wilt ook hoog ranken in Yahoo, gebruik de keywords tag dan wel. De invloed op de rankings is overigens erg klein.

Gebruik van parameters in de URL

Dit lijkt een duidelijk verhaal. Zoekmachines kunnen url's zonder parameters beter begrijpen en indexeren. Probeer dus het gebruik van parameters in de url zoveel mogelijk te voorkomen. Mocht je er niet onderuit kunnen probeer dan een maximum van 2 parameters te hanteren.

Gebruik van footer links

Wees hier voorzichtig mee. Het is niet verstandig je footer vol te stoppen met anchor tekst geoptimaliseerde links. Deze worden door Google gemakkelijk herkend en er kunnen automatisch penalties voor worden gegeven.

Gebruik van Javascript en Flash

Ook al zijn zoekmachines in zekere zin in staat om javascript en flash te indexeren wordt het toch afgeraden dit te gebruiken. In ieder geval niet in navigatie en andere elementen waarvan het belangrijk is dat deze gevolgd en geïndexeerd kunnen worden.

301 redirects

301 redirects worden aangeraden en gezien als de beste methode om pagina's die permanent zijn verplaatst te redirecten. Desondanks moet men er rekening mee houden dat tussen de 1% en 10% linkjuice verloren kan gaan.

Het effect van inkomende links van "Bad Link Neighborhoods"

Bad Link Neighborhoods zijn er in overvloed. Zoekmachines zijn hiervan op de hoogte en weten deze ook te herkennen. Er ontstaat echter pas een probleem wanneer het percentage links van deze onbetrouwbare sites een meerderheid vormt in het totale aantal links, en een site weinig betrouwbare inkomende links heeft.

Het belang van bezoekersaantallen

De hoeveelheid bezoekers van een website lijkt geen invloed te hebben op de ranking. Alhoewel het in de regel natuurlijk wel zo is dat websites met een hogere ranking ook meer bezoekers zullen krijgen. Het vermoeden bestaat wel dat een lage CTR aanleiding kan zijn om een site opnieuw te indexeren.

Bron: SEOmoz

Dat je als webontwikkelaar vanwege de zeer slechte ondersteuning en ontwikkelingen van de laatste jaren al lang klaar bent met IE6 is logisch. Je bent IE6 liever kwijt dan rijk. Maar kun je dit ook van de gebruiker verwachten?

Het blijft immers een feit dat nog steeds 14% van de gebruikers IE6 gebruikt. En dat is niet niks. Dit percentage daalt dan wel maandelijks maar dit zal ook deels te maken hebben met het feit dat er steeds meer internetgebruikers bij komen. Er is dus nog steeds een grote groep die de overstap niet maakt.

Gebruikers zijn geen ontwikkelaars

Afgelopen week kwam ik bij een klant om de vorderingen van een webshop waar wij aan werken door te spreken. Wat bleek: de klant maakte nog gebruik van IE6 en had daarbij tevens geen idee hoe hij zijn browser kon updaten. Sterker nog, hij had hier waarschijnlijk nog nooit over nagedacht voordat ik hem hier op attendeerde. Hieruit kun je concluderen dat niet iedere gebruiker naar een website kijkt zoals een designer of developer dat doet. En ik vind dat je hier rekening mee moet houden.

Uiteraard moeten mensen gestimuleerd worden om van IE6 af te stappen. Maar zolang meer dan 1 op de 10 gebruikers nog gebruik maakt van IE6 vind ik dat je het bestaan van deze browser niet onder stoelen of banken kunt schuiven.

Rekening houden met de behoeftes van de gebruiker

Daarnaast moeten professionele ontwikkelaars in staat zijn om websites op zijn minst zo te ontwikkelen dat deze in ieder geval bruikbaar zijn in IE6. En niet zoals ik onlangs bij een collega ontwikkelaar zag een brei van over elkaar heen geplaatste divjes met ergens in het midden een groot rood vlak waarin staat 'Uw browser is verouderd!'.

Als ontwikkelaar hou je rekening met de behoeftes van de gebruiker. Zolang ondersteuning voor IE6 hier een onderdeel van is moet je hier rekening mee houden.

Onze visie

We willen ons niet laten beperken door de matige ondersteuning van IE6, maar komen daarnaast nog regelmatig IE6 gebruikers tegen. Wij houden er daarom bij het ontwikkelen van onze sites rekening mee dat de IE6 gebruiker er nog steeds is en zorgen ervoor dat iedere website bruikbaar is in IE6.

Vooralsnog is bij ons de tijd om IE6 volledig te negeren nog niet aangebroken.

Maar wat als er zich een belemmering voordoet zoals wolken die het zicht op de zon of de sterren veminderen? Veel vogels hebben daarom ‘back-up navigatie’. Als de zon achter de wolken verdwijnt kunnen ze altijd nog terugvallen op magnetische velden die de juist richting aangeven, of fysieke kenmerken in het landschap herkennen.

Surfen als een vogel
Internetgebruikers zijn net zo! Ze zijn wellicht zoekende navigators of klikken willekeurig links aan, maar hebben wel allemaal een interne navigatie waarmee ze ‘onthouden’ waar ze zich in de sitemap bevinden. Mits je de juiste markeerpunten op de juiste plaats op een website plaatst! Zonder duidelijke markeerpunten waar gebruikers zich aan vast kunnen houden raken ze gedesoriënteerd en vliegen ze rechtstreeks in elektriciteitskabels – Met andere woorden ze verlaten de site.

Door onderstaande punten te implementeren stel je gebruikers in staat zich beter te kunnen oriënteren als ze ‘verdwalen’, en zijn ze zich bewust van andere omliggende zaken die in relatie staan met de sitestructuur. Onthoud dat je bezoekers altijd wil laten zien waar ze zijn geweest, waar ze zijn en waar ze naartoe kunnen.

Zorg voor een duidelijk gemarkeerde home-link op alle internet pagina’s
Je kunt hier ook een logo voor gebruiken. Gebruikers gaan er in de regel echter intuïtief vanuit dat deze zich in de linkerbovenhoek van de pagina bevindt.

Zorg voor een heldere omschrijvingen binnen de navigatie
Vertrouw niet op Mouseover effecten of iconen. Ook wel bekend als ‘mystery meat navigation’, een term geïntroduceerd door Vincent Flanders van Web Pages that Suck, en een meer gedetailleerde omschrijving van waarom dit soort navigatie niet volstaat is hier te vinden. Onthoud altijd dat navigatie in de eerste plaats bedoeld is om je bezoekers te helpen, en niet alleen om er mooi uit te zien. Er is altijd een manier om navigatie op een mooie manier vorm te geven zonder dat dit afdoet aan de gebruiksvriendelijkheid.

Houd interne en externe links gescheiden
Het is verwarrend wanneer een link waarvan je verwacht dat deze je naar een ander gedeelte in de website brengt in plaats daarvan een compleet andere website opent. Gebruikers worden niet graag op het verkeerde been gezet. Op bijvoorbeeld een persoonlijke site plaats je links naar je blog, twitter en andere social network sites onder een kopje ‘social network’ in plaats van in de hoofdnavigatie

• Overweeg externe links te elimineren of herstructureer je navigatie in twee onderdelen. Eén voor interne en één voor externe links.
• Geef gebruikers niet de indruk dat ze op een interne link gaan klikken terwijl deze hen naar een externe site loodst.

Markeer externe links
Wikipedia voegt een klein icoontje toe aan het einde van een link om de gebruiker te laten weten dat het hier om een externe link gaat. Gebruikers kunnen vervolgens zelf besluiten of ze deze link in een nieuw venster of tabblad willen openen.

Laat gebruikers een link openen hoe zij dat willen
De meeste gebruikers weten hoe ze een link in een nieuw tabblad moeten openen (of in ieder geval hoe de backbutton werkt). Laat javascript trucjes varen en gebruik geen target=”_blank” om links te forceren in een nieuw venster te worden geopend. Je zult er misschien huiverig voor zijn deze vorm van controle te moeten missen, maar stel je voor hoe irritant en frustrerend het is als een gebruiker een nieuw geopend venster moet sluiten terwijl hij misschien alleen even snel de link wilde ‘proberen’ en er verder geen serieuze bedoelingen mee had. Dit kan erg verwarrende zijn, zeker als er al meerdere vensters open stonden. De gebruiker moet het venster sluiten en zich opnieuw oriënteren. Dit kan een gebruiker er vervolgens van weerhouden meer links in je site aan te klikken.

Gebruik breadcrumbs (broodkruimel navigatie)
Breadcrumbs zijn kleine navigatielinks aan de bovenkant van een pagina die de gebruiker laten zien waar ze zich bevinden in de sitemap door een klein spoor van links te laten zien waar ze zijn geweest. Gebruikers kunnen zich dmv breadcrumbs optimaal navigeren door welke website dan ook.

Steven Krug gaf in zijn boek Don’t make me think een aantal perfecte tips voor optimale breadcrumbs navigatie:

• plaats breadcrumbs zo ver mogelijk bovenin de pagina zodat ze niet in de weg zitten
• gebruik een klein lettertype
• laat breadcrumbs beginnen met “Je bent hier:” (vetgedrukt)
• iedere ‘klikbare’ link moet onderstreept zijn en worden gevolgd door een “>”
• aan het eind komt de niet klikbare titel van de huidige pagina (vetgedrukt)
•  zie onderstaande afbeelding voor een voorbeeld van juis gebruik van breadcrumbs

Markeer binnen de navigatie de pagina waar de gebruiker zich bevindt
Gebruik CSS om de huidige positie binnen de navigatie te markeren. In bovenstaande afbeelding zie je een voorbeeld waarin de huidige pagina ‘Articles’ een zwarte achtergrond heeft.

Gebruik vorige en volgende buttons in formulieren die uit meerdere pagina’s bestaan
Bij het invullen van formulieren die uit meerdere stappen / pagina’s bestaand zijn gebruikers altijd bang dat alles wat ze ingevuld hebben verdwijnt wanneer ze de backbutton in de browser gebruiken. Stel gebruikers gerust door ze de mogelijkheid te bieden rustig door het formulier heen te bladeren.

Maak gebruik van een zoekfunctie
Veel gebruikers maken gebruik van een zoekfunctie om door een site te navigeren. Zie een zoekfunctie teven als een vangnet. Raakt een bezoeker verdwaalt dan kan hij altijd weer opzoek naar waar hij vandaan kwam.

Gebruik een sitemap
Sitemaps zijn een uitstekende manier om bezoekers een overzicht te geven van alle content op een site en de structuur hiervan. Daarnaast is de sitemap een van de plaatsen waar een bezoekers als eerste naartoe gaat als hij verdwaald is of iets niet kan vinden. Doe je bezoekers daarom een plezier en bied een sitemap aan.

Wees voorzichtig met dropdown menu’s en andere flyout objecten
Het is erg storend als er ineens een groot dropdown menu verschijnt wanneer een gebruiker per ongeluk met zijn muis ergens overheen gaat.

Geef kleine links extra padding
Door extra padding te geven aan kleine links, bijvoorbeeld cijfers of icoontjes, wordt het klikbare gebied groter. Niet iedereen heeft evenveel controle over de muis.

Over de schrijfster
Rachel Nabors is een front-end designer uit Raleigh, North Carolina. Voor meer artikelen en haar werk kijk je op haar website ThePinkCrow.com
 

De waarde van uw link tussen 150 andere op een startpagina, of uw reactie op een weblog op een artikel waar nog 100 mensen op hebben gereageerd heeft dan zo goed als geen waarde meer. Daarbij zullen deze links vrijwel allemaal ongeveer dezelfde anchor tekst hebben en dat maakt het er ook niet beter op.

Hoe dan wel?
Om deze vraag te beantwoorden zullen we ons moeten verplaatsen in Google.

Kan Google op basis van de pagerank van een site waar uw link op staat beoordelen of uw site waardevol is? Nee.

Kan Google op basis van de anchor tekst in uw link beoordelen of uw site waardevol is? Nee

Kan Google überhaupt zonder de link te volgen beoordelen of uw site waardevol is? Nee.

Dat brengt ons bij een zeer belangrijke punt wat los lijkt te staan van linkbuilding maar absoluut een voorwaarde is om het geheel te laten slagen: Unieke en waardevolle content op uw site!

Zou het dan zo zijn dat Google meer waarde aan uw site toekent als Google een link aantreft naar uw site op een site die content bevat welke relevant is aan de content die Google vervolgens op uw site aantreft? Ja.

En zal Google meer waarde toekennen als hij een keyword zowel in de content op de verwijzende site, de anchor tekst en de content op uw site aantreft? Ja.

Dan is het ook vast belangrijk dat uw link de enige of één van de weinige uitgaande links op de verwijzende site is? Ja.

En betekent dit dat een link naar uw website zich eigenlijk 'binnen' de tekst op de verwijzende site moet bevinden? Ja.

Dus footerlinks, startpaginalinks en links binnen lange lijsten met reacties op een weblog zijn misschien wel helemaal niet zo waardevol? Klopt.

Dus eigenlijk als je het zo bekijkt speelt de pagerank van de verwijzende site zo goed als geen rol?
De pagerank opzich niet. Die vertegenwoordigd niet per definitie de waarde van (de content op) een website. Wat echter wel belangrijk is, is dat de verwijzende site betrouwbaar is (in de ogen van Google).

Wanneer is een site betrouwbaar?
Dat is moeilijk te zeggen. Hou er echter rekening mee dat Google uw site in verband kan brengen met irrelevante onderwerpen als op de site waar u een link heeft ook wordt gelinkt naar sites die over een heel ander onderwerp gaan. In dit artikel over Co Citation leest u hier meer over.

Het is dus belangrijk op zoek te gaan naar betrouwbare en relevante sites met waardevolle content waarop geen tientallen of honderden uitgaande links staan.

Maar dat is toch heel moeilijk?
Dat is zeker moeilijk.

Tip
Probeer goede content te schrijven en vraag of websites deze content willen publiceren. Bijvoorbeeld in de vorm van een artikel over uw dienstverlening gerelateerd uit iets uit het nieuws. Uiteraard met als voorwaarde dat men daarbij een verwijzing naar u maakt.

Nog een tip
Denk niet teveel in SEO termen. Vergeet even de pagerank en ga vooral op zoek naar relevante sites met waardevolle content.

Inside Santhos is een terugkerend item waarin u meer te weten komt over het bedrijf Santhos. We zullen afgeronde projecten bespreken, u een kijkje in de keuken van Santhos geven, u kennis laten maken met de medewerkers van Santhos, enz...

Eigenlijk hadden we dit item al veel eerder willen starten met een videointroductie over ons bedrijf en onze medewerkers. Echter door de enorme drukte op het moment is dit er nog niet van gekomen. Omdat we toch iets van ons willen laten horen bij deze een beknopt overzicht van onze huidige werkzaamheden en onlangs afgeronde opdrachten.

Onlangs afgerond: De Kruistocht

De Kruistocht is de nieuwe interactieve sensatie van Amstor. Een tocht vol verassingen waarbij gebruik wordt gemaakt van onder andere GPS, Mobiele telefoon en camera.

Wij hebben de website ontworpen en gebouwd. De website zit vol geheimen waar deelnemers aan de Kruistocht geheime boodschappen kunnen bemachtigen door codes in te vullen. De website is volledig opgebouwd uit html en css wat we hebben aangevuld met het jQuery framework. We zijn erg trots op het eindresultaat. Zeker omdat de site ook prima te gebruiken is in Internet Explorer 6!

Ontwerp placemat Paviljoen aan 't Wiede

Ontwikkeling website alternatievegeneeswijzen-overzicht.nl

De website alternatievegeneeswijzen-overzicht.nl biedt een landelijk overzicht van alternatief artsen en therapeuten. Inmiddels hebben zich al vele artsen bij de site aangesloten.

Lopende projecten webdesign, seo, usability en design

Werken met Paarden - Zoekmachine optimalisatie

Voor werken met paarden zijn we bezig met een aantal aanpassingen om de website op een aantal zoekwoorden beter te laten scoren in Google.

ICO Assen - usabilityadvies en ontwerp nieuwe website

ICO Assen heeft ons gevraagd advies uit te brengen op het gebied van usability en informatie architectuur bij de ontwikkeling van de nieuwe website. Naast het interactieontwerp zullen we tevens het visueel ontwerp voor de nieuwe website gaan maken.

Vincent Enso - Restyle website / zoekmachine optimalisatie

Vincent Enso is gespecialiseerd in onder andere interieuradvies en verkoopstyling. Momenteel werken we aan een nieuw ontwerp van de site om de gebruiksvriendelijkheid te verbeteren en vindbaarheid te stimuleren. Vervolgens zal er een zoekmachine marketing campagne worden gestart.

Vogelaars Hof - Ontwerp logo en ontwikkeling nieuwe website

Vogelaars Hof is een nieuw initiatief van Corine Vogelaar waarvoor wij momenteel een logo aan het ontwerpen zijn. Daarna zullen we tevens de website gaan ontwerpen en ontwikkelen.

Autospin - Ontwikkeling webshop

Autospin is een autobedrijf gespecialiseerd in BMW en Mini. De verwachting is dat we na de zomer een webwinkel zullen opleveren waarmee Autospin online autoonderdelen gaat verkopen.

Bij Dekkers Bed & Breakfast - Ontwerp en ontwikkeling website

Bij Dekkers is een luxe Bed & Breakfast in Emst. Santhos is momenteel bezig met het ontwerpen en ontwikkelen van de website voor bij Dekkers.

Prezent by Nature - ontwikkelen en ontwerpen website en huisstijl

Voor Prezent by Nature, een praktijk voor cranio sacraaltherapie, werken we aan een nieuwe website en huisstijl.

Paviljoen aan 't Wiede - Ontwerp folder, placemats, briefpapier, menukaart, website

Voor Paviljoen aan 't Wiede zijn we bezig met het ontwerpen van een nieuwe folder, placemats, briefpapier, menukaart en website. De placemats zijn inmiddels afgerond.

Tevens zijn we voor diverse vaste klanten zoals speelgoed-en-kadohuis.nl en MMAXX doorlopend kleine opdrachten aan het uitvoeren.

Zoals u ziet zitten we voorlopig niet stil! En dat moet u ook zeker niet doen! Laat u niet weerhouden door ons drukke schema. We kunnen heel wat hebben. Voor vragen, informatie of advies neemt u gerust contact met ons op.

We houden u op de hoogte!

Bij de één kost een website € 100, bij de ander € 2500 en meer. Hoe kan dit nou eigenlijk? Waarom bestaat hierin zo’n groot verloop? Belangrijker nog, waarom moet een website zo veel kosten als het ergens anders veel goedkoper kan? Om het maar even heel cru te zeggen: vaak weet alleen de partij die de duurdere websites levert het antwoord op deze vraag. Opdrachtgevers hebben er namelijk vaak geen idee van. Iemand die beweert voor € 200 een succesvolle website te kunnen leveren uiteraard ook niet…

De essentie van een website

Laten we voorop stellen dat iedereen, of dit nu een bedrijf is, een stichting of een particulier, een website heeft met een bepaald doel. Misschien wel het beste voorbeeld is een webshop. Een webshop moet uiteindelijk geld opbrengen. Zo simpel is dat.
Voor een website met als hoofddoel het aanspreken van een potentiële nieuwe klantenkring is het belangrijk dat deze goed gevonden wordt, goed begrepen wordt en leads genereert.

Laat ik benadrukken dat zaken als een flashintro, automatische muziek of een bewegend menu, voor veel mensen JUIST het neusje van de zalm, in feite natuurlijk volkomen onderschikt zijn aan zaken als vindbaarheid en gebruiksvriendelijkheid. En dat is het punt waarop het vaak misgaat.

Het ontwikkelproces: hoe het wel en niet moet

Het proces van het ontwikkelen van een website kunnen we in de wenselijke situatie grofweg onderverdelen in het volgende stappenplan:

• doelstellingen: de waarom vraag. Wat wil men met de website, wat is het doel?
• Informatiestructuur: welke informatie gaan we aanbieden en hoe gaan we dit archiveren en structureren?
• Interactieontwerp: schematische weergave van de uiteindelijke website. Hoe is de site opgebouwd? Welke informatie komt waar?
• Visueel ontwerp: de grafische lay-out. Vormen, kleuren, lettertypen. Een mooi jasje om het interactieontwerp.
• Bouwen: als alles is uitgewerkt kan de site worden gebouwd.

Helaas ziet het proces er in de praktijk ook vaak als volgt uit:

• Bouwen

Alle belangrijke stappen worden overgeslagen, er is geen denkproces, er zijn geen doelstellingen… eigenlijk wordt er alleen maar een site gebouwd. Jammergenoeg kun je van een dergelijk site niet verwachten dat doelstellingen (die waarschijnlijk niet eens bepaald zijn) worden behaald. Denk hierbij aan een webshop die slecht gevonden wordt in zoekmachines, een onlogische indeling heeft, enz…

Onwetendheid

Van een opdrachtgever kun je moeilijk verwachten dat hij hier van op de hoogte is. Het is dan ook niet verwonderlijk dat op vraag-aanbod sites zoals www.freelance.nl of www.logomatch.nl schaamteloos behoorlijk complexe sites worden gevraagd voor een budget van soms minder dan 250 euro. Een goede webontwikkelaar met verstand van zaken zal hier uiteraard meteen op moeten reageren met de boodschap dat dit volstrekt onmogelijk is. Maar gekgenoeg zijn er aanzienlijk veel webdesigners die een dergelijke klus vol enthousiasme aannemen, een site bouwen die er ‘wel mooi’ uitziet, en weer iemand blij hebben gemaakt. Voor zolang als het duurt.

Mooie buitenkant is niet alles

Met alle respect, er wordt vaak niet verder gekeken dan enkel de buitenkant (een verschijnsel dat overigens niet alleen bij websites voorkomt). Een site kan nog zo mooi zijn maar als niemand hem begrijpt zal hij ook nooit iets opleveren. Probeer daarom door de lay-out heen te prikken en juist kritisch te kijken naar zaken als functionaliteit, gebruiksvriendelijkheid, toegankelijkheid en vindbaarheid. Of zoek een webdesign bedrijf dat zich hier bewust van is. Verwacht dan echter niet met een paar honderd euro klaar te zijn.

Ik hoop hiermee enigszins duidelijk te hebben gemaakt waarom er zulke grote prijsverschillen bestaan binnen webdesign en webontwikkeling. Ik zal er binnenkort nog een artikel aan wijden waarin ik dieper inga op het eerder genoemde ontwikkelproces en stappenplan.

1. Leer wat een logo is en wat het representeert

Voordat je een logo gaat ontwerpen moet je begrijpen wat een logo is, wat het representeert en wat de functie van een logo is. Een logo is niet alleen een merk, het weerspiegelt het commerciële label van een bedrijf dmv vorm, lettertype, kleur en / of afbeeldingen.

Een logo geeft vertrouwen, herkenning en bewondering voor een bedrijf of product en het is de taak van de ontwerper om een identiteit te creëren die dit daadwerkelijk doet.

Op wikipedia kun je meer lezen over wat een logo is.

2. Ken de regels en principes van logo design

Nu je weet wat de functie van een logo is en wat het moet representeren is het tijd om te kijken naar waar een goed logo aan moet voldoen: de basis regels en principes.

• Je moet een logo goed kunnen omschrijven
• Het logo moet zowel in kleur als in zwart-wit effectief zijn
• Het logo moet goed te onthouden zijn (herkenbaar)
• Het logo moet schaalbaar zijn

3. Leer van het succes en falen van andere logo's

Nu je weet wat de basisregels voor een goed logo zijn kun je goede en slechte logo's van elkaar onderscheiden. Weten welke logo's succesvol zijn, en waarom, geeft je meer inzicht in wat een goed logo is.

Als voorbeeld kijken we naar het Nike logo. Het logo is in 1971 ontworpen door Caroline Davidson voor niet meer dan $35,-. Vandaag de dag is het nog steeds sterk, herkenbaar, goed bruikbaar zonder kleur n goed schaalbaar. Het is simpel, vloeibaar, snel en representeert de vleugel van het beroemde standbeeld van de Griekse Godin van de overwinning, Nike. Het Niks is slechts één van de vele goede ontwerpen.

Voor meer goede logo's zou je eens kunnen kijken op Logopond, of één van de vele boeken over Logo design kunnen lezen.

De minder succesvolle logo's

Van minder goede logo's kun je ook veel leren. Zoals de middelste en rechtse in bovenstaande afbeelding.

4. Ontwikkel je eigen logo ontwerp proces

Nu je weet wat een logo is, wat de basisregels en principes van logo design zijn en wat een goed logo maakt zijn we klaar om te starten met het ontwerp proces. Dit is het moeilijkste gedeelte en een onderwerp op zich. Iedereen heeft weer een andere werkwijze en veel ervaring is vaak een belangrijke factor bij het ontwikkelen van je eigen ontwerp proces. In het kort moet een ontwerp proces uit de volgende onderdelen bestaan:

• Briefing
• Onderzoek en brainstormen
• Schetsen
• Schetsen en ideeën uitwerken tot een eerste (of meerdere) concept
• Voorleggen aan de opdrachtgever
• Herzien en puntjes op de i zetten
• Bestanden aanleveren aan de opdrachtgever

Dit artikel is geschreven door Jacob Cass en met toestemming vertaald.

Accepteer dat gebruikers houden van de Back button. Zie de gebruiker als je nieuwe vriend en de Back button als zijn nieuwe vriendin.

Het geeft de gebruiker controle

De meeste gebruikers vinden content via een niet gebruikelijke route. Dit kun je maar beter accepteren want dit gebeurt zelf bij de beste designs. Omdat gebruikers weten dat ze altijd terug kunnen vallen op de Back button zullen ze vaak links ‘uittesten’.De Back button geeft immers altijd een nieuwe kans.

Om op dit gedrag in te spelen is het belangrijk dat iedere pagina binnen een website een duidelijke functie heeft die in een oogopslag duidelijk moet zijn. Voor de gebruiker is het dan meteen duidelijk: ‘Gevonden of terug’.

Doorbreek de functionaliteit van de Back button nooit!

Je hebt het vast vaker gehoord, maar ik zeg het toch nog een keer. Ontneem gebruikers de Back button niet zonder een wel heel goede reden. De reden zou een duidelijk voordeel voor de gebruiker moeten zijn, maar zeker geen coole functionaliteit die je wil introduceren.

Veel websites gebruiken tegenwoordig Ajax of Dynamic HTML (want dat is het eigenlijk). Ajax kan in vele opzichten een verrijking zijn voor de gebruikerservaring. Toch wordt het ook vaak onnodig gebruikt zoals dat ook met Flash is gebeurd.

Bij het gebruik van Ajax moet je erg nauwkeurig omgaan met de wijze waarop je nieuwe data aan de bezoeker presenteert. Voor gebruikers lijkt het (te) vaak alsof ze op een nieuwe pagina terecht zijn gekomen. Vaak is de reden hiervan dat Ajax is gebruikt in een situatie waarin dat eigenlijk niet had gehoeven.

Een gebruiker die denkt dat er een nieuwe pagina is geladen zal de Back button gebruiken om terug te keren naar de vorige pagina. Hier moet je dus niet mee knoeien.

Gebruik van de Back button duidt niet op een slecht design

Wees niet bang om een ontwerp te maken waarin de gebruiker wellicht de Back button zal gaan gebruiken. Eén van de argumenten van uitklapmenu’s is dat ze de gebruiker in staat stellen kriskras te kunnen navigeren als ze een verkeerde route hebben genomen. In werkelijkheid, ondanks pogingen om de gebruiker deze mogelijkheid te bieden, gebruikt men toch de Back button.

Pogingen tot situaties waarin zich alternatieven voor de Back button bevinden zijn vaak verloren tijd. Dus wanneer je in het vervolg van een opdrachtgever de vraag krijgt: ‘En hoe kan een gebruiker nu terug?’, antwoord je simpel met: ‘Door de Back button te gebruiken!’. Het is nou eenmaal zo, wat je ook probeert.

Dit artikel is geschreven door David Hamill en met toestemming door Santhos vertaald.

In gevallen lijken 1,2,3 links echter de meest voor de hand liggende oplossing. Voordat je ze gebruikt zou ik er van tevoren toch goed over nadenken.

Wat zijn 1,2,3 links?

Met 1,2,3 links bedoel ik de links die je gebruikt om te navigeren door een lange lijst met pagina’s. Ook wel pagina navigatie (pagination) genoemd. Deze benadering is populair gemaakt door zoekmachines zoals Google. Je begint op pagina 1 en klikt steeds een pagina verder.

Wat is er mis met 1,2,3 links?

De links verbergen content. Je kunt niet weten wat er achter ieder van deze links verborgen zit. Je moet ze óf allemaal bijlangs gaan, óf gaan gokken. Dit kan bij gebruikers problemen en irritatie veroorzaken. Zeker als het een lange lijst betreft.

Ik heb Hotmail als voorbeeld gekozen omdat ik hier in bepaalde gevallen erg mee geworsteld heb. Onderstaande afbeelding geeft het probleem weer:

Gesorteerd op datum

Deze links verschijnen rechtsonderin de website van Hotmail en bieden de mogelijkheid om door oude e-mail te scrollen. De mails zijn echter gesorteerd op datum. Laten we zeggen dat ik op zoek ben naar een e-mail die in april aan mij is verstuurd. Op welk nummer moet ik nu klikken?

Als de data waardoor ik navigeer gesorteerd is op datum dan zouden de links dat ook beter kunnen zijn ipv 1,2,3 zoals hier.

Gesorteerd op alfabet

Laten we nu zeggen dat ik mijn mails sorteer op naam van de afzender. Als ik een mail zoek die Stuart aan mij heeft gestuurd moet ik dus naar de S. Maar nog steeds ben ik gedwongen de 1,2,3 links te gebruiken. Na het nodige gokwerk beland ik op pagina 48 bij de S. In principe is dus de mogelijkheid om op afzender te sorteren zo goed als onbruikbaar. Tenzij je op zoek bent naar afzender Aardvark Electrical Supplies.

Het is niet alleen Microsoft

Niet alleen microsoft loopt in de 1,2,3 val. Veel grote websites gebruiken het systeem. Veelal omdat het technisch gezien makkelijk te implementeren is. Onderstaande afbeelding geeft de Radio4 pagina weer van de BBC iPlayer. 7 lange pagina’s met op alfabet gesorteerde programma’s terwijl de navigatielinks 1,2,3 links zijn. Op welke pagina vind ik Secret Lives nu?

Wanneer 1,2,3 links gebruiken?

Je kunt 1,2,3 links gebruiken wanneer er relatief weinig data is waardoor genavigeerd moet worden of wanneer gebruikers daadwerkelijk pagina voor pagina door content heen willen .

Binnen zoekresultaten

1,2,3 links werken prima bij zoekresultaten. Als de zoekresultaten goed zijn staat deze als het goed is op volgorde van relevantie. De 1,2,3 links helpen de gebruiker in dit geval enkel om van pagina naar pagina te gaan. Er is in principe geen reden om vanaf pagina 1 ineens naar pagina 9 te gaan. Normaal gesproken alleen als de gebruiker pagina 1 t/m 8 al heeft gehad.

Als er maar een paar pagina’s zijn.

Bij maximaal 3 pagina’s is het wellicht handig om 1,2,3 links te gebruiken.

Alternatieven voor 1,2,3 links

Er zijn genoeg alternatieve voor 1,2,3 links. Welke je gebruikt hangt af van de situatie.

Chronologische en alfabetische volgorde

Als je data alfabetisch rangschikt kun je 1,2,3 vervangen door A-D, E-H of Aa-Am, An-Az als het een hele lange lijst betreft. Technisch gezien is dit echter vaak wat lastiger maar zeker niet onmogelijk.

Categorieën

In sommige gevallen hoef je ook geen lange lijsten te gebruiken. Als ik op zoek ben naar een nieuw paar schoenen waarvan ik weet dat ze van leer en bruin moeten zijn zou er de mogelijkheid moeten bestaan om deze vanuit een product categorie te selecteren. Zodanig hoef ik niet allemaal schoenen bij langs die ik toch niet wil.

Één lange pagina

Er zijn situaties denkbaar waarin het beter is om alle resultaten op 1 lange pagina te tonen. Als ik bijvoorbeeld schoenen wil kopen op een site waar het aanbod erg groot is kan het handig zijn om door 1 lange lijst te scrollen zodat ik op het oog snel mijn keuze kan maken. Het is dan niet van toegevoegde waarde dat ik steeds naar een nieuwe pagina moet.

Denk bij het gebruiken van 1,2,3 links van tevoren goed na over de situatie waarin je ze wil gebruiken. Er bestaat een kans dat er een beter alternatief is.

Dit artikel is geschreven door David Hamill en met toestemming door Santhos vertaald.

http://www.webwinkel.nl/index.php?product=12
http://www.webwinkel.nl/index.php?product=12&kleur=groen

Ook tracking codes van Analytics of dynamische keywords vanuit Adwords kunnen hiervoor zorgen.

Zoekmachines kunnen deze url's dubbel gaan indexeren en dat kan resulteren in lagere rankings en pagerank kan verdeeld worden onder deze pagina's.

Met het nieuwe canonical attribuut kan dit relatief eenvoudig voorkomen worden. Zowel Google, Yahoo als Microsoft hebben inmiddels aangegeven dit attribuut te ondersteunen.

Hoe werkt het?

Het canonical attribuut werkt met de volgende syntax binnen de <head> tags van de website:

<link rel="canonical" href="http://www.webwinkel.nl/index.php?product=12">

Zoekmachines zullen nu begrijpen dat de pagina verwijst naar http://www.webwinkel.nl/index.php?product=12.

Alleen als het niet anders kan

Uiteraard blijft het in de eerste plaats belangrijjk om duplicate content zoveel mogelijk te voorkomen en bovenstaande alleen toe te passen als het niet anders kan. 

De canonical link is volgens Google overigens een 'hint' en geen directive. Dat houdt in dat Google dus niet garandeert de link te zullen volgen en dit in geval van twijfel ook niet kan doen.

Analytics

Webontwikkelaars hebben vaak al een Google account en uit gemak en service voor de klant wordt wel eens gedacht: 'ik maak een analytics profiel aan op mijn account en geef mijn klant toegang tot dit profiel'. Echter hier schuilt een gevaar. Want een analytics profiel kan niet wisselen van eigenaar!

Ik kwam hier ooit achter toen een klant zelf was begonnen met Adwords en gegevens wilde gaan uitwisselen tussen Adwords en Analytics. Logisch natuurlijk! Alleen zat het analytics profiel in mijn Google account en had de klant voor Adwords zelf een Google account aangemaakt. De enige oplossing is dan een nieuw Analytics profiel binnen het account van de klant. Jammergenoeg ben je dan wel alle historische gegevens kwijt.

Dus: maak geen Analytics profiel aan van iemand anders binnen je eigen Google account. Dit kan in de toekomst een hoop ellende besparen. Laat de klant zelf een Google account aanmaken en zich aanmelden voor Analytics. De klant kan jou vervolgens aanmelden als beheerder.

Adwords

Bovenstaand probleem zal zich bij Adwords niet zo snel voordoen. Je zou een campagne voor een klant aan kunnen maken binnen je eigen account maar dat lijkt me in verband met betalingen en dergelijke niet handig.

Klantencentrum

Gelukkig heeft Google het Klantencentrum bedacht. Hierin kun je meerdere Adwords accounts beheren zonder dat je daarvoor steeds met verschillende accounts moet inloggen.

Heb je al een Google account met adwords dan kun je deze niet gebruiken voor Google klantencentrum. Hiervoor moet je een nieuw Google account aanmaken. Vervolgens zal wel je huidige Adwords account geïmporteerd worden in Mijn Klantencentrum.

Hierna kun je eenvoudig andere Adwords accounts uitnodigen en vervolgens gaan beheren.

Tikje overdreven natuurlijk maar er zit een kern van waarheid in. Bij de ontwikkeling van een succesvolle website gaan design en usability hand in hand en zorgen samen voor een gedegen UI.

Zoals uit bovenstaande afbeelding blijkt vormen design en usability samen de user interface. Ligt de focus teveel op design dan zal de website waarschijnlijk ongebruiksvriendlijk en ontoegankelijk zijn. In het andere geval waarbij de nadruk teveel op usability wordt gelegd (of simpelweg niet of te weinig op design) zal de bezoeker misschien ook afdruipen.

In theorie is dit allemaal duidelijk maar in de praktijk is het vaak een kwestie van afwegen. Een voorbeeld:

Usability vs design in de praktijk

Onlangs hebben wij een website ontwikkeld met vaste afmetingen en daarbinnen een contentveld met een scrollbar. Hetzelfde principe als onze eigen site. Omdat de standaard scrollbar niet bijzonder aantrekkelijk is, en alleen binnen internet explorer dmv CSS anders vormgegeven kan worden, besloten we dmv van javascript de scrollbar volledig te vervangen door een simpele verticale lijn.

In de afbeelding hiernaast is te zien hoe we het uiterlijk van de scrollbar hebben aangepast. Qua design sloot dit, ten opzicht van de standaard scrollbar,  stukken beter aan bij de lay-out van de website.

Toen de website een aantal weken online stond kwam een medewerker van de telefonische helpdesk, die regelmatig met klanten meekeek op de website, met de opmerking dat veel klanten de verticale balk niet herkenden als zijnde een scrollbar.

In eerste instantie kon ik me dat bijna niet voorstellen. Maar ik breng behoorlijk veel uren door op internet en ben natuurlijk meer gefocussed op dit soort dingen dan de gemiddelde internet gebruiker.

Uiteindelijk is de scrollbar weer vervangen door de standaard scrollbar en hebben we hier een mooi voorbeeld waarin usability wordt verkozen boven design.

Kleurgebruik en contrast

Een ontwerp kan nog zo mooi zijn, als een bezoeker moeite heeft met het lezen van tekst of niet te lang naar keiharde kleuren wil kijken houdt je ontwerp geen stand. Onderstaande afbeelding maakt een hoop duidelijk.

Ajax

Een poosje geleden was ik wat aan het rondneuzen op een webshop. Duidelijke vormgeving, pagina's laadden snel, goed gebruik van tabbladen, etc... Totdat ik op een gegeven moment dacht 'even terug' en op de back button van mijn browser klikte. Prompt was ik weer op de website die ik daarvoor had bezocht. Uit frustratie besloot ik de webshop niet opnieuw te bezoeken.

Ajax is (kan) fantastisch (zijn). In combinatie met bijvoorbeeld jQuery kan het bezoeken van een website een waar genot worden. Maar ook een ramp. Dat een pagina niet gerefreshed hoeft te worden kan absoluut van toegevoegde waarde zijn. Maar als dit betekent dat de back button van de browser niet meer werkt zou ik deze oplossing ten zeerste afraden.

Bij Hotmail hebben ze het inmiddels aangepast maar ik stond op het punt om ze vaarwel te zeggen. Want als ik vanuit Postvak In een mail aanklik en vervolgens op de back button klik verwacht ik dat ik weer in Postvak In terecht kom.

Browsers

Als je veel met het ontwikkelen van websites bezig bent dan weet je dat Internet Explorer 6 af en toe een ramp is. Heb je net iets moois gemaakt met transparante png's, werkt het weer niet in Internet Explorer 6. Zolang een website dan in IE6 nog wel goed werkt en geen cruciale functionaliteiten mist is dit opzich geen probleem. Uiteindelijk worden we wel een keer van Internet Explorer 6 verlost. Maar het moet natuurlijk geen ergernis gaan opwekken.

Vandaag nog kwam ik terecht op de website www.designbyfire.com. Op deze website is gebruik gemaakt van een half transparant gedeelte in de footer. Dit levert bij het scrollen door de site een erg mooi effect op. Nieuwsgierig als ik was heb ik de site ook in IE6 bekeken. En ja, in theorie werkte het maar vraag niet hoe. In dit soort gevallen vind ik dat je toch serieus moet overwegen of het nou echt de moeite waard is...

Evenwicht

Je kunt er niet onderuit. Soms gaat usability voor, en ten koste van je design. Maar uiteindelijk wil je de bezoeker een zo goed mogelijke gebruikerservaring bieden. Zoek daarom naar het juiste evenwicht tussen usability en design. En wil je als webdesigner toch serieus meedoen? Overweeg dan toch eens 'Don't make me think' van Steve Krug. Leest lekker weg en op het gebied van usability een echte eye-opener.

Tot slot nog twee uitersten op gebied van usability en design:

http://www.useit.com - Thuishaven van Jakob Nielsen, de ware usability goeroe. Zoals je ziet is hij wel extreem gericht op usability en hecht weinig waarde aan een modern design.

http://www.2advanced.com - Designstudio uit Amerika. De site ziet er fantastisch uit en gaat al lang mee als het neusje van de zalm op het gebied van Flash. En dat is dan ook het enige dat je is bijgebleven als je een paar minuten op deze site hebt rondgekeken.

Bounce Rate

De zogenaamde bounce rate is het percentage bezoekers dat maar één pagina op een website bekijkt en vervolgens de website verlaat. Er wordt dus niet doorgeklikt naar andere pagina's. Hoe meer bezoekers dit doen, hoe hoger uw bounce rate. En een hoge bounce rate is geen goed teken. Het kan voor Google namelijk aanleiding zijn om de desbetreffende pagina als 'minder belangrijk' of 'minder relevant (aan de zoekopdracht)'  te beschouwen.

Bounce rate verlagen

Met Google Analytics kunt u zien wat de bounce rate voor uw website is. Let er echter wel op dat u niet teveel acties onderneemt op basis van de algemene bounce rate van uw gehele website. Blijkt uw bounce rate laag te zijn voor zoekwoorden die juist erg belangrijk en relevant zijn én die kwalitatieve bezoekers binnen moeten loodsen, neem dan uw content nog eens onder de loep. Krijgt de bezoeker informatie aangeboden die hij verwacht aan de hand van de zoekopdracht? Zijn de teksten niet te lang? Navigeert uw site duidelijk naar andere relevante delen?

Is uw site up te date? Terugkerende bezoekers zullen uw site snel verlaten als blijkt dat er niets is veranderd ten opzichte van hun laatste bezoek.

Usability

Hier zal het steeds meer op aan gaan komen: usability! Begrijpt iemand uw website dan zal hij minder snel weggaan (lagere bounce rate). Biedt u informatie duidelijk en gestructureerd aan dan zal hij langer blijven (hogere time on site).

Staar uzelf niet blind op enkel het design van uw website. Dit is een veelgemaakte fout! De mooiste (flash) sites zijn in te veel gevallen erg ongebruiksvriendelijk. Uw concurrent met de minder flitsende maar des te toegankelijkere website zal uiteindelijk aan het langste eind trekken. Het mag wel mooi zijn, maar vergeet niet dat het ook gebruiksvriendelijk en toegankelijk moet zijn!

Bekijk ook de usability checklist met goede tips om de gebruiksvriendelijkheid van uw website te verbeteren.

Conclusie: wat te doen voor goede rankings in 2009!

• Analyseer: het liefst met analytics. En niet 1x per week maar het liefst iedere dag (bij hoge bezoekersaantallen). Ontdek hoe bezoekers zich gedragen op uw website en waar de moeilijkheden zitten. Bedenk alternatieven en blijf analyseren.
• Schrijven: zorg voor goede relevante content en houd uw site up-to-date! Content blijft belangrijk.
• Usability: vergeet even het design en stel uzelf de vraag of uw site duidelijk en gebruiksvriendelijk genoeg is. Gebruik ook de checklist!

Voor een gedegen advies bent u natuurlijk altijd vrij om contact met ons op te nemen!

• Is de navigatie duidelijk en consistent op de hele website?
  • Waar ben ik?
  • Waar ben ik geweest?
  • Waar kan ik naartoe?
• 'U bent hier' indicator (broodkruimelnavigatie)?
• Functioneert de back-button in de browser zoals de bezoeker verwacht dat deze werkt?
• Is het mogelijk iedere afzonderlijke pagina te bookmarken?
• Functioneert de website juist in alle browsers?
• Zijn er alternatieve teksten voor afbeeldingen gebruikt zodat blinde mensen en mensen die afbeeldingen uitgeschakeld hebben belangrijke links kunnen vinden?
• Is het onomstotelijk duidelijk waar wel en niet op geklikt kan worden?
• Zijn contactgegevens makkelijk te vinden voor bezoekers die vragen hebben en contact op willen nemen?
• Bestaat er afgezien van een contactformulier een andere mogelijkeid om contact op te nemen?
• Zijn traditionele onderdelen van de browser (scrollbar) niet onherkenbaar gemaakt?
• Laad de site snel genoeg?
• Is er een gedegen zoekfunctie?
• Is er een sitemap?
• Linked het logo van uw website naar de homepage?
• Wordt er goed gebruik gemaakt van alinea's en koppen zodat tekst goed te scannen is?
• Wordt er een consistente layout gebruikt (homepage qua structuur en indeling niet afwijkend van vervolgpagina's)?
• Zijn er duidelijke error-pagina's?
• Zijn de essentiele onderdelen van de website zichtbaar als deze wordt bekeken met een resolutie van 800 x 600?

Een duidelijk overzicht is in de eerste plaats natuurlijk belangrijk voor je facturatie. Want al die 'half uurtjes' kosten niet alleen veel tijd maar ook veel geld als je ze niet factureert.

In de tweede plaats biedt het je ook een zeer verhelderend inzicht in de tijd die je aan projecten besteed. Men is vaak geneigd in de loop der tijd standaard tarieven te ontwikkelen voor bepaalde projecten. 'Zo'n soort website kost ongeveer x euro'. Maar waar is dit op gebaseerd? Hoogstwaarschijnlijk op een geschat aantal uren. Maar misschien zit je er wel heel ver naast. Door nauwkeurig bij te houden hoeveel tijd aan bepaalde projecten is besteed kun je uiteindelijk steeds beter in gaan schatten hoeveel tijd je ergens voor nodig hebt. Je snijdt jezelf minder vaak in de vingers met misschattingen in offertes, én werkt dus minder vaak voor te weinig.

Natuurlijk valt het niet mee om dit allemaal handmatig bij te houden. Zeker niet als je met meerdere projecten tegelijk bezig bent. Als een ingewikkeld (en vaak duur) registratiesysteem geen mogelijkheid is, biedt Timetracker van Paymo wellicht uitkomst.

Paymo Timetracker

Deze online gratis tool is een uitermate handig en eenvoudige applicatie voor projectbeheer en tijdregistratie. Na je te hebben aangemeld wordt er een subdomein voor je aangemaakt waarop je kunt inloggen en je gegevens kunt beheren. Je kunt op eenvoudige wijze al je klanten toevoegen, projecten koppelen aan deze klanten en vervolgens voor deze projecten taken aanmaken. In de gratis versie kun je tot 3 medewerkers toevoegen welke individueel aan taken kunnen worden gekoppeld.

Zie de onderstaande screenshots voor een indruk:

Handige widget

Het mooie aan Paymo Timetracker is de beschikbare widget. Je kiest in de widget een project en bijbehorende taak en hoeft alleen nog maar op start te klikken. Vervolgens begint de timetracker met het bijhouden van je gewerkte tijd. Ben je klaar dan klik je op stop en wordt er een nieuwe entry aangemaakt.

Op het dashboard kun je uiteindelijk netjes alle gegevens bekijken en overzichten genereren. Deze overzichten kun je exporteren naar pdf en bevatten zeer overzichtelijk het aantal gewerkte uren per klant, project of medewerker gedurende een bepaalde periode.

Er wordt inmiddels zelfs gewerkt aan de mogelijkheid om automatisch facturen te genereren. Een eerste beta versie is hiervan beschikbaar. Overigens zou ik hier niet snel gebruik van maken want het betreft natuurlijk een online dienst. Ik twijfel niet aan de veiligheid maar financiële gegevens beheer ik bij voorkeur liever lokaal.

Ben je op zoek naar een eenvoudige manier om je projecten en gewerkte uren te beheren dan is deze applicatie absoluut een aanrader!

Voor meer informatie: www.paymo.biz

Alles wijst erop dat Google zijn rankings steeds meer zal gaan baseren op menselijk gedrag. Factoren als CTR, Bounce Rate en Time on Site gaan een steeds belangrijkere rol spelen. In deze serie artikelen, waarvan ik nog niet weet uit hoeveel delen hij zal gaan bestaan, nemen we al deze factoren onder de loep.

Organic Click-Thru Rate (CTR) gaat er steeds meer toe doen

De Organic CTR is het percentage mensen dat op uw website klikt tegenover het percentage mensen dat uw website wel ziet, maar er niet op klikt. Het gaat hier over de organische zoekresultaten binnen Google, dus niet de gesponsorde Ad-Words advertenties. Zoeken er bijvoorbeeld 10 mensen naar 'tuingereedschap' en uw site wordt 10x weergegeven waarvan er 6x op wordt geklikt dan heeft u een organic CTR van 60%.

Hoe de Organic CTR te verbeteren?

• Zorg voor duidelijke 'description tags' voor iedere pagina die door Google wordt geïndexeerd. De description tag is een korte stukje tekst dat binnen de zoekresultaten onder de titel van uw pagina wordt weergegeven. Een duidelijke en uitnodigende omschrijving zal er voor zorgen dat er meer mensen op uw site klikken.
• Schrijf duidelijke 'title tags' voor iedere pagina die door Google wordt geïndexeerd. Hiervoor geldt dezelfde onderbouwing als voor de description tags. Goed geschreven titels zorgen voor een hogere CTR!

Time on site

Een steeds belangrijker wordende factor. Hoeveel tijd brengt een bezoeker door op uw site nadat hij hier via een organisch zoekresultaat op terecht is gekomen. Uit onderzoek is gebleken dat de ranking van uw site in verband staat met de tijd die bezoekers op uw website doorbrengen.

Time on site verbeteren

• Schrijf titles en descriptions die goed aansluiten bij uw content. Mensen zullen langer op uw website blijven als ze vinden wat er in de title en description staat.
• Gebruik een statistiekenprogramma (bij voorkeur Google Analytics) om te analyseren hoe lang mensen op bepaalde pagina's blijven. Pas, waar nodig, de content aan als blijkt dat mensen op bepaalde pagina's snel weer weg zijn. U kunt dit niet vaak genoeg doen. Het kan altijd beter.
• Zeer belangrijk is natuurlijk om kwalitatief goede content te schrijven. Zorg ervoor dat u uw bezoekers ook daadwerkelijk iets te bieden heeft. Voldoe aan de verwachting van de bezoeker.
• Usability! Hier komen we later uitgebreid op terug. In het kort: zorg ervoor dat uw site duidelijk en gebruiksvriendelijk is. Als een bezoeker het even niet begrijpt is hij weg.

Social networking

Je houdt ervan of je haat het. Ik moet er zelf erg aan wennen. Hyves, twitter, del.icio.us, stumbleupon, Digg, eKudos, enz, enz...

Het is tegenwoordig een intensieve bezigheid om je met al deze sites bezig te houden. Toch is het zinvol. Neem een Stumbleupon. Gebruikers bepalen welke sites goed zijn en welke niet. Dat is ook de weg die Google steeds meer inslaat. Je kunt er dan ook vanuit gaan dat Google informatie van deze sites ook meeweegt in de rankings.

Tot zover het eerste deel van Google 2009. In deel 2 gaan we onder andere in op Bounce Rate en Usability.

Vergeet niet: content blijft erg belangrijk en zoekmachines zullen hier altijd waarde aan blijven hechten. Wel zullen zoekmachines steeds meer de bezoeker gaan gebruiken om te testen of de content ook goed is. Schrijf dus voor uw bezoekers en niet voor de zoekmachines.

Het adres van de Santhos rss-feed is http://feeds.feedburner.com/santhos_weblog

Hoe werkt dit?

Alles wat u nodig heeft is een zogenaamde Feedreader, een programma waarmee u rss-feeds kunt uitlezen. Een goede optie is het programma genaamd Feedreader. Hoe kan het ook anders. U kunt dit gratis downloaden op http://www.feedreader.com

U kunt uw feeds ook online beheren met bijvoorbeeld Google Reader.

Het Santhos weblog bevat interessante artikelen en zal in de toekomst alleen maar verder uitgebreid worden. Abonneer je dus snel!

Maar Internet Explorer 6 geeft niet zomaar op. Want na zeven jaar op de markt te zijn heeft IE6 nog steeds een marktaandeel van 20%. In onderstaande afbeelding een overzicht van hoe de markt verdeeld was in december 2008:

Het keerpunt

Ondanks het nog altijd grote aandeel in de markt lijkt er zo langzamerhand toch een keerpunt aan te komen. Steeds meer ontwikkelaars kiezen er voor geen rekening meer met IE6 te houden. Gebruikers zullen om deze reden steeds vaker overstappen naar een andere browser. Het aandeel van Firefox wordt bijvoorbeeld steeds groter.

Daarnaast zijn er inmiddels behoorlijk wat campagnes actief die de ondergang van IE6 proberen te versnellen. Voorbeelden hiervan zijn Stop IE6, End 6! en Savethedevelopers.

Ook Google klaar met IE6?

SInds kort lijkt ook Google zich er mee te gaan bemoeien. Internet Explorer 6 gebruikers krijgen nu in Gmail namelijk een 'Get Faster Gmail' button te zien. De button verwijst naar een site die Google's eigen browser Chrome en Firefox 3 promoot.

Gezien Google's grote invloed lijkt het erop dat het eerder gedaan is met Internet Explorer 6 dan we hadden verwacht. En om eerlijk te zijn vinden wij dat bij Santhos helemaal niet zo erg.

Afbeeldingen: www.wisdump.com

Terugblik op het afgelopen jaar

2008 is voor Santhos het jaar geweest waarin we onze definitieve doorstart hebben gemaakt. We zijn fulltime met ons bedrijf aan de slag gegaan en hebben hiervoor een hoop dingen opzij gezet. Alhoewel dat niet altijd meevalt is het zeker geen teleurstelling geworden. Integendeel zelfs!

We hebben een hoop nieuwe klanten mogen verwelkomen en verschillende succesvolle websites ontwikkeld waaronder speelgoed-en-kadohuis.nl, podiumagenda.nl en kennisbureau.nl.

Ons content management systeem hebben we verder doorontwikkeld en is in de basis uitgegroeid tot een gedegen systeem om websites mee te beheren en zoekmachinevriendelijk te publiceren.

Ook hebben we op het gebied van zoekmachine optimalisatie niet stilgezeten. We hebben de ontwikkelingen op dit gebied het afgelopen jaar intensief gevolgd en bestudeerd. Op de zoekterm 'webdesign' zijn we inmiddels de top40 van Google binnengedrongen. Uiteraard gaan we in 2009 voor een top10 notering!

Al met al een geslaagd 2008!

Vooruitblik op het komende jaar

2009 heeft een hoop te bieden op het gebied van webdesign en grafische vormgeving. Diverse trends en ontwikkelingen hebben zich in 2008 aangekondigd en zullen zich in het komende jaar alleen maar verder gaan ontwikkelen.

Koploper hierin is natuurlijk de strijd om de hoge ranking in Google. Ook Google zit niet stil en er wordt al volop gespeculeerd over de wijze waarop Google websites in het komende jaar, en de verdere toekomst, zal gaan indexeren. Alhoewel je het met Google nooit zeker weet is wel zeker dat er weer een hoop gaat veranderen. In tegenstelling tot de invloed die het indexeren via de spiders van Google in het verleden had zal Google de ranking van een site steeds meer gaan baseren op het natuurlijk gedrag van mensen op een website. Daarnaast blijft content een grote rol spelen. Verzorg uw website daarom goed in 2009! Tevreden bezoekers, goede inhoud en voldoende updates leiden tot betere rankings!

Santhos heeft zich in ieder voorgenomen deze ontwikkelingen op de voet te blijven volgen. Tevens gaan we u in 2009 meer inzicht geven in ons bedrijf. Waar en hoe worden die websites en huisstijlen eigenlijk gemaakt? Wie zijn nou eigenlijk de mensen achter Santhos? Met 'Inside Santhos' neemt u een kijkje in onze keuken en laten wij u zien hoe bepaalde projecten tot stand zijn gekomen.

Tot slot zitten we met smart te wachten op de laatste uitgave van de Webdesign Index by Content 4 waarin we vol trots met onze website zijn opgenomen. De verwachting is dat deze in maart 2009 op de markt zal verschijnen.

Houd ons daarom goed in de gaten in 2009. Het kon nog wel eens een bijzonder jaar gaan worden!

Thomas en Anne

Wat is de Google Pagerank precies?

De Pagerank (PR) is een meetinstrument van Google om de belangrijkheid van een pagina aan te geven. In theorie is het zo dat hoe maar (relevante) links er naar een website verwijzen, des te hoger de PR wordt. Hierbij speelt de PR van de verwijzende site ook een grote rol. De PR wordt aangeduid met een getal tussen de 0 en de 10.

Als ik een hoge PR heb, sta ik dan automatisch hoger in de zoekresultaten van Google?

Dit hoeft niet. Er zijn naast de PR vele andere factoren van invloed op de ranking in Google. Toch zie je vaak dat sites die hoog ranken over het algemeen een hogere PR hebben.

Hoe kan ik zien wat de PR van mijn website is?

Dit kun je doen door de Google Toolbar te installeren. Je kunt vervolgens in je browser voor iedere website die je bezoekt de PR zien.

Mijn PR is al heel lang hetzelfde, hoe kan dit?

Tijdens de zogenaamde Pagerank Shuffle worden de PR's van alle websites geupdate. Hoe vaak dit plaatsvindt is niet geheel duidelijk, maar meestal zit hier wel een maand of 5 à 6 tussen.

Ik heb een nieuwe website. Hoe zorg ik nu dat ik een hoge PR krijg?

Ga op zoek naar websites die met uw website te maken hebben en probeer daar een link uit te wisselen. Immers; hoe meer kwalitatieve verwijzende links naar uw website, hoe hoger uw pagerank. Maar vergeet niet: Het hebben van een hoge pagerank is natuurlijk erg leuk, maar het betekent niet automatisch dat u hoog scoort in Google. Staar uzelf er daarom niet blind op!

Reacties / vragen?
thomas@santhos.nl