Te veel vertrouwen op zoekmachines voor gezondheidsinformatie is niet verstandig. Veel mensen gebruiken Google als vraagbaak bij kwaaltjes. Uit Amerikaans onderzoek blijkt dat de kwaliteit van de zoekresultaten te wensen over laat. Google is ondertussen bezig de kwaliteit van de  ‘medische zoekresultaten’ op te schroeven.

Veel commerciële content
Volgens de onderzoekers bestond ongeveer 20% van de zoekresultaten in de top tien van Google en Yahoo uit commerciële websites. Commerciële partijen hebben belang bij hoge posities in de zoekmachines maar de informatie die ze geven is vaak gekleurd en incompleet. Zo worden de risico’s en complicaties van de behandeling soms niet vermeld vanuit commercieel belang. Volgens de onderzoekers moet er gezorgd worden dat mensen kwalitatieve bronnen raadplegen:

“Despite its shortcomings, the Internet is the future of how patients will obtain information to make their healthcare decisions. Therefore, patients and physicians need to make sure they are getting that information from reputable, accurate sources.”

Google bepaalt nr. 1 posities
Zowel Google als  Bing zijn ondertussen bezig met het uitbreiden en verbeteren van de ‘medische zoekresultaten’. Zo verschijnt ‘Google Health’ bovenaan de resultaten in de V.S. als je bijvoorbeeld zoekt op ‘diabetes.’  Daarnaast wordt in de V.S. samengewerkt met een overheidsinstituut om betrouwbare informatie over medicijnen bovenaan de zoekresultaten te tonen bij zoekopdrachten op namen van medicijnen (zie onderstaande afbeelding).

Naast ideële motieven zullen de groeiende online uitgaven van de farmaceutische industrie Google ook motiveren om te investeren in het vertrouwen van mensen in Google als het gaat om gezondheidsinformatie. Wanneer dergelijke zoekresultaten in Nederland te zien zijn is niet bekend.

Internet als raadgever
De aanleiding voor het onderzoek is dat meer dan 50% van de internettende Amerikanen minstens één keer per maand online zoekt naar gezondheidsinformatie. Controle op de kwaliteit van deze informatie blijft achter. In het Amerikaanse onderzoek dat op Search Engine Land wordt beschreven, werden de top tien zoekresultaten van Google en Yahoo van veel voorkomende sportblessures geanalyseerd.

Betrouwbare websites
Non-profit websites bleken het meest betrouwbaar, persoonlijke websites het minst. Hieronder staan de 6 typen websites gerangschikt op betrouwbaarheid.

1. Non-profit websites
2. Academische websites
3. Commerciële websites: niet sales-georiënteerd
4. Commerciële websites: sales-georiënteerd
5. Krantenartikelen
6. Persoonlijke websites

Gerelateerde berichten:
 - Google verstevigt positie US
 - Google Trends voor websites
 - Tribal is nu ook Google Analytics Authorized Consultant

De ontwikkeling van websites wordt vaak uitbesteed aan gespecialiseerde bureaus, maar met name bij grotere internet spelers vindt de ontwikkeling in-house plaats. Maar hoe dan ook, vrijwel altijd is de uitdaging: maximale productiviteit uit je web development team halen.

Dit is een thema waar ik zelf al jaren mee te maken heb en ik stuitte onlangs op een interessante presentatie die veel van mijn bevindingen bevestigt. Hier volgt een korte samenvatting. Let wel, veel van onderstaande is ook relevant voor teams die zich niet bezighouden met web development.

8 experimenten om de productiviteit te verhogen

1. Wat gebeurt er als mensen langer werken?
Een middel dat vaak wordt ingezet om de productiviteit te verhogen is overwerk. Echter, uitgebreide studies van Ford hebben aangetoond dat een 40-urige werkweek optimaal is voor de productiviteit. Laat je werknemers 60 uur per week werken, dan resulteert dat in eerste instantie in een verhoging van de productiviteit, maar na 3-4 weken zal een negatief effect ontstaan.

2. Wat gebeurt er als met tussenpozen langer gewerkt wordt?
Op basis van bovenstaande zou je kunnen concluderen dat bijvoorbeeld een week overwerken afgewisseld met een 40-urige werkweek een positief effect zal hebben. Echter, ook dit blijkt uiteindelijk een negatief uit te pakken. Na een periode van overwerk zakt de productiviteit altijd tijdelijk in, waarbij het netto resultaat over het algemeen negatief is.

Als de 40 uren op een andere manier over de week verdeeld worden, bijvoorbeeld 4 dagen van 10 uur en 3 dagen vrij, dan kan dit wel een positief effect hebben op de productiviteit en het verzuim kan afnemen.

3. Gelden dezelfde conclusies voor kenniswerkers?

Bij taken die creativiteit of probleemoplossend vermogen vereisen blijkt dat de productiviteit al na 35 uur per week begint af te nemen. Vermoeidheid en overwerken hebben bij kenniswerkers een groter effect dan bij anderen. Voldoende ontspanning en slaap zijn cruciaal.

4. Zijn er uitzonderingen?
Veel mensen beweren dat ze makkelijk zonder problemen structureel kunnen overwerken, waarbij ze de perceptie hebben meer werk gedaan te krijgen. Echter, experimenten hebben aangetoond dat het ook bij deze groep blijft bij perceptie. De daadwerkelijke productiviteit ligt lager dan wat de betrokkenen ervaren. Ook worden negatieve effecten door gemaakte fouten, verkeerde beslissingen en gemiste kansen vaak niet opgemerkt. Met andere woorden, er zijn geen uitzonderingen; overwerken loont niet.

5. Wat is de ideale teamgrootte?
De consensus van verschillende studies is dat een team bestaande uit 4 tot 8 werknemers optimaal is voor de productiviteit. Deze kleine teams hebben een 30-50% hogere productiviteit dan teams met meer dan 10 leden. Dit is vooral te wijten aan de toenemende overhead in communicatie binnen grotere teams. Teams met minder dan 4 werknemers daarentegen hebben over het algemeen te weinig verschillende inzichten om tot goede oplossingen te komen en zijn daarom ook niet optimaal.

6. Wat is de meest productieve werkomgeving?
Het antwoord op deze vraag is heel duidelijk: zet het complete team bij elkaar in een afgesloten ruimte. Dit kan leiden tot een productiviteitsverhoging van 100%. Belangrijke factoren die hieraan bijdragen zijn de snelle communicatie, betere oplossingen voor problemen en minder verstoringen van buitenaf.

7. Hoe om te gaan met verschillende disciplines?
Indien een project samenwerking vereist tussen meerdere disciplines, zoals ontwikkelaars en designers, dan is het aan te bevelen om deze disciplines samen te brengen in één team. In het begin kan het afstemmen van de manier van werken wat tijd kosten, maar uiteindelijk komen crossfunctionele teams tot betere oplossingen. Ook leidt het tot minder externe verstoringen en zorgt het ervoor dat teamleden kunnen focussen op een specifieke taak. Multi-tasken leidt namelijk tot 15% productiviteitsverlies en dient voorkomen te worden.

8. Met wat voor team capaciteit moet gepland worden?
Het blijkt dat plannen met 80% productiviteit de beste resultaten oplevert. Als je plant met 100% dan is er geen ruimte meer voor creativiteit. Verder gaat de 20% die overblijft niet verloren: gemotiveerde werknemers gebruiken ook die tijd nuttig, bijvoorbeeld door met nieuwe ideeën te komen of processen te verbeteren. Hierdoor kan uiteindelijk meer gedaan worden in minder tijd, waardoor het netto effect zeer positief kan zijn. Dus in plaats van sturen op 100% productiviteit moeten creativiteit en lange termijn denken gefaciliteerd en gestimuleerd worden.

Conclusie

Zonder compleet te zijn is bovenstaande een aardige verzameling van lessen uit verschillende experimenten. Wellicht helpen deze tips of zoals de auteur van de presentatie zo mooi zegt: “8 productivity experiments you don’t need to repeat”.

No related posts.

Laat ik voorop stellen dat de grote jongens zoals Bol.com, Amazon.com en Wehkamp.nl het zeker goed voor elkaar hebben op het gebied van usability. Het is immers erg moeilijk om aan de top te komen als je website niet goed in elkaar zit.

Desondanks is het af te raden om (onderdelen van) hun websites zomaar over te nemen voor jouw eigen website.

Iedere site is uniek
Wat een ‘goed’ design is, of wat een ‘goede methode’ is, verschilt per website. Er gelden bepaalde algemene richtlijnen en standaarden (zoals je logo in de linker bovenhoek plaatsen en je menu aan de linker- of bovenkant van de pagina positioneren) waar je je maar beter aan kunt houden, maar dat wil nog niet zeggen dat er voor alles een pasklare, altijd geldende oplossing is.

Bedenk dat jouw doelgroep, jouw producten, en de lay-out van jouw website anders zijn dan die van je concurrenten. Dit betekent dat je soms ook andere keuzes moet maken.

In het ene design werkt het bijvoorbeeld beter om je productfilters aan de linkerkant van de pagina te plaatsen, terwijl een andere website misschien een dermate lang menu aan de linkerkant heeft staan, dat het beter is om de filters daar bovenaan de pagina te zetten, om te voorkomen dat deze onder de vouw vallen.

Of de producten van website A lenen zich beter voor het toevoegen van beoordelingen dan die van website B. Website B kan er dan wellicht beter voor kiezen om geen mogelijkheid te bieden tot het toevoegen van productbeoordelingen, wanneer zij vermoeden dat deze toch nauwelijks geplaatst zullen worden.

‘De groten’ kunnen zich meer permitteren
Grote merken hebben het voordeel dat ze zich meer kunnen permitteren. Neem een Bol.com: hun merknaam is zo bekend, dat veel mensen direct naar hun website gaan als ze een boek of cd willen bestellen. Bol.com heeft er dus baat bij om zo duidelijk mogelijk te communiceren dat een pagina tot hun website behoort. Wellicht plaatsen zij daarom hun bedrijfsnaam vooraan hun paginatitels, zodat die het eerst wordt getoond in de zoekresultaten:

Dit is tegengesteld aan wat wij onze klanten doorgaans adviseren: om goed te scoren in zoekmachines is het aan te raden om relevante zoektermen (zoals de naam van het product) zo veel mogelijk vooraan in de titel te zetten en de bedrijfsnaam achteraan te plaatsen.

Bol.com is echter zo’n sterke website, dat voor hen wellicht geldt dat het profileren van hun naam sterker weegt dan het perfect optimaliseren van hun paginatitels.

Verder is het zo, dat bezoekers meer vergevingsgezind zijn wanneer het gaat om ‘onhandigheden’ op bekende websites. Bij onbekende websites zullen deze bezoekers sneller afhaken en naar een concurrent gaan.

Niemand is perfect
Vergis je niet: ook grote websites benaderen internet marketing bureaus zoals Tribal voor advies! Geen enkele website is perfect.

Amazon.com is het grote voorbeeld wanneer het gaat om continu testen. Regelmatig zie je dingen op hun website (al dan niet tijdelijk) veranderen. Zij weten namelijk dat het altijd beter kan.

Dus weet je wel zeker dat hetgeen dat jij kopieert, een succesvol element van die website is?

Bij grote bedrijven die niet hoofdzakelijk online opereren, komt het bovendien vaak voor dat er vele afdelingen samen verantwoordelijk zijn voor de website, zodat er door verschillende medewerkers (niet noodzakelijk met online marketing achtergrond) content aan toegevoegd kan worden. Soms is de website zelfs het resultaat van politieke invloeden in plaats van een doordachte online marketingstrategie!

Hoe dan wel?
Wat moet je dan wel doen om ervoor te zorgen dat je website gebruiksvriendelijk wordt en goed converteert? Het antwoord is simpel: baseer je op algemene usability richtlijnen, maar ga daarna vooral testen! Aangezien iedere site uniek is, zal uit de praktijk moeten blijken of jouw website goed aansluit bij jouw doelgroep en hun wensen.

No related posts.

Advertentiebeheer op je website (FAQ)
In het begin biedt bovenstaande oplossing  misschien nog uitkomst, maar je loopt al snel tegen allerlei vragen aan:

-          Hoe beperk je het totaal aantal impressies?
-          Hoe beperk je het aantal impressies per unieke bezoeker?
-          Hoe registreer en rapporteer je het aantal impressies?
-          Hoe registreer en rapporteer je het aantal clicks?
-          Hoe rouleer je verschillende advertenties?
-          Hoe bepaal je je advertentievoorraad?
-          Hoe haal je het hoogste rendement uit je advertentievoorraad?

Google biedt uitkomst
Google heeft inmiddels ruim een jaar een antwoord op bovenstaande, en andere vragen in de vorm van Google Ad Manager. Google Ad Manager is geheel gratis en de enige vereiste is dat je een Google AdSense account hebt. Je kunt met Google Ad Manager namelijk ook AdSense advertenties op je site plaatsen (niet verwonderlijk natuurlijk), maar dat is volledig optioneel. Je kunt de tool prima inzetten voor het beheren van advertentiecampagnes die je zelf verkocht hebt.

Starten met Ad Manager
Het is niet mijn bedoeling om hier uitgebreid uit te leggen hoe je Google Ad Manager implementeert binnen je website. Daarvoor is voldoende informatie te vinden, zoals op de Google Support site. Maar op hoofdlijnen ziet dit proces er als volgt uit:

1. Log in of registreer je op Google Ad Manager

2. Definieer de advertentievoorraad van je site in de vorm van advertentieruimtes (‘ad slots’) – een advertentieruimte
is een representatie van een bepaalde plek binnen de site waar je een advertentie wilt plaatsen

3. Groepeer de advertentieruimtes in zogenaamde posities (‘placements’) – een positie is een verzameling van
advertentieruimtes waaraan je advertenties wilt koppelen. Zo kun je advertentieruimtes bijvoorbeeld groeperen op
basis van de afmetingen van de ruimtes, of juist op basis van content categorieën binnen je site

4. Genereer advertentie tags en plaats deze in de HTML van je site – met behulp van de tags uit Google Ad Manager
maak je een koppeling tussen een plek op de website en een advertentieruimte zoals bij punt 2 hierboven
gedefinieerd

5. Maak orders en regelitems aan voor elke advertentiecampagne – hiermee leg je afspraken met de adverteerder vast
en bepaal je waar de advertenties geplaatst gaan worden

6. Upload de advertenties (‘creatives’) voor de verschillende regelitems – een advertentie kan een Flash bestand zijn of een afbeelding

Even geduld…
Na het doorlopen van deze stappen moet je meestal even geduld hebben. Veranderingen in Google Ad Manager worden niet real-time doorgevoerd. Afhankelijk van de soort wijziging kan het 15 tot 60 minuten duren voordat het resultaat van de wijziging op je site zichtbaar is.

Extra mogelijkheden
Google Ad Manager biedt allerlei geavanceerde features. Zo is het bijvoorbeeld mogelijk om advertentie-targeting toe te passen op basis van geografisch locatie, type browser, dag en tijd, besturingssysteem, taalinstellingen, bandbreedte en gebruikersdomein. Ook kun je zelf targeting criteria definiëren. Als je van je bezoekers bijvoorbeeld weet wat hun geslacht is, dan kun je die informatie meesturen in de advertentie tags en vervolgens als targeting criteria gebruiken.

Statistieken
Uiteraard kunnen uitgebreide statistieken worden opgevraagd. Zo is het mogelijk om vanuit verschillende perspectieven (adverteerders, orders, advertentieruimtes, posities, enz. ) statistieken te bekijken.  Hiermee krijg je een volledig overzicht van het aantal impressies, clicks en opbrengsten. Vervolgens kun je een rapport exporteren naar een CSV bestand of online delen met anderen.

Conclusie
Google Ad Manager is een prima tool, waar veel publishers profijt van kunnen hebben. En dat de tool volledig gratis is maakt het erg interessant om ermee aan de slag te gaan.

Gerelateerde berichten:
 - Google advertenties analyseren met de Effective Succes Rate (ESR)
 - Google test video advertenties in zoekresultaten
 - Marktplaats goes SEA met ‘Admarkt Mini-advertenties’

Komt dit je bekend voor, of sta je net op het punt om met een nieuwe website te beginnen? Gebruik dan deze Web Marketing Checklist, met meer dan 300 web marketing tips!

Best Damn Web Marketing Checklist

De lijst is (uiteraard met toestemming) geïnspireerd op de Best Damn Web Marketing Checklist van Stoney DeGeyter van Pole Position Marketing, een Amerikaans search engine marketing bureau. Zij hebben overigens ook nog een aantal andere interessante SEM e-books gepubliceerd. Aangepast op de Nederlandse markt en aangevuld met punten van onze eigen SEO en Usability specialisten is deze lijst een perfecte start voor iedereen die op het punt staat een website of webwinkel te beginnen.

Inhoud

Onderverdeeld in 23 categorieën behandelt de lijst alle stappen die gemaakt moeten worden als het aankomt op het maken en de marketing van een website. Met het oog op usability, SEO, toegankelijkheid en website-ontwikkeling worden de verschillende onderdelen van een website behandeld. Elk punt wordt kort besproken zonder uitgebreide uitleg. De lijst is dan ook geen uitgebreid naslagwerk, maar een checklist in zijn zuiverste vorm.

Met deze checklist weet je dus zeker dat je aan alle belangrijke aspecten van een website hebt gedacht.

De Web Marketing Checklist is zowel in html als pdf (37 pagina’s) te bekijken.

Gerelateerde berichten:
 - Checklist voor pakkende weblog teksten
 - Affiliate Marketing; de basis principes
 - Eye For Travel Sales&Marketing Summit 2009: een verslag

http://www.frankwatching.com/archive/2009/10/06/het-selecteren-van-een-webbureau-kan-en-moet-beter/.

Wat hij schrijft komt me zeer bekend voor. Er valt dan ook eigenlijk weinig aan te merken op zijn artikel, maar via deze weg wil ik toch mijn visie op dit onderwerp geven. Aangezien we zelf een webbureau zijn zal ik niet ingaan op het tweede deel van Robert Jan’s artikel (Robert Jan, ik ben zo vrij om je bij je voornaam te noemen), en neem zijn advies in dat deel ter harte. Maar hieronder wel wat opmerkingen bij de zeven tips voor opdrachtgevers:

1. Een goede voorbereiding

“… beoordelingcriteria zijn nog niet opgesteld.[ …] Bureaus die eerst aan alle criteria leken te voldoen worden afgeschoten en zo worden er telkens nieuwe partijen opgevoerd. Een zoektocht zonder einde.”

Helemaal mee eens. De criteria zijn lang niet altijd even duidelijk en veranderen nog weleens tijdens het selectieproces. Bijkomend nadeel is dat uiteindelijk appels met peren vergeleken worden. Nou begrijp ik ook wel dat input van potentiële leveranciers kunnen leiden tot nieuwe inzichten en dat als gevolg daarvan criteria in een laat stadium veranderen. Om dat te voorkomen kan het helpen om aan het begin van het traject al eens met wat leveranciers te praten over de mogelijkheden, hun werkwijze, enz.

2. Slimme overgangsmomenten

“Door eerst te werken met een onafhankelijk bureau dat  niet zelf bouwt, kan je tot een zodanige specificatie komen, dat je voor de bouw een exacte fixed price offerte kan laten maken. Hiermee sluit je veel risico’s uit.”

Gedeeltelijk mee eens. Om bovenstaande te bereiken hoef je echter niet per se de specificatie door een onafhankelijk bureau te laten maken. Er zijn bureaus (zo ook Tribal Internet Marketing) die standaard beginnen met het uitwerken van een specificatie. Zodra deze specificatie is goedgekeurd door de klant wordt een fixed price offerte gemaakt voor de implementatie. Mocht deze offerte toch tegenvallen, dan kan de klant alsnog bij andere bureaus offertes opvragen op basis van de specificatie. Zorg dus dat je de vrijheid hebt om na de specificatiefase de samenwerking te beëindigen. Zo kun je in principe voor één leverancier kiezen, maar je zit er niet aan vast als de prijs voor de implementatie uiteindelijk tegenvalt.

3. Een geolied proces

“Een goede pitch kent duidelijke stappen…”

Zoals bij punt 1 hierboven beschreven kan het helpen om aan het begin van het proces een oriënterend gesprek te hebben met wat bureaus, om zodoende voor jezelf duidelijk te krijgen wat echt belangrijk is en welke selectiecriteria relevant zijn.

4. Leg ook zachte selectiecriteria vast

“Op basis van de harde selectiecriteria wordt een long list opgesteld en vervolgens op basis van de zachte eisen een short list van de meest geschikte bureaus.”

De besproken zachte selectiecriteria zijn uiteraard erg belangrijk. Wel vraag ik me af hoe praktisch het is om op basis van deze criteria van een long list tot een short list te komen. Zachte selectiecriteria zoals motivatie, professionaliteit en inlevingsvermogen van de leverancier zijn pas goed te beoordelen na een persoonlijk gesprek. Dit is alleen praktisch uitvoerbaar als de long list niet te lang is.

5. Een leesbaar RFP

“Laat puzzelen liever aan bejaarden over. Vanuit het perspectief van het webbureau is het een zeer onaangename kennismaking met de opdrachtgever.”

Tja, misschien is het wel een goede test om te kijken hoe een bureau omgaat met een RFP waarin niet alles wordt uitgespeld. Stellen ze de juiste vragen, gaan ze er toch voor 100% voor om de opdracht binnen te halen, enz. Echter, uiteindelijk is een duidelijk RFP natuurlijk een vereiste om duidelijke antwoorden te krijgen en dus een goede selectie te kunnen doen.

6. Laat niet hele teams opdraven

“Sommige opdrachtgevers eisen bij de eerste pitch presentatie al het gehele team aan tafel. […] Vaak wordt er ook een concept design van de website gevraagd.”

Om tot een goed eindresultaat te komen is het belangrijk een iteratief proces te doorlopen. Eerst dienen doelstellingen, doelgroepen en de belangrijkste functionaliteiten bepaald te worden. Daarna volgen vaak de functionele beschrijving, de wireframes en dan pas het grafisch design. Tijdens dit traject wordt stap voor stap duidelijk hoe de website eruit moet gaan zien, maar ook welke expertise in elke stap nodig is om tot een goed eindresultaat te komen. Het heeft dus weinig zin om te eisen dat er direct een compleet team gepresenteerd wordt. En het opleveren van een concept design tijdens het selectieproces is nutteloos, omdat een aantal essentiële stappen worden overgeslagen.

7. De onderhandelingen

“…zorg er dan wel voor dat er nog voldoende ruimte in de planning is voor onderhandelingen. Een voorstel van een bureau is zelden in een keer goed.”

Wat de onderhandelingen kan bespoedigen is openheid over het beschikbare budget vanaf het begin van het selectieproces. Dit geeft bureaus de mogelijkheid om hun voorstel direct af te stemmen op de financiële mogelijkheden. Het heeft weinig zin om in de RFP te vragen om allerlei geavanceerde functionaliteiten als het budget er niet naar is. Een leverancier kan een dergelijke mismatch direct in zijn voorstel afvangen, bijvoorbeeld door bepaalde zaken optioneel te prijzen, zodat de opdrachtgever een goede afweging kan maken van functionaliteit versus kosten.

Tenslotte, er is natuurlijk altijd nog de mogelijkheid om een webbureau te selecteren zonder uitgebreid pitchproces. Bijvoorbeeld door af te gaan op goede ervaringen met een bepaald bureau van mensen in je netwerk. Of door gewoon eens met wat partijen om tafel te gaan en een snelle eerste selectie op basis van zachte criteria te maken. Vraag vervolgens om een offerte. Sluit het resultaat aan bij de verwachtingen, dan heb je jezelf een lang selectieproces bespaard.

No related posts.

Snelheid is op Internet de belangrijke sleutel tot succes. Kijk maar naar het succes van Google. Een belangrijke reden van het succes is de snelheid van hun zoekmachine en aanverwante producten. Door de laadtijd van je website te optimaliseren kun je conversiepercentages omhoog krijgen, klanten winnen en ze tevreden houden.

Met behulp van de volgende tips kun je de laadtijd van je website flink reduceren:

1. Optimaliseer de HTML

Begin met het verzamelen van alle ‘style’ elementen in de broncode, zodat we pure HTML code over houden. Kijk naar alle pagina’s en kijk of bepaalde elementen efficiënter kunnen worden opgebouwd. Tabellen kunnen bijvoorbeeld naar CSS worden omgezet. Als eenmaal alle <style> elementen verzameld zijn, kunnen ze in één of meerdere CSS bestanden geplaatst worden.

• Zet alle visuele aspecten van de pagina in een CSS bestand en plaats de verwijzing bovenin de <head> sectie van de code.
• Zet alle losse JavaScript code in externe .js bestanden en plaats de verwijzingen naar deze bestanden onderin de <head> sectie. Dit zorgt ervoor dat webbrowsers eerst de content en de visuele aspecten kunnen laden, en zich dan pas gaan bemoeien met de JavaScript van de pagina.

2. Verminder het aantal HTTP requests

Elk onderdeel van een webpagina dient een verzoek in bij de server. Als je 30 afbeeldingen op de webpagina hebt staan, dan dient iedere afbeelding een apart verzoek in bij de server. Als we spreken over een hoog aantal objecten (10+) dan domineren deze verzoeken de laadtijden van de pagina enorm. Door dit aantal objecten omlaag te brengen, verminder je het aantal verzoeken naar de server en dus ook de laadtijd van de desbetreffende pagina.

• Converteer grafische tekst naar CSS
  Tekst op basis van afbeeldingen kosten nu eenmaal meer tijd om in te laden. Gebruik daarom CSS-style headers om dezelfde of een vergelijkbare uitstraling te krijgen.

• Combineer externe CSS en JavaScript bestanden
  Des te minder verwijzingen er staan naar CSS en JavaScript bestanden, des te minder verzoeken er bij de server ingediend hoeven te worden.

• Gebruik géén frames
  Jawel, er wordt nog steeds gebruik van frames gemaakt. Vraag me niet waarom. Zoekmachines zien frames als losse pagina’s en worden dan ook apart beoordeeld op relevantie. Het zorgt verder ook voor veel gebruikersvriendelijkheidproblemen.

3. Converteer JavaScript naar CSS

Er wordt veel gebruik gemaakt van JavaScript voor diverse doeleinden, waaronder menu’s. Het voornaamste probleem dat JavaScript met zich meedraagt is dat zoekmachines deze techniek niet kunnen lezen en het vereist een apart bestand dat de laadtijd weer langer maakt.

Maak gebruik van CSS i.p.v. JavaScript voor functies als iets zichtbaar/onzichtbaar maken, een dropdown, etc. Je moet uiteraard wel redelijk bekwaam zijn in zowel CSS als JavaScript om dit voor elkaar te krijgen.

4. Gebruik de juiste afbeeldingformaten en -grootten.

Afbeeldingen zijn over het algemeen de grootste bestanden van een website en nemen de meeste tijd in beslag om te laden. Het is dus van belang dat afbeeldingen zo goed mogelijk geoptimaliseerd zijn.

Maak ten eerste geen gebruik van de TIFF en BMP formaten. JPEG, GIF en PNG zijn voor websites de meest gangbare afbeeldingformaten. Elk formaat heeft weer zo z’n voor- en nadelen, en elk van deze drie formaten is weer beter toepasbaar op ander beeldmateriaal:

• Gebruik JPEG voor foto’s, zoals productafbeeldingen. JPEG biedt de beste compressie. Er zit qua beeldkwaliteit weinig verschil tussen hoge of gemiddelde compressie, maar de bestandgrootte kan soms de helft kleiner zijn.
• Gebruik GIF voor icoontjes, achtergronden en kleine visuele elementen.
• Gebruik PNG voor hoge kwaliteit screenshots, transparante elementen en icoontjes.

Aanvullende optimalisatie tip:

• Pas de resolutie van de afbeelding aan naar de exacte grootte die je op de website gebruikt. Extra resolutie die niet gebruikt wordt kost onnodig veel tijd.

5. Gebruik externe host voor video’s

Het optimaliseren van video’s heeft alleen zin als je ze zelf ook host op de website. Maar in de tijd van online video is dit meer nodig. Losse videobestanden kosten heel veel bandbreedte en vereisen handmatige optimalisatie. Door een video te uploaden, naar b.v. YouTube , Vimeo of blip.tv, en dan te implementeren op je website bespaar je internetverkeer en biedt je de video’s in hoge kwaliteit aan.

De hoofdregel bij dit alles is dat de hoofdcontent altijd voor gaat. Bezoekers willen hun gevraagde informatie direct kunnen benaderen. Zorg er daarom voor dat de gevraagde content altijd als eerste geladen wordt. Als bezoekers op een pagina terecht komen waar ze gebruik willen maken van een bepaalde applicatie, laadt dan eerst die applicatie in en dan de rest.

Ik hoop dat dit artikel geholpen heeft, en website-eigenaren aan het denken heeft gezet. Uiteraard zijn er nog meer tips om laadtijd te verminderen die ik heb overgeslagen. Laat ze achter in de reacties hieronder!

Gerelateerde berichten:
 - 4 tips voor het ontwikkelen van een professionele website
 - AdWords Kwaliteitsscore: Laadtijd landingspagina
 - 25 criteria om de kwaliteit van jouw website te beoordelen!

Plannen is vooruitzien
Stel je staat aan het begin van een web project. Tenzij je die handige buurjongen bent die in z’n uppie wel even een website in elkaar zet, zul je al snel iets van een planning willen maken. Natuurlijk zijn er betaalde tools zoals MS Project, maar voor het maken van een planning zul je meestal voldoende hebben aan een open-source alternatief GanttProject genaamd. De naam zegt het al, je kunt er Gantt diagramen mee maken. Maar ook een PERT diagram en een resource planning is zo gemaakt.

Functioneel design
Vervolgens maak je natuurlijk functionele schetsen van de website in de vorm van wireframes. Een geweldige tool daarvoor is Axure. Deze tool is niet gratis, maar is de investering meer dan waard. Het tekenen van wireframes is een kwestie van het slepen en plaatsen van webcomponenten (zoals radio buttons, check boxes, enz.). Extra bijzonder is dat je van de wireframes met het grootste gemak een klikbaar HTML prototype genereert, zodat je direct inzichtelijk maakt hoe de interactie binnen de website eruit gaat zien.

Tekstvlakken binnen de wireframes vul je vervolgens door gebruik te maken van de Blind Text Generator. Deze website genereert de veel gebruikte ‘Lorum ipsum’ teksten, maar je kunt ook kiezen voor alternatieve teksten van bijvoorbeeld Cicero of Kafka.

Fonts maken het verschil
Bij het maken van het grafisch design is Font Tester een handige website om te experimenteren met verschillende lettertypes. Natuurlijk kun je ook in Photoshop je typografie bepalen, maar dan zie je nog niet hoe de lettertypes er in (verschillende) web browsers uitzien en dan kun je nog weleens voor verrassingen komen te staan.

Kleuren & paletten
Ook voor het bepalen van kleuren zijn interessante hulpmiddelen beschikbaar. Zie je op een andere website een kleur die je mooi vindt, dan bepaal je met één klik de exacte kleurcode met de ColorZilla Firefox plugin. Deze kleurcode kun je vervolgens invoeren op de Color Scheme Designer website en op basis van die kleur wordt automatisch een compleet kleurenpalet voor je gegenereerd. Een andere leuke manier om aan een kleurenpalet te komen is door gebruik te maken van de ColorSuckr Firefox Plugin of de ColorSuckr website. Hier kun je onder andere een foto uploaden waarvan je de kleuren mooi vindt, en hieruit wordt vervolgens een kleurenpalet gedestilleerd.

Meten is weten
Heb je de behoefte om snel even te meten hoe groot bepaalde elementen op een website zijn, of in een Axure HTML prototype, gebruik dan de MeasureIt Firefox plugin. Selecteer een deel van het scherm en je ziet direct de bijbehorende afmetingen.

Taken & bugs
Als je website de ontwikkelingsfase ingaat, dan heb je wellicht de behoefte om taken toe te wijzen aan verschillende ontwikkelaars en te monitoren wat de voortgang is van het project. Een erg goede tool hiervoor is JIRA. Aangezien JIRA webgebaseerd is heeft iedereen in het ontwikkelteam te allen tijde een compleet beeld van de openstaande taken, verantwoordelijkheden en voortgang.  Na de gratis trial periode moet een licentie betaald worden, maar voor grotere complexere ontwikkelprojecten verdien je dit snel terug.

Ook tijdens het testen van de website komt JIRA zeer goed van pas bij het rapporteren van de onvermijdelijke bugs. Vaak kun je makkelijker uitleggen wat het probleem is aan de hand van een screenshot van de web pagina. JIRA heeft een speciale feature waarmee screenshots makkelijk als afbeeldingen kunnen worden toegevoegd. En die screenshots maak je enorm snel en makkelijk met een geweldige tool; Jing. Hiermee selecteer je met het grootste gemak het relevante deel van je scherm. Teken er een pijl of kader bij, voeg eventueel wat tekst toe en kopieer het geheel naar je klembord of naar een URL, zodat je het resultaat makkelijk met anderen kunt delen.

De hier besproken tools vormen uiteraard slechts het tipje van de ijsberg, maar zijn wellicht toch bruikbaar voor je. Heb je zelf nog onmisbare aanvullingen? Laat gerust een reactie achter

Gerelateerde berichten:
 - Handige usability tooltjes
 - Handige add-on Google Analytics: show notes
 - Firefox SEO Tools

Easy Internet Marketing

Verhuizing naar nieuw domein: Easy.nl
Reden hiervoor is het nieuwe design maar vooral ook de nieuwe URL van de website van Easy Internet Marketing. Voorheen was de site te vinden op www.e-asy.nl aangezien de versie zonder het streepje destijds niet beschikbaar was. Hier kwam een paar weken geleden verandering in, toen easy.nl te koop werd gezet. Easy directeur Ron Castelijns hierover:

“Het lijkt een detail maar vooral in de communicatie met klanten bleek het streepje in de URL erg lastig. Toen de variant zonder het streepje onlangs via een internetveiling te koop werd aangeboden is het gelukt deze te kopen. Het was de investering waard. De nieuwe domeinnaam ligt veel meer voor de hand en voorkomt miscommunicatie. We zijn er blij mee en daarom besteden we extra aandacht aan de website verhuizing.”

Meer info over deze animatie vind je op de site van Easy Internet Marketing.

Gerelateerde berichten:
 - 25 criteria om de kwaliteit van jouw website te beoordelen!
 - 4 tips voor het ontwikkelen van een professionele website
 - Gebruiksvriendelijke website? Kies voor een goed CMS!

Waarom zijn sitemaps nodig?

Sitemaps zijn niet per se noodzakelijk. Als de website technisch op orde is, zijn zoekmachines in staat de pagina’s van je website te analyseren en te indexeren. Zoekmachines weten echter niet:

• Welke pagina’s belangrijk zijn
• Welke pagina’s vaak bezocht worden en welke niet
• Hoe de structuur van de website in elkaar steekt.

Zoekmachines tasten zonder sitemap als het ware in het duister. Met behulp van sitemaps begrijpen ze de website beter, en zullen de belangrijke pagina’s ook vaker bezocht worden door de zoekmachines. Bovendien zijn sitemaps bijzonder handig als jouw website dynamische inhoud bevat, of pagina’s heeft die AJAX of Flash bevatten.

Mocht je dezelfde content hebben die via verschillende URL’s te benaderen is, dan kun je ook dubbele content issues voorkomen door in de sitemap voorkeur te geven aan de URL die je geïndexeerd wilt zien.

Hoe maak je een XML sitemap?

Er zijn veel gratis online softwarepakketten om sitemaps aan te maken. Ik noem hier enkele voorbeelden:

XML-Sitemaps.com

Simpel en eenvoudig online te gebruiken. Meld de URL van je website aan. Vul enkele basisgegevens in, zoals de datum en prioriteit. De gehele sitemap wordt online gegenereerd. De gratis versie van deze sitemap generator is wel beperkt tot 500 pagina’s. Tegen een kleine vergoeding kun je ook gebruik maken van hun onbeperkte versie waar dus geen paginalimiet op zit.
1. Gsite Crawler

Je moet de URL van de website en de bestandstypen opgeven. De prioriteitsinstellingen worden automatisch gedetecteerd. Deze geeft bovendien een overzicht van broken links etc. Handig als je een wat grotere website hebt.

2. Google Sitemap Generator

Dit is wel de meest uitgebreide sitemap generator, maar ook gelijk de lastigste om geïnstalleerd te krijgen. Je moet namelijk enigszins bekend zijn met Python programmeertaal. Je zult daarom wel enige technische kennis moeten hebben om deze applicatie werkende te krijgen. Niet aan te raden voor de beginner. Maar eenmaal gestart is het wel één van de betere toepassingen.

Sitemap aanmelden via Google Webmaster Tools

Zodra je een XML sitemap hebt aangemaakt met behulp van bovenstaande programma’s, kun je hem in drie stappen aanmelden bij de Google Webmaster Tools:

Stap 1

Wanneer je bent ingelogd, word je geleid naar de startpagina waar je nieuwe websiteprofielen kunt aanmelden of reeds aangemelde websiteprofielen kunt selecteren.

Stap 2

Als je eenmaal een nieuw profiel hebt toegevoegd middels bovenstaande functie – zie screenshot – zal de website geverifieerd moeten worden. Klik hiervoor op de knop die naast de website staat.

Hiervoor krijg je twee verificatie opties:

• Een unieke META-tag toevoegen in de header van de website
• Een uniek HTML bestand uploaden in de root van de website

Kies je voor het uploaden van een HTML bestand dan is het van belang dat incorrecte of achterhaalde URL’s een 404 server code mee krijgen, anders zou ieder bestand ter verificatie voldoen. Dit kun je controleren met elke willekeurige
server header checker.

Stap 3

Is de website eenmaal geverifieerd dan navigeer je naar “Siteconfiguratie” waar onder een link staat genaamd “Sitemaps”. Vul daar de URL aan met de locatie van de XML sitemap en klik op “Sitemap verzenden”. Geef Google wat tijd om alle informatie van de sitemap te verwerken. Dit is uiteraard afhankelijk van de hoeveelheid URL’s die er in verwerkt zijn. Eenmaal goedgekeurd door Google, kun je de statistieken van Google Webmaster Tools in gaten gaan houden met opties aan de linkerzijde.

Je XML sitemap moet nu goed aangemeld zijn bij Google. Doe er je voordeel mee!

Gerelateerde berichten:
 - “Maar de grote sites doen het ook” – waarom klakkeloos kopiëren af te raden is
 - 10 redenen waarom SEO niet werkt
 - Waarom ik MSN Live.com bots een IP ban heb gegeven