In een aantal gevallen kan het zo zijn dat je op je site gebruik maakt van een zogenaamde <select> box om naar diverse onderdelen te navigeren. Helaas zijn deze elementen oorspronkelijk alleen bedoeld voor formulieren die verstuurd kunnen worden, waardoor ze standaard geen navigeer functionaliteit gekregen hebben. Dit gebeurd dan ook altijd met Javascript wat niet te spideren is door de zoekmachines.

Om dit op te lossen heb ik in eerste instantie de volgende oplossing bedacht: plaats links om de tekst van de option heen zodat zoekmachines die kunnen gebruiken. Dat ziet er als volgt uit:

Zoekmachines negeren de option en lezen de link, en browsers negeren de link en zullen keurig alleen de option laten zien. Alleen tijdens een open vragen sessie aan Matt Cutts (mannetje van Google) heb ik gevraagd of dit een mooie oplossing was. En zijn antwoord: "It could raise some flags". Met andere woorden: hij zou het niet aanraden.

Op zoek naar een andere oplossing dus, en die schoot me vandaag te binnen. Ik maak nu gebruik van een <ul> met een aantal <li>'s er in die na het laden omgezet worden naar een <select> box. Heb je geen Javascript of ben je een zoekmachine dan krijg je keurig een lijst met links te zien. Ondersteund je browser wel Javascript dan krijg je keurig een ruimtebesparende select box te zien.

Het voorbeeld is hier te bekijken, bekijk de broncode en je ziet 3 lijsten staan. Maar op je scherm worden keurig selectboxen getoond.

AsTree is een javascript tree zoals in de windows explorer waarmee op een simpele manier veel items in 1 menustructuur gegoten kunnen worden. Geinspireerd op een versie die ik ergens online gezien had maar die bij 2000 items veels te traag werd. Daarom ben ik zelf bezig gegaan om een snellere versie te ontwikkelen, en dit is het resultaat geworden.

Deze tree is momenteel de snelste die er op internet te downloaden is, ik heb er uitgebreid mee getest en nog geen snellere gevonden. Na diverse kleine tweaks heb ik de opbouw van 1000 nodes van 7130ms naar 5210ms naar 4670ms naar 3790ms gekregen. Die kleine tweaks waren onder andere het veranderen van de volgorde in if-statements, het de andere kant op laten lopen van for lussen en het vervangen van innerHTML door createTextNode (DOM).

Meer over: DHTML AsTree »

Wat is dan een Gravatar? Het betekent Globally Recognized Avatars. En wat doet dat systeem dan? Het koppelt je email adres aan een afbeelding. Daardoor kan naast naast een reactie die je met dat email adres gemaakt hebt jouw afbeelding komen te staan.

Je kunt die koppeling laten registreren op de site www.gravatar.com. Het duurt even voordat daadwerkelijk de koppeling gemaakt is omdat een echt panel je afbeelding keurt en voorziet van een rating. Daarna kun je op redelijk wat sites die afbeelding naast je reactie verwachten op het moment dat je dat email adres gebruikt.

Ik heb het dus nu ook hier geïmplementeerd wat je kunt zien aan de afbeeldingen naast de reacties. Mensen die het niet ingesteld hebben krijgen standaard een vraagteken. Verder heb ik op deze site de rating op normaal gezet zodat alle grove, pornografische en bloederige rotzooi niet te zien is.

Je kunt een site onderhouden met of zonder www in het adres. De één vindt met www mooier en de ander zonder, maar functioneel gezien zit er geen verschil in zolang je maar consequent bij 1 versie blijft.

Zoekmachines kunnen aan de hand van je interne links en de externe inkomende links bepalen welke vorm zij gaan indexeren. Daarbij kan dus gebeuren als veel mensen www gebruiken in links naar je site toe dat zoekmachines de www versie gebruiken terwijl je zelf zonder www wilde. Ook kan het gebeuren dat zoekmachines beide versies gaan indexeren, dan kun je dus met een duplicate content probleem komen te zitten en zal je PageRank verdeeld worden over beide versies.

Meer over: Met of zonder www, vertel het aan Google »

Een bekend fenomeen wat nog steeds geliefd is onder veel webbeheerders is het mailto: gebruik in links en formulieren. Nog steeds komen in het Webdesign, Markup & Clientside Scripting forum op Tweakers.net er vragen over. En al die keren zie ik het artikel over de Mythical Mailto: voor me, tijd voor een vertaling naar het Nederlands met een eigen touch.

Meer over: De mailto: zou verboden moeten worden »

In dagelijkse gesprekken merk ik dat men in het algemeen totaal geen idee heeft wat de gevolgen zijn van een normale en breedbeeld tv in combinatie met een normale of breedbeeld uitzending. Ik heb daarom een visualisatie gemaakt die ik stapsgewijs uit ga leggen.

Meer over: Breedbeeld, hoe zit dat nou precies? »

Het is een mooi sprookje wat bijna elke Nederlander wel kent: Hans en Grietje die broodkruimels achterlaten om de weg terug te kunnen vinden. Deze methode heeft zijn weg gevonden naar het internet en heeft er dezelfde naam gekregen als in het sprookje: breadcrumbs.

Breadcrumbs zijn dus bedoeld om de weg terug te kunnen vinden, maar hoe ziet dat er uit voor een website? De volgende situatie geeft een overzicht van een kleine website weer:

Meer over: Breadcrumbs, verplichte kost voor elke site »

Dit spel is het resultaat van de DHTML contest 2003 op Tweakers.net. Jammer genoeg was het geen winnende inzending, er had namelijk iemand een complete DHTML Lemmings nagemaakt die nagenoeg hetzelfde kon als het origineel.

Deze Tetris kloon heeft me aardig wat tijd gekost en heeft me veel geleerd over diverse DHTML technieken. Zo zie je maar dat Javascript best een krachtig script is alleen kan het bij een verkeerde implementatie heel erg traag worden.

Volgens mij is dit spel het resultaat van een avond in 2000 dat ik niets te doen had. Mijn doel was om een spelletje te maken met javascript. Hij is niet helemaal af maar de basis werkt. Het is een game die toentertijd zeer populair was op de Nokia mobieltjes. En het namaken is redelijk gelukt want meer opties zaten er toen ook daar nog niet in.

Heb je de titel nu goed gelezen of niet? Dat is vast het eerste wat je denkt. Kan je nu eindelijk die spammende partij die boven je staat in de zoekresultaten verwijderen? Nee. Wat bedoel ik dan wel: je kunt pagina's die een 404 error geven en die een meta-googlebot bevatten verwijderen.

Meer over: Een pagina onmiddellijk verwijderen uit Google? »