Ce qu’ils sont et comment en créer un

Qu’est-ce qu’une redirection HTML ?

Une redirection HTML, également connue sous le nom de méta-redirection ou un redirection meta refresh, indique au navigateur Web du visiteur d’envoyer les utilisateurs d’une page Web à une autre. Les redirections HTML peuvent être instantanées ou différées. Les redirections instantanées se produisent immédiatement. Les redirections retardées se produisent après un nombre spécifique de secondes (défini par le propriétaire du site Web).Voici comment cela fonctionne :

  1. Un utilisateur atterrit sur une page Web avec une méta-redirection
  2. La redirection est déclenchée de l’une des deux manières suivantes :
    1. Si la redirection est instantanée, l’utilisateur est envoyé sur la nouvelle page dès que le code HTML de la page en cours se charge
    2. Si la redirection est retardée, l’utilisateur est envoyé à la nouvelle page après le chargement du code HTML et le temps défini s’est écoulé
  3. La redirection se produit, et l’utilisateur est maintenant sur la nouvelle page et peut continuer son voyage

Pourquoi utiliser une redirection HTML

Les redirections HTML peuvent être pratiques à mettre en œuvre car elles sont définies dans le code HTML d’une page Web. Vous n’avez pas besoin d’accéder aux fichiers du serveur, comme le fichier .htaccess, pour en implémenter un. Ils peuvent être utiles lorsque vous effectuez la maintenance d’une page et que vous devez rediriger les utilisateurs vers une page temporaire. Ou lorsque vous ne souhaitez plus utiliser une page et que vous devez envoyer les utilisateurs ailleurs de manière permanente. D’autres types de redirections, comme les redirections côté serveur, peuvent nécessiter que vous accédiez aux fichiers de votre serveur. Ce qui peut être difficile (bien que les plugins rendent souvent cela beaucoup plus facile). Bien que les redirections HTML puissent être pratiques, il existe plusieurs raisons de les éviter :

  1. Ils pourraient ne pas fonctionner correctement sur les anciens navigateurs et conduisent à une mauvaise expérience utilisateur
  2. Étant donné que le code HTML de l’ancienne page doit être chargé avant que la redirection ne se produise, ils peuvent être lents et frustrants pour les utilisateurs
  3. Ils ne transmettent pas autant d’équité de lien (à partir de la page d’origine) comme d’autres types de redirections qui peuvent affecter votre référencement
  4. Les redirections HTML retardées peuvent présenter problèmes d’accessibilité pour les personnes avec des lecteurs d’écran ou les personnes qui ne peuvent pas lire le texte rapidement
  5. Puisque vous avez besoin du HTML de la première page, vous ne pouvez supprimer définitivement aucune des pages que vous souhaitez rediriger et doit les maintenir opérationnels. Ce n’est pas idéal si vous souhaitez réorganiser la structure de votre site

Comment rediriger une page vers une autre page en HTML

Pour ajouter une redirection dans votre HTML, collez le code ci-dessous dans la section de la page que vous souhaitez rediriger (et remplacez la valeur de l’URL) :
Dans ce code :

  • http-equiv= »actualiser » indique au navigateur de rediriger la page
  • contenu= »3 ; indique au navigateur combien de secondes attendre avant de rafraîchir la page. Dans cet exemple, c’est trois secondes. Pour en faire une redirection instantanée, réglez-le sur « 0 »
  • URL= »URL=https://www.votreurl.com/nouvellepage » indique au navigateur vers quelle URL envoyer les utilisateurs

Assurez-vous simplement de faire attention lorsque vous choisissez entre une redirection instantanée et une redirection différée. Google interprète les redirections instantanées comme permanentes (ce qui signifie que vous ne prévoyez pas d’utiliser à nouveau la page redirigée) et les redirections différées comme temporaires.

Meilleures pratiques et exemples de redirection HTML

1. Évitez de rediriger vers des pages redirigées

La redirection vers une page qui a déjà une redirection est connue sous le nom de chaîne de redirection. Imaginez que vous atterrissez sur un site Web, et peu de temps après y être arrivé, il vous redirige vers une nouvelle page. Et puis ce La page vous redirige vers une nouvelle page…Cela semble frustrant, n’est-ce pas ? Non seulement c’est ennuyeux pour les utilisateurs, mais c’est aussi mauvais pour votre référencement.

2. Rediriger vers une page pertinente

Dans la mesure du possible, redirigez les utilisateurs vers une page pertinente pour réduire le risque qu’ils quittent complètement votre site. Les utilisateurs arrivent sur votre page parce qu’ils ont un besoin. Peut-être souhaitent-ils en savoir plus sur votre entreprise, vous contacter ou effectuer un achat. Essayez de déterminer ce besoin et redirigez les utilisateurs vers une page similaire. Par exemple, supposons que vous vendiez des chaussures et que vous disposiez d’une page produit pour des baskets violettes. Un jour, vous n’avez plus de baskets violettes et vous devez temporairement rediriger le trafic ailleurs. Probablement la page des baskets. En envoyant du trafic vers une page pertinente, vous rencontrez les utilisateurs là où ils se trouvent afin qu’ils puissent continuer leur voyage.

3. Dites aux utilisateurs pourquoi vous les redirigez

Lorsque vous définissez une redirection en HTML, votre code HTML doit être chargé avant que la redirection ne se produise.Même si vous définissez une redirection instantanée, si la connexion Internet de votre utilisateur est lente, il peut toujours voir une partie de la page initiale avant d’être redirigé.Au lieu de lui montrer une page vierge, ajoutez un texte de présentation pour qu’il sache pourquoi vous les redirigez. Assurez-vous simplement que la copie que vous incluez sur la page est courte et facile à lire. Visez 20 mots ou moins. De cette façon, les utilisateurs peuvent lire rapidement la redirection avant qu’elle ne se produise.

Les navigateurs plus anciens peuvent ne pas prendre en charge les redirections HTML, ce qui signifie que si quelqu’un atterrit sur votre page, il ne sera pas redirigé vers la nouvelle. Que votre redirection soit retardée ou instantanée, incluez un lien vers la nouvelle page afin que les utilisateurs puissent cliquer dessus si la redirection ne fonctionne pas. De cette façon, vous n’avez pas à vous soucier de perdre du trafic et vous pouvez vous assurer que les visiteurs se retrouvent au bon endroit.

5. Assurez-vous que les redirections retardées sont correctement chronométrées

Assurez-vous que vos redirections ne sont ni trop longues ni trop courtes. Cinq secondes suffisent généralement. Si une redirection retardée prend trop de temps, vous risquez que les utilisateurs rebondissent et ces utilisateurs risquent de ne plus jamais se retrouver sur votre site. Et si les utilisateurs doivent lire un message, mais que la redirection est trop courte, ils peuvent se sentir tout aussi frustrés. Testez votre redirection retardée pour vous assurer qu’elle n’est pas trop longue ou trop courte.

Meilleures alternatives aux redirections HTML

Les redirections 301 et 302 sont plus rapides que les redirections HTML, sont moins susceptibles de nuire à votre référencement et ont moins d’impact sur l’expérience utilisateur sur votre site. Voici quand utiliser chacun :

Redirections 301

Les redirections 301 sont des redirections permanentes qui indiquent aux moteurs de recherche que vous avez déplacé du contenu vers une nouvelle URL. Utilisez-les lorsque vous :

  • Vous voulez diriger les utilisateurs de HTTP vers HTTPS
  • Fusionner deux pages ensemble
  • Supprimer une page et la remplacer par autre chose

Avec une redirection 301, vous dites aux moteurs de recherche que l’ancienne page n’existe plus. De cette façon, vous transmettez une grande partie de l’équité du lien de l’ancienne page à la nouvelle page. Et les moteurs de recherche savent mettre à jour l’ancien lien avec le nouveau dans les résultats de recherche.

302 redirections

Les redirections 302 sont des redirections temporaires. Ils sont utiles si vous avez besoin de rediriger les utilisateurs pendant un certain temps. Comme lorsque vous devez effectuer des mises à jour de page ou que vous souhaitez exécuter un test A/B. Par exemple, vous pouvez implémenter une redirection 302 pour une page de destination afin de tester quelle copie d’appel à l’action génère plus de conversions. Cependant, comme les redirections 302 ne sont que temporaires, les moteurs de recherche peuvent ne pas mettre à jour les résultats de la recherche avec le nouveau lien. Cela signifie que vous devez suivre vos redirections 302 et les supprimer lorsque vous n’en avez plus besoin.

Comment auditer vos redirections

Si votre site contient des redirections, vous voudrez un moyen simple de les auditer et de vous assurer qu’elles fonctionnent comme prévu. Vous pouvez conserver une feuille de calcul, mais les feuilles de calcul peuvent être fastidieuses à gérer. De plus, si vous oubliez d’ajouter une redirection à votre feuille, vous risquez de l’oublier (et de la supprimer si nécessaire). Un moyen plus simple consiste à utiliser l’outil d’audit de site de Semrush. Pour commencer, accédez à « Audit de site » et configurez un nouveau projet ou cliquez sur le projet existant pour lequel vous souhaitez identifier les redirections. Ensuite, cliquez sur le numéro à côté de » Redirections « . Ici, vous verrez une liste des redirections sur votre site, où vous pouvez vous assurer que chaque page a le bon type de redirection. Ce rapport vous aide également à repérer les chaînes de redirection. Voici comment. Sous « Questions» recherchez « chaîne de redirection ». Cliquez sur «# chaînes et boucles de redirection. « Utilisez ce rapport pour identifier, puis corriger, les pages avec plusieurs redirections afin d’offrir aux utilisateurs une meilleure expérience sur votre site. En utilisant l’outil d’audit de site de Semrush, vous pouvez être sûr que les utilisateurs se retrouvent toujours là où ils sont censés, sans aucun tracas.