Comment éviter les demandes vers des ressources inaccessibles

L'erreur 404 Not Found indique que le serveur n'a pas pu trouver la ressource demandée. Pour le navigateur, cela signifie que l'URL n'est pas reconnue.

Les requêtes 404 provoquent de la frustration chez l'utilisateur et peuvent entraîner de mauvaises performances du site Web. De plus, les moteurs de recherche explorent et indexent des pages inexistantes et, par conséquent, le classement du site Web s'en ressent négativement. Dans l'ensemble, nous pouvons éviter les recherches de requêtes inaccessibles en utilisant quelques méthodes.

1. Vérifiez régulièrement les liens
Cela peut sembler trivial, mais les causes les plus courantes d'erreurs 404 sont les pages qui ont été déplacées ou supprimées et les URL mal saisies. Pour cette raison, vous pouvez utiliser des outils gratuits tels que Google Search Console et Screaming Frog SEO Spider pour valider les liens rompus et les Soft 404s (ressources inexistantes qui renvoient toujours un statut de réussite de 200).

2. Validation des URL
Avant de faire la demande, vérifiez que l'URL est correcte. Même si cela ne garantit pas que la ressource demandée n'existe pas, cela peut éviter des erreurs évidentes. Pour valider une URL, il existe l'interface URL de Javascript. Ici vous pouvez valider la structure de l'URL, le protocole, le domaine ou l'extension du fichier demandé.

Vous pouvez également vérifier l'existence d'une ressource avant de faire une requête GET en utilisant la méthode HEAD.

async function fileExists(url) {
  try {
    const response = await fetch(url, { method: 'HEAD' });
    return response.ok;
  } catch (error) {
    console.error('Error verifying the existence of the file:', error);
    return false;
  }
}

fileExists('https://example.com/file.jpg').then(exists => {
  if (exists) {
    console.log('File exists.');
  } else {
    console.log('File not found.');
  }
});

3. Évaluer les restrictions du site
N'oubliez pas de vérifier que les fichiers HTML, CSS, JavaScript et autres ressources disposent des autorisations de lecture et d'exécution appropriées pour les utilisateurs. Vérifiez également qu'il n'y a pas de restrictions d'accès indues dans les paramètres du serveur Web qui pourraient empêcher l'accès à certains fichiers ou répertoires.

Les paramètres tels que AllowOverride et Require all accordé peuvent causer des problèmes s'ils ne sont pas correctement configurés.

4. Vider le cache

Le cache stocke des copies des ressources du site Web afin que lorsque vous visitez à nouveau le même site, le navigateur puisse charger ces ressources plus rapidement. Cependant, si une ressource de site Web renvoie une erreur 404, cette réponse peut également être stockée dans le cache. Ainsi, même si cette ressource est corrigée sur le serveur, l'utilisateur peut toujours recevoir l'erreur 404. Pour résoudre ce problème, nous pouvons travailler sur la configuration de l'en-tête HTTP.

Vous pouvez définir Cache-control: no-store pour empêcher le stockage d'une réponse, ou Cache-Control: no-cache pour forcer le navigateur à vérifier auprès du serveur avant d'utiliser une version mise en cache. Vous pouvez également configurer l'en-tête Expires avec l'heure à laquelle la réponse expirera.

5. Si la ressource manque, traitez-la avec grâce

Au lieu de laisser l'utilisateur rencontrer une erreur 404, configurez des redirections vers des pages alternatives avec l'erreur et suggérez d'autres services. De plus, si un service a été déplacé ou renommé, configurez une redirection 301 (permanente) ou 302 (temporaire) vers la nouvelle URL.

Conclusion
Les erreurs 404 impactent négativement l’expérience utilisateur et la crédibilité de votre candidature et du SEO. En tant que développeur, en gérant les erreurs 404 avec élégance, vous démontrez un engagement envers la qualité et la convivialité, ce qui renforce la confiance des clients dans votre travail et dans le produit que vous développez.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!