*ook verschenen op Marketingfacts

Op diverse sites waaronder die van Matt Cutts wordt gesproken over de nieuwe Custom Search Engine die Google gelanceerd heeft. In plaats van de oude zoekbox die je op je site kon plaatsen kun je nu een verder gespecificeerde zoekbox aanmaken. Deze biedt veel voordelen aangezien je nu veel meer controle hebt over de resultaten.

Wat is het dan precies: je kunt bijvoorbeeld een zoekbox maken die alleen zoekt in de bekende auto verkoop sites. Tegelijkertijd filter je de ongewenste sites er uit zodat je een relevante schone lijst overhoudt met alleen goede resultaten. Deze zoekmachine is dan te bereiken op een aparte pagina maar ook te gebruiken als losse zoekbox in je site. De parameters zijn verregaand uit te breiden, zo kun je alle bekende zoekparameters gebruiken die de normale zoekmachine ook aanbiedt.

Read more: Maak nu je eigen zoekmachine »

Ik zit zojuist rustig achter mijn pc te surfen openen er opeens een tweetal ongevraagde chatvensters met daarin de volgende vraag:

is that you that you on that photo?!

http://www.website.nl/photo.php?photo=photo311.jpg

Direct gingen al mijn spam antennes omhoog staan aangezien de 2 personen die mij dit stuurden geen woord engels spreken. Toch maar op de link geklikt omdat er op mijn pc niets atomatisch gedaan word, en ja hoor: een .pif bestand wil zichzelf downloaden.

Read more: MSN Spam op diverse sites »

Je hebt ze vast wel eens gezien, een rij met extra links die onder een normaal resultaat in Google staan:

Hoe komen ze daar en waarom staan ze daar? Het is duidelijk dat je met dit soort extra links veel extra exposure krijgt omdat het afwijkt van de andere resultaten. Veel mensen zien dit als een betrouwbaar resultaat speciaal door Google gekozen voor hun zoekopdracht.

Read more: Sitelinks, hoe krijg je ze nou? »

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 gebeurt 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).

Read more: DHTML AsTree »