Client-side redirects met Javascript en HTML
| Categorie | Gevorderden |
| Geplaatst | 31-01-2008 |
| Laatste aanpassing | 25-07-2010 |
Bij het overplaatsen van een website naar een nieuw domein zijn redirects erg handig, zodat er geen verkeer naar je website verloren gaat. In dit artikel gaan we in op twee manieren om je bezoekers door te verwijzen: door middel van Javascript en door middel van de meta-tag.
Inleiding
Bij voorkeur gebruik je natuurlijk altijd een client-side redirect, zoals een PHP redirect. Dit betekent dat de redirect geregeld wordt op de server van je hostingbedrijf, zodat ook zoekmachine's doorverwezen worden.
Niet iedereen heeft echter de beschikking over server-side scriptingtalen zoals PHP. Als dit het geval is, heb je geen andere keus dan te kiezen voor een client-side redirect. Dit betekent dat de browser van de bezoeker de redirect regelt. Dit is een stuk minder betrouwbaar, en heeft ook als nadeel dat zoekmachine's niet worden doorverwezen.
Er zijn veel manieren om je bezoekers client-side door te verwijzen. We bespreken hier de twee meest gebruikte manieren: door middel van Javascript en door middel van de meta-tag.
|
Gebruik alleen client-side redirects als je niet over webhosting met PHP (of een andere client-side scriptingtaal) beschikt! Beschik je wel over webhosting met PHP, kijk dan eens naar ons artikel over het maken van een PHP redirect. |
HTML
Deze HTML-code kun je gebruiken om een redirect te creeëren. Plaats de code in het head-gedeelte van je pagina. Eventueel kun je het getal "5" vervangen door het aantal seconden dat een bezoeker moet wachten voordat hij doorverwezen wordt. Wil je de bezoeker meteen doorverwijzen, stel dit aantal dan in op "0".
XHTML
Als je XHTML gebruikt, zul je nog een afsluitingsslash moeten plaatsen aan het einde van de tag, zoals te zien is in het volgende voorbeeld.
advertentie
Javascript
Javascript redirects zijn over het algemeen minder betrouwbaar dan redirects met de meta-tag. Dit komt doordat veel browsers de mogelijkheid bieden Javascript uit te schakelen, waardoor een gedeelte van je bezoekers niet doorverwezen zal worden.
Deze Javascript-code kun je gebruiken om een redirect te creeëren. Plaats de code in het head-gedeelte van je pagina.
Ook met Javascript redirects is het mogelijk een bepaalde wachttijd in te stellen voor de bezoek. Je kunt in het volgende voorbeeld het getal "5000" vervangen door het aantal milliseconden dat de bezoeker moet wachten.
