Eenvoudige een URL redirect of forward aanmaken

Gewijzigd op Wo, 11 Sep om 11:38 AM

Hoe maakt u een redirect in HTML en alternatieve methoden voor domein redirects

Het maken van een redirect in HTML is een eenvoudige manier om gebruikers van de ene pagina naar de andere te sturen zonder dat ze daar zelf iets voor hoeven te doen. Dit kan handig zijn als u een pagina heeft verplaatst, een oude URL wilt doorverwijzen naar een nieuwe, of tijdelijk verkeer wilt omleiden. Hieronder leggen we stap voor stap uit hoe u dit kunt doen.

Stap 1: Een eenvoudige HTML Redirect maken

Om een HTML redirect te maken, kunt u de volgende code in de <head> sectie van uw HTML-document plaatsen:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="5;url=https://www.nieuwe-url.com">
    <title>Pagina verplaatst</title>
</head>
<body>
    <p>U wordt binnen 5 seconden doorgestuurd naar de nieuwe pagina. Als dat niet gebeurt, <a href="https://www.nieuwe-url.com">klik hier</a>.</p>
</body>
</html>

Wat doet deze code?

<meta http-equiv="refresh" content="5;url=https://www.nieuwe-url.com">: Dit is het belangrijkste onderdeel van de code. De content-waarde van 5 betekent dat de pagina na 5 seconden wordt doorgestuurd naar de opgegeven URL. U kunt dit getal aanpassen naar de gewenste wachttijd in seconden, of naar 0 instellen voor een directe redirect.
<p>U wordt binnen 5 seconden doorgestuurd...: Dit biedt gebruikers wat uitleg over wat er gebeurt en geeft hen de mogelijkheid om handmatig door te klikken als de redirect niet werkt.

Stap 2: De HTML-pagina uploaden naar uw hostingomgeving

Nadat u de HTML-pagina hebt gemaakt, upload u deze naar uw hostingomgeving in de directory van de oude pagina. Wanneer gebruikers de oude URL bezoeken, zal deze pagina geladen worden en automatisch doorverwijzen naar de nieuwe URL.

Alternatieve Methodes om een Domein Redirect te Maken

Hoewel HTML-redirects handig zijn, zijn er andere, vaak effectievere methoden om redirects te beheren. Hieronder staan enkele alternatieve methoden:

301 Redirect via .htaccess (Apache-server / OpenLitespeed / Litespeed)
Dit is een server-side redirect die meestal de voorkeur heeft omdat het aangeeft dat een pagina permanent is verplaatst.

RewriteEngine On
RewriteRule ^oude-pagina$ https://eenvoorbeeld.nl/nieuwe-pagina [R=301,L]

Dit stukje code plaatst u in het .htaccess bestand op de server. Het zorgt ervoor dat de server alle verzoeken naar de oude URL automatisch naar de nieuwe URL doorstuurt. Indien er nog geen .htaccess bestand aanwezig is kunt u deze aanmaken.

Indien u een VPS met NGINX afneemt dan werkt het anders, omdat NGINX geen .htaccess-bestanden gebruikt. In plaats daarvan worden redirects rechtstreeks in de serverconfiguratie gedaan.

server {
    listen 80;
    server_name eenvoorbeeld.nl;
    
    location /oude-pagina {
        return 301 https://new.eenvoorbeeld.nl.nl/nieuwe-pagina;
    }
}

Wilt u de hele site doorsturen dan gebruikt u:

server {
    listen 80;
    server_name eenvoorbeeld.nl;
    
    return 301 https://new.eenvoorbeeld.nl$request_uri;
}

JavaScript Redirect
Een andere manier om een redirect uit te voeren, is door JavaScript te gebruiken. Deze methode is minder gebruikelijk, maar kan handig zijn als u meer controle wilt over het redirectgedrag in de browser.

<script type="text/javascript">
    window.location.href = "https://eenvoorbeeld.nl";
</script>

Wilt u de redirect met een vertraging uitvoeren dan ziet de code er als volgt uit:

<script type="text/javascript">
    setTimeout(function(){
        window.location.href = "https://eenvoorbeeld.nl";
    }, 5000); // 5000 milliseconden = 5 seconden
</script>

PHP Redirect
Als je een PHP-gebaseerde website hebt, kunt u een redirect uitvoeren via PHP. Dit werkt direct op de server en is erg effectief.

<?php
header("Location: https://eenvoorbeeld.nl");
exit();
?>

Tot slot

Een HTML-redirect is een eenvoudige en snelle manier om gebruikers automatisch naar een nieuwe URL te sturen. Echter, afhankelijk van je behoeften en serveromgeving, kunnen andere methoden zoals een 301 redirect via .htaccess, DNS-redirects, of een PHP redirect, betere resultaten bieden. Kies de methode die het beste past bij jouw situatie om ervoor te zorgen dat je website gebruiksvriendelijk en SEO-vriendelijk blijft.

Komt u er niet uit? Stuur een e-mail naar support@d-hosting.nl en wij helpen u verder.