Op weg naar succes?

Sinds 5 juni 2013 is ZOMDir, de soepele startpagina, stilletjes in de lucht gegaan. Stilletjes omdat ik er eerst redelijk wat links op wilde hebben staan, maar ook stilletjes omdat de site nog op zwart kon gaan. 

ZOMDir draait namelijk op Google App Engine, zolang er weinig resources worden gebruikt is het gratis. Als je echter een van de vele grenzen overgaat moet je betalen, of gaat de site op zwart. De kosten zijn het probleem niet. Ik betaal nu ongeveer 2 dollarcent per dag. Het probleem zat hem in het verkrijgen van een aparte rekening. Moet dat een zakelijke rekening zijn? Moet ik me dan opgeven bij de kamer van koophandel? Moet ik een BTW nummer aanvragen? Komt ook nog eens bij dat Google alleen een creditcard accepteert. Kortom het was wat gedoe om geregeld te krijgen dat ZOMDir nu een betaalde app is.

Promotieplan 1

Afijn begin 2014 was het geregeld en kon ik promotie gaan maken voor ZOMDir.com. Van te voren had ik al nagedacht hoe dat te doen. Het grote publiek heeft niets aan ZOMDir als er niet al te veel links op staan. Ik zou me daarom richten op webmasters, websitebeheerders en website eigenaren om te vragen of ze een link wilden plaatsen op ZOMDir. De vraag was alleen: "Hoe doe ik dat?"

Mailen?

Ik had ergens gelezen dat mail nog steeds een van de beste middelen was om mensen te benaderen. Ai, dat voelt niet lekker, dat lijkt op spammen. Iets wat ik niet wil. Onder het mom "Geef en krijg terug" dacht ik er goed aan te doen om een subsite te maken met tips voor het promoten van een website: websitepromotie.zomdir.com. Vervolgens ging ik brancheorganisaties aanschrijven met het verzoek om die tips te delen met hun achterban en het verzoek een link te plaatsen op ZOMDir. Het resultaat vond ik teleurstellend. Ik kreeg nauwelijks respons en had zelfs het idee dat men er wat achter zocht. Tja. Gecombineerd met het gevoel als spammer bezig te zijn, was het besluit om te stoppen niet zo moeilijk.

Bloggen?

Niet voor een gat te vangen, besloot ik te gaan bloggen. Al snel had ik door dat dat ook iets is van de lange adem. Met een beetje geluk slaat je blog na een jaar of twee aan. Het voelt veel beter dan mailen, dus ik denk dat wel vol te kunnen houden. Nu had ik al een Engelstalig blog (blog.zomdir.com) dus het leek me verstandig om er dit Nederlandse blog blognl.zomdir.com er naast te zetten. Mijn strategie is namelijk om me eerste op de Nederlandse markt te storten om zo wat ervaring op te doen. 

Zoekmachine optimalisatie?

Het idee was om vooral te bloggen over zoekmachine optimalisatie en dergelijke omdat ik dacht dat dat mijn doelgroep aan zou spreken. Als zoekmachine optimalisatie specialisten mijn website zouden aanbevelen voor het verkrijgen van links dan zou het wel gaan lopen dacht ik. Het resultaat tot nu toe is dat ik wel wat aandacht heb, en dat er af en toe een linkje wordt geplaatst. Het begin is er, maar ...
volgens de zoekmachine optimalisatie specialisten is het concept startpagina verouderd. Waarop ik denk dat klopt. Startpagina's oude stijl zijn verouderd. ZOMDir is mijn inziens vele factoren beter en zou dan ook aan kunnen slaan. 

Eén link, is geen link ...

Wat me tegen valt van sommige zoekmachine optimalisatie specialisten* is dat ze alleen maar linkjes plaatsen van hun eigen sites en dat terwijl ik overal lees dat je moet voorkomen dat een link overkomt als een onnatuurlijk link (zie ook mijn blog artikel Eén link is geen link ...). Maar ja, schiet je er wat mee op als je als zoekmachine optimalisatie specialist een link naar je eigen site plaatst én naar je concurrenten? Tja, ik snap het dilemma van de zoekmachine optimalisatie specialist. Een startpagina als ZOMDir is al snel niet onderscheidend genoeg.

Waar sta ik nu?

Op Twitter kom ik af en toe intrigerende plaatjes tegen. Zo ook het plaatje hieronder. Het rechterpad lijkt op dit moment van toepassing, al heb ik het eindpunt nog niet bereikt. 

Ik vermoed dat ik me nu bevind bij de rode pijl. Al zijn er al heel veel dingen gedaan, ik verwacht nog een lange weg te moeten gaan voor ZOMDir het Tipping Point bereikt. Ik ben er echter van overtuigd dat dat moment komt.

Met optimistische groet,
Hans

* Omdat ZOMDir compleet anoniem is weet ik niet wie linkjes toevoegt. Laten we het dan ook maar houden op sterke vermoedens.

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

Een nieuwe jas

Zoals ik in mijn vorige blogpost al aan gaf kan ik aardig worstelen met design. Maar nu denk ik toch echt dat ik er helemaal uit ben. 

Eigenlijk is het heel simpel, namelijk gewoon de trend volgen. Diverse keren ben ik gewezen op getbootstrap.com. Echter telkens als ik daar naar keek vroeg ik me af, wat moet ik er mee. 

Tot het kwartje viel. Gewoon een iets strakker design en mooiere buttons maken, en klaar is Kees. 

...

???

...

Is dat alles? Ja dat is alles. Dezelfde functionaliteit, nagenoeg dezelfde code, maar een fris uiterlijk. 

Zie de screenshots voor de verschillen:

Het oude ontwerp

Het nieuwe ontwerp

Voorlopig niets meer aan doen, zou ik zo zeggen. Alhoewel, ik kreeg laatst de suggestie om dat aan een panel voor te leggen, dus dat ga ik binnenkort doen dat is weer een actiepunt voor mijn to do lijst dat heb ik gedaan. De reacties waren overwegend positief. Gelukkig kreeg ik ook nog wat suggesties ter verbetering. Deze zal ik zo spoedig mogelijk verwerken.

Nogmaals dank, voor de suggesties,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

In de wolken over nieuwe vormgeving

Vormgeving of design is voor mij altijd een beetje abracadabra. Dat komt wellicht doordat ik een beta achtergrond heb. Vormgeving is wat mij betreft vaak veel te subjectief. Ongrijpbaar en niet te vatten.

Herken je altijd kwaliteit als je het ziet? Ben je gevoelig of wars voor mode trends? Levert een aan Kunst (ja met een grote K) grenzende vormgeving van een website een bijdrage aan de bruikbaarheid van diezelfde website? Is mijn website een billboard of heeft het een ander doel?

Kijk, die laatste vraag. Daar kan ik wat mee. Ik wil geen billboard, ik wil de beste startpagina ter wereld. De vraag is echter hoe vormgeving (of wat mij betreft design) daar aan kan bijdragen.

Startpagina's zijn tegenwoordig niet meer zo hip. Via Aviva ontdek ik een lijstje uit 2006 met de "best designed directories". Te weten:

• WoW directory;
• Eonte.com;
• AbiFind Web Directory.

Gezien de leeftijd van dit lijstje verbaast het me niet dat nog maar één van de drie directories werkt.

WoW directory

WoW directory ziet er leuk uit. De site is echter niet geoptimaliseerd voor mobieltjes (niet gek omdat het ontwerp minimaal 8 jaar oud is). Bovendien vind ik het totaal niet overzichtelijk. Smaken verschillen, maar dit design blief ik niet.

AbiFind

AbiFind is net als WoW directory niet geoptimaliseerd voor mobieltjes. De lay-out is strakker en in mijn ogen mooier. De stockfoto (?) vind ik onnodig veel ruimte innemen. Het is beter dan WoW, maar niet veel beter.

In de wolken

WoW en AbiFind hebben wel iets met elkaar gemeen, namelijk een mooie "full color" achtergrond. Ergens is dat wel hip denk ik. Twitter en Bing hebben het per slot van rekening ook ... 

Wellicht moet ik op zoek gaan naar een mooie achtergrond foto, of nog beter -ZOMDir.com is tenslotte een wiki- de gebruiker de mogelijkheid geven om per locatie een achtergrondfoto op te geven. 

Cool, dat lijkt me wel wat in combinatie met het ontwerp getoond in mijn blog artikel Zo veel te doen... kan het er ongeveer als volgt uit komen te zien.

Screenshot van example.zomdir.com/design

Het is wel weer een leuk uitdagend klusje voor op mijn "To do" lijst ;-)

Wie weet wordt dat het wel. Het idee is in ieder geval goed. Voor dit moment ben ik eventjes in de wolken.

Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

Zo veel te doen ...

Het is dat de zomervakantie lonkt, maar voor wat betreft ZOMDir.com heb ik nog veel te doen.

Gelukkig brandt er niets aan, dus kan het allemaal wel even wachten. Op mijn backlog (lijst met "te doene dingen") staat onder andere:

• De vormgeving verbeteren (het wordt nu "te kaal" bevonden);
• De automatische controle op niet meer werkende links iets versoepelen (nu worden soms ten onrechte links verwijderd omdat de betreffende websites erg traag reageren);
• De automatische controle op niet meer werkende links ook "soft broken links" laten verwijderen;
• Aparte lijstjes maken van toegevoegde en verwijderde links.

Daarnaast staan er nog heel veel kleinere verbeterpuntjes op de lijst. Tevens denk ik er over om:

• Een aparte startpagina te maken voor TOR websites (enigzins vergelijkbaar met thehiddenwiki.org);
• Een tool te maken om de kwaliteit van hyperlinks te beoordelen;
• Een xHTML read-only variant van ZOMDir.com.

Kortom ideeën genoeg en dat terwijl de zomervakantie er aan komt. Traditioneel een periode waarin ik amper tijd aan ZOMDir kan besteden.

Vormgeving

De vormgeving verbeteren heeft recent een flink hogere prioriteit gekregen dankzij een kritische blik op ZOMDir.com. Als ik al opbouwende kritiek krijg op ZOMDir, dan is het op de vormgeving. Het wordt dus tijd om daar energie in te stoppen. Al ga ik daar eerst nog eens flink op broeden, omdat ik niet direct weet wat de goed richting is. Smaken verschillen.

Graag hoor ik van jou wat jij een goede vormgeving vind voor ZOMDir.com. Het kan wat mij betreft alle kanten op als het maar responsive is en snel laadt. Een eerste variant vind je hieronder. 

Eerste concept voor een "betere" vormgeving

Ik ben benieuwd wat je van de oorspronkelijke vormgeving en van bovenstaand concept vindt.

Alvast bedankt voor je reactie en een prettige vakantie,
Hans

P.S.: Ook het bloggen komt even stil te liggen. Ik verwacht de eerstvolgende blog in september te kunnen schrijven.

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

Als elke seconde telt. Waarom een snelle website belangrijk is.

Op internet kan je veel tips en tools vinden om de snelheid van je website te verbeteren. Wat daarbij vaak vergeten wordt is om te vertellen waarom een snelle website belangrijk is.

Zie hier de antwoorden ...

Amazon

In 2006 ontdekte Amazon.com dat elke 100 milliseconde vertraging 1% minder omzet betekende. 

Akamai

Dat er een relatie is tussen snelheid en omzet wordt bekrachtigd door Akamai.com.  In 2009 bleek uit feedback van 1048 "online shoppers" dat: 

(..) We see a direct relationship between online revenues and site performance (...)

Akamai stelt zelfs dat een commerciële website binnen 2 seconden moet laden.

Mircosoft

In 2012 verscheen er een artikel in de New York Times waarin gesteld wordt dat een 250 milliseconden snellere of langzamere website al bepalend is in hoeverre jou website gewaardeerd wordt ten opzichte van de concurrentie. Letterlijk staat er:

“Two hundred fifty milliseconds, either slower or faster, is close to the magic number now for competitive advantage on the Web,” said Harry Shum, a computer scientist and speed specialist at Microsoft.

In datzelfde artikel wordt ook gesteld dat de 2 seconde regel van Akamai zoals hierboven vermeld reeds achterhaald is. 

“The old two-second guideline has long been surpassed on the racetrack of Web expectations,” said Eric Horvitz, a scientist at Microsoft’s research labs.

Wallmart

In 2012 concludeerde Walmart.

• Elke seconde snelheidswinst geeft 2% meer conversie;
• Elke 100 milliseconde sneller betekend 1% meer omzet;
• Een snelle website draagt bij de zichtbaarheid in de zoekmachines en is dus goed voor de SEO.

Radware

In 2013 verscheen "Radware's Mobile Web Stress Report: The Impact of Network Speed on Emotional Engagement and Brand Perception". 

Twaalf mannen en twaalf vrouwen, tussen de 21 en 54, werden middels een EEG gemonitord terwijl ze aan het internetten waren met een iPhone 4. Ze kregen allen "a shopping task" bij vier verschillende websites. Kunstmatig werd steeds de responstijd van 2 van de 4 websites een halve seconde vertraagd. 

Al met al een interessant experiment. De hoofdconclusie is echter nauwelijks aan het onderzoek gerelateerd:

(...) Slow pages are the number one issue that mobile users complain about – ranking even higher than site crashes. (...)

The Institute for Frontier Areas of Psychology and Mental Health

Begin 2015 stelt Marc Wittmann van "The Institute for Frontier Areas of Psychology and Mental Health" dat:

We now practically insist that Web pages load in a quarter of a second, when we had no problem with two seconds in 2009 and four seconds in 2006. 

Dat bevestigt de eerder genoemde stelling van Eric Horvitz dat de twee seconden regel inmiddels achterhaald is.

Google

Gezien het bovenstaande is het logisch dat Google al sinds 2010 de snelheid van een website mee neemt als ranking factor in hun zoekalgoritme. 

Een quote op GTmetrix.com

Moet ik er nog meer over zeggen? Nou vooruit. Mijn tips zijn:

• Als je een site laat bouwen, eis dan dat deze binnen een halve seconde tot een seconde laadt (en wijs je opdrachtnemer meteen even op de voordelen van een minimum design);
• Gebruik Pagespeed Insights om te zien hoe Google jouw site ziet;
• Gebruik GTmetrix.com om te zien wat er kan worden verbeterd.

Succes met jouw website,

Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

De voordelen van een minimum design

Vandaag de dag verbaas ik me er nog steeds over hoeveel websites niet te lezen zijn op mijn smartphone. Het zijn of hele kleine lettertjes, of ik krijg een horizontale scrollbar ("users hate horizontal scrolling"). In beide gevallen is het drie keer niets.

Ergens snap ik wel hoe dat komt. Als een website ontworpen wordt, gebeurd dat meestal op een desktop. Al weet je beter, het is dan erg verleidelijk om te denken dat iedereen zo'n groot scherm heeft.

Wat ook mee speelt is dat de trukendoos die je nu kan gebruiken bij het ontwerpen van een website gigantisch groot is. Je kan werken met jQuery, Google Fonts, HTML5, CSS3, kortom het kan niet op. Dat geeft niet als je je maar weet waar je mee bezig bent.

Omdat er al met al veel bij komt te kijken zijn er allerlei templates ontwikkeld om je nieuwe ontwerp een kickstart te geven. Door Boilerplate, Bootstrap, of een template van HTML5 Up te gebruiken heb je een mooie basis voor je website. Vervolgens nog even het één en ander foutloos tweaken en klaar is Kees. 

Niet dus.

HTML only

Een drastisch alternatief is om een website te maken welke nagenoeg alleen gebaseerd is op HTML. Dat is door elke browser gemakkelijk te verwerken. Alleen HTML gebruiken heeft de volgende voordelen:

• De pagina bevat alleen het hoogstnoodzakelijke;
• De pagina laadt snel;
• De pagina is toegankelijk;
• De pagina past op elk scherm (variërend van een DSi tot een 32" televisie);
• De pagina ziet er in elke browser nagenoeg hetzelfde uit.

Een klein beetje CSS

Als je toch CSS wilt gebruiken om het er net iets gelikter uit te laten zien, dan zijn de volgende tips van toepassing, om een goed toegankelijke pagina te behouden:

• Probeer niet de lay-out te wijzigen;
• Vergroot de lettergrootte en de regelhoogte, dat bevordert de leesbaarheid, gebruik hier uitsluitend relatieve waarden voor. Dit zorgt er voor dat de gebruiker zonder problemen de lettergrootte kan wijzigen;
• Als je kleuren gebruikt, zorg er voor dat ze betekenisloos zijn, niet iedereen kan elke kleur even goed interpreteren;
• Zorg er voor dat de gebruikte kleuren het contrast van de teksten niet vermindert;
• Gebruik een schreefloze letter, bijvoorbeeld de Verdana.

Minimum gebruik van javascript

Wil je echt een toegankelijke website maken, zorg er dan voor dat er geen noodzaak is om javascript te gebruiken. Gebruik javascript alleen om de gebruikersvriendelijkheid van je site te verhogen. Bijvoorbeeld door:

• De focus te zetten op het eerste invoerveld;
• Eventuele invoer direct te controleren voor deze wordt aangeboden aan de server.

Simpele websites zijn beter

Het eindresultaat komt misschien wat "simpel" over, maar wetenschappelijk onderzoek heeft aangetoond dat "simpele" websites beter zijn.

Omdat ik vermoed dat je me nog steeds niet gelooft. Kijk eens naar motherfuckingwebsite.com en zie de ongelofelijke scores in Pagespeed Insights. 

Als je jezelf de vraag stelt wat je wilt bereiken met je website dan is, ongeacht wat je wilt, de kans groot dat je het beste voor een "simpele" website kan gaan.

Mark my words,

Hans

Inmiddels begin ik wat medestanders te krijgen. Zie bijvoorbeeld het advies Hou het simpel. Hou het eenvoudig. Hou het puur.

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

Uitsluitend voordelen, maak je website toegankelijk

Als je een website maakt of laat maken dan doe je dat met een bepaald doel. 

Ongeacht wat je doel is, op internet is je concurrentie vaak maar slechts één muisklik van je verwijderd. Als je een slechte service biedt, dan zijn je bezoekers voor je het weet weer vertrokken om nooit meer terug te komen.

Des te gemakkelijker de bezoekers van jouw website hun doel kunnen bereiken des te beter. Omdat ik jouw specifieke doel niet ken, kan ik je alleen wat algemene tips geven over toegankelijkheid, bruikbaarheid en zo. In dit artikel ligt de nadruk op toegankelijkheid.

Toegankelijkheid

Toegankelijkheid is een randvoorwaarde voor het kunnen gebruiken van je website. 

Toegankelijkheid volgens het Van Dale woordenboek

Dit geldt met name voor mensen met beperkingen in het zien. Onderschat dat niet, volgens het CBS had in 2012 4,6% van de mannen en 6,7% van de vrouwen een beperking in zien.

Omdat een website door de één als toegankelijk kan worden ervaren, maar voor de ander niet lijkt toegankelijkheid een subjectief ongrijpbaar begrip. Dat is het echter niet.

Aanbevelingen voor toegankelijkheid

Al meer dan 15 jaar, om precies te zijn vanaf 5 mei 1999, publiceert het World Wide Web Consortium (W3C) richtlijnen met betrekking tot toegankelijkheid. De tweede versie WCAG 2.0 is gepubliceerd op 11 december 2008. Drie jaar later (3 december 2011) is de geautoriseerde Nederlandse vertaling van de Web Content Accessibility Guidelines gepubliceerd.

Middels de WCAG is er een wereldwijde standaard voor toegankelijkheid ontstaan. 

In verband met toegankelijkheid worden ook wel sectie 508 van de Amerikaanse Rehabilitation Act  en de website digitale toegankelijkheid van de Nederlandse Rijksoverheid genoemd. 

De webrichtlijnen versie 2 sluiten aan bij de WCAG 2.0. 

Sectie 508 is de voorloper van de WCAG. De Web Content Accessibility Guidelines zijn over het algemeen uitgebreider dan de criteria van sectie 508. Zie dit overzicht van verschillen voor de precieze details.

Voorbeelden van aanbevelingen

Een aantal, in mijn ogen, belangrijke aanbevelingen uit de WCAG zijn:

• Lever tekstalternatieven voor alle niet-tekstuele content;
• Maak alle functionaliteit beschikbaar vanaf een toetsenbord;
• Help gebruikers met navigeren, content te vinden en te bepalen waar ze zijn;
• Maak het uiterlijk en de bediening van webpagina's voorspelbaar;
• Help gebruikers om fouten te vermijden en ze te verbeteren.

Elke aanbeveling kent meerdere succescriteria, waarbij elk criterium is voorzien van een niveau. De volgende niveaus worden gebruikt:

• A
• AA
• AAA

Waarbij niveau A het minimale niveau is en AAA het maximale niveau. A en AA zijn verplicht voor de Nederlandse overheid. Niveau AAA wordt veelal gezien als optioneel, al zijn er sites die dit niveau halen. Zie ook dit overzicht van waarmerk-dragers.

Voorbeelden van succescriteria

Om een idee te krijgen wat deze succescriteria nu behelsen hier een aantal voorbeelden:

• Webpagina's hebben titels die het onderwerp of doel beschrijven (Niveau A);
• Koppen en labels beschrijven het onderwerp of doel (Niveau AA);
• De standaard menselijke taal van elke webpagina kan door software bepaald worden (Niveau A);
• Afkortingen: Er is een mechanisme beschikbaar voor de identificatie van de voluit geschreven vorm of betekenis van afkortingen (Niveau AAA);
• Labels of instructies: Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd (Niveau A).

Voldoet uw website aan de succescriteria

Gezien de hierboven gegeven voorbeelden zal duidelijk zijn dat niet alle succescriteria automatisch toetsbaar zijn. 

Een deel van de succescriteria kan wel automatisch worden gecontroleerd. Dit kan met online tools zoals genoemd op de pagina Website promotie voor ontwikkelaars.

Een veel voorkomend probleem, in het kader van toegankelijkheid, is onvoldoende contrast. Deze kan gecontroleerd worden met: 

• Wave (tabblad contrast)

Nogmaals niet alle succescriteria zijn automatisch te controleren. Tingtun geeft bijvoorbeeld aan dat zij 9 van de 38 WCAG AA criteria kunnen testen. Je doet er dan ook goed aan om zelf alle criteria langs te lopen. 

Dat lijkt veel werk, maar lang niet alle criteria zijn altijd van toepassing. Middels deze quick reference kun je nagaan welke criteria voor jou van toepassing zijn.

Een zeer handige checklist vindt je overigens ook op www.accessibility-checklist.ch. 

Formele inspectie

Er zijn diverse organisaties welke, tegen vergoeding, handmatige volledige formele inspecties uitvoeren. Denk hierbij aan:

• Stichting Accessibility 
• Waarmerk drempelvrij.nl

Daarnaast zijn er meerdere commerciële partijen welke een website analyse kunnen uitvoeren.

Afhankelijk van de inspectie resultaten krijg je het recht om een waarmerk drempelvrij op jouw website te plaatsen, mits deze inspectie plaatsvond door een gecertificeerde partij. Niet dat het daarom gaat natuurlijk. Het gaat erom dat iedereen jouw website kan gebruiken.

Doe er je voordeel mee en ga voor een toegankelijke website. 

Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare