Une redirection automatique en HTML est une technique qui permet de rediriger automatiquement un utilisateur d’une page web vers une autre page web sans qu’il ait à cliquer sur un lien ou à effectuer une action manuelle.
Cette redirection est généralement réalisée en utilisant la balise HTML <meta> avec l’attribut http-equiv défini sur « refresh » et l’attribut content spécifiant le délai en secondes et l’URL de destination.
Ceci peut être utile par exemple si votre site a changé d’adresse (d’URL) et que vous souhaitez rediriger vos visiteurs directement, automatiquement, vers la nouvelle adresse.
Voici un exemple pour la mise en place de cette redirection automatique via « refresh ».
Le code doit être placé entre les balises <HEAD></HEAD> de la page
<!DOCTYPE html>
<html>
<head>
<title>Redirection automatique en HTML</title>
<meta http-equiv="refresh" content="5; URL=https://www.exemple.com/nouvelle-page.html">
</head>
<body>
<p>Vous serez redirigé vers une nouvelle page dans 5 secondes.</p>
</body>
</html>Dans cet exemple, la balise <meta> spécifie que la page doit être rafraîchie après 5 secondes et l’URL de destination est « https://www.exemple.com/nouvelle-page.html ». L’utilisateur verra un message indiquant la redirection, puis il sera automatiquement redirigé vers la nouvelle page après le délai spécifié.
Pour effectuer la redirection plus ou moins rapidement, changer la valeur de « CONTENT ».
Vous pouvez également mettre un message pour indiquer au visiteur qu’il va être redirigé.
Cette balise « META » n’est pas prise en charge par tous les navigateurs.
Elle peut induire en erreur les internautes en rafraîchissant (redirigeant) la page avant qu’il ait eu le temps de la lire.
Le moteur de recherche Google indique qu’il est préférable d’utiliser une redirection de type 301 côté serveur.
Le W3C sur son site conseille par ailleurs de ne pas l’utiliser.