Artikelen

Redirect script

Gepost door joost op 14 mrt 2010 in de categorie HTML
Wegens succes geprolongeerd op bewired: de uitleg over het redirecten van een webpagina! Hoe vaak komt het niet voor dat je een webpagina direct wil laten doorlinken naar een ander webpagina? Daarom hebben we hier drie verschillende manieren uitgelegd: via een meta-refresh tag, via JavaScript en via een .htaccess file.

META-REFRESH tag
De simpelste manier is de meta-refresh tag. Deze tag plaats je tussen de <HEAD> en de </HEAD> tags in je HTML document. Hieronder staat in cursief en voorbeeld van zo'n tag.

  1. <meta http-equiv="refresh" content="0;url=http://www.google.nl/" />

Dit voorbeeld verwijst door naar http://www.google.nl, maar dit kun je vervangen door je eigen adres. Het leuke van de meta-refresh tag is dat je de 0 kunt vervangen door bijvoorbeeld een 3. Wanneer je dat doet zal de webpagina pas na 3 seconden (in plaats van 0) doorverwijzen naar de nieuwe pagina. Door middel van deze tag kun je de bezoeker van je website bijvoorbeeld 3 seconden lang een introductiescherm (splash screen) laten zien voordat de werkelijke website opent.

JavaScript refresh
Een alternatief is om de redirect door JavaScript te laten uitvoeren. Het voordeel van JavaScript is dat je er nog voorwaarden aan toe kan voegen door middel van een if statement, bijvoorbeeld dat de pagina niet ingeframed is (zoals in het voorbeeld). Het nadeel van JavaScript is dat sommige mensen Javascript uitschakelen (in de instellingen van de browser) om veiligheidsredenen. Om de onderstaande JavaScript goed te laten werken, plaats je deze tussen de <HEAD> en de </HEAD> tags in je HTML document.

  1. <script language="JavaScript">
  2. if (parent.location.href == self.location.href) {
  3. window.location.href = 'http://www.google.nl';
  4. } </script>

.htaccess redirect
Tenslotte kun je ook een redirect maken door middel van een .htaccess file. Dit is een zogenaamde server-side redirect. Daardoor zal de redirect bij alle browsers en andere user-agents (bijvoorbeeld spiders van zoekmachines) werken. Dit in tegenstelling tot client-side redirects, zoals bijvoorbeeld de JavaScript. Het is via .htaccess veel eenvoudiger om redirects te maken voor grote hoeveelheden pagina's en complete directories. Het bespaart dus tijd.

  1. Redirect 301 /oud/oud.html http://www.google.nl

Deze regel betekent het volgende: Redirect 301 (<-- verwijs permanent) /oud/oud.html (<-- uit de directory 'oud', de file 'oud.html', door naar:) http://www.google.nl (<-- de locatie waar je naar door wilt verwijzen). Een .htaccess file maken kan iedereen. Je kunt gewoon een txt document maken in notepad en dat als naam '.htaccess' geven (LET OP: beginnend met een punt en zonder '.txt' erachter). Deze file bevat dan de cursieve regel die hierboven staat (aangepast aan jouw situatie). Vervolgens upload je deze file naar de root van je website. De root van je website is vaak de map 'public_html' of 'www'. Succes!





Terug