The whole shebang

Ajax, waarbij m.b.v. Javascript informatie wordt uitgewisseld met de webserver, is inmiddels een veelgebruikte techniek om (delen van) webpagina's te verversen. Een probleem dat dan ontstaat, is dat de url in de adresbalk van de browser niet wordt aangepast, waardoor er geen geschiedenis wordt opgebouwd en het niet mogelijk is om een url van de pagina met de nieuwe informatie door te geven. De oplossing hiervoor is hashtags te gebruiken. Achter de url van de pagina wordt dan een # (hash) geplaatst met daarachter een nieuw stuk url. De browser ziet dit niet als een nieuwe pagina (deze manier wordt normaal gebruik om een locatie binnen een pagina aan te geven), maar slaat de nieuwe url wel op in zijn geschiedenis. Daarnaast kan de url ook worden ingevoerd in de adresbalk waarna m.b.v. Javascript kan worden achterhaald wat er allemaal getoond moet worden.

So far, so good. Google heeft hier nog wat aan toegevoegd. Meer specifiek: Google heeft een uitroepteken toegevoegd, en samen met de hash vormt dit de zogenaamde hashbang, ookwel shebang genoemd. Als de spiders van de zoekmachine ergens een url tegenkomen met daarin een hashbang, dan wordt deze verwijderd en wordt de resulterende url geïndexeerd.

Voorbeeld:
De spiders vinden de volgende url http://www.aerde.nl/#!/advies-en-bouwmanagement/. Dan wordt http://www.aerde.nl/advies-en-bouwmanagement/, dus zonder de hashbang, geïndexeerd.

Voor de nieuwe website van Aerde hebben we deze techniek ook gebruikt. Een bezoeker die geen Javascript heeft, ziet een normale site, waarbij de pagina's op een normale manier worden opgehaald. Als de bezoeker echter Javascript (ingeschakeld) heeft, dan gaat het surfen over de site anders. Eerst worden alle interne links herschreven door er hashbangs in te plaatsen. (http://www.aerde.nl/advies-en-bouwmanagement/ wordt herschreven naar http://www.aerde.nl/#!/advies-en-bouwmanagement/) Een klik op een dergelijke link wordt vervolgens afgevangen, waarna de inhoud van de nieuwe pagina m.b.v. ajax wordt geladen. De nieuwe pagina wordt tenslotte onder de oude geplaatst, waarna de oude vervaagt en de nieuwe pagina zichtbaar wordt.

Neem eens een kijkje op http://www.aerde.nl/