Dans cet article, nous allons voir comment créer une page 404 personnalisée pour votre blog. Vous connaissez probablement déjà la signification de l'erreur 404, c'est-à-dire « Page introuvable ». C'est l'erreur renvoyée par le serveur lorsque la page demandée n'existe pas ou a été déplacée ailleurs.

Dans ce cas, l'utilisateur voit une page 404 par défaut, ce qui n'est pas recommandé. Si vous voulez que votre blog soit plus convivial, vous devriez créer votre propre page 404, afin que l'utilisateur ne soit pas agacé et puisse voir un message personnalisé ou un chemin de retour vers votre contenu. Dans cet article, nous nous concentrons sur l'affichage d'une page 404 personnalisée (pas sur la redirection).

D'abord, vous devez concevoir une page HTML simple à montrer à vos visiteurs. Ne vous inquiétez pas si vous ne savez pas créer des pages HTML — vous pouvez utiliser celle partagée dans cet article, avec son CSS.

Comment ajouter une page 404 personnalisée dans Blogger

Connectez-vous à votre compte Blogger.
Accédez à votre tableau de bord et cliquez sur Paramètres.
Cliquez sur Préférences de recherche.
Sous Erreurs et redirections, cliquez sur Modifier à côté de Page introuvable personnalisée.
Ajoutez le code HTML suivant dans le champ :

<style>
  .error-404 {
    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    padding: 40px 20px;
  }
  .error-404 h2 {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .error-404 a {
    color: #1e598e;
    font-weight: bold;
  }
</style>
<div class="error-404">
  <h2>Oops! Page not found (Error 404)</h2>
  <p>Sorry, the page you are looking for does not exist or has been moved.</p>
  <p><a href="https://www.yourblog.com/">&#8592; Go back to the homepage</a></p>
</div>

Cliquez sur Enregistrer les modifications, et c'est terminé.

Vous avez ajouté avec succès une page d'erreur 404 personnalisée à votre blog. Désormais, chaque fois qu'un utilisateur tombe sur une URL qui n'existe pas sur votre blog, cette page s'affichera à la place de l'erreur par défaut. Une petite modification est nécessaire : remplacez l'URL de la page d'accueil dans le code ci-dessus par celle de votre propre blog.

Articles recommandés

J'espère que vous avez apprécié cet article. Vous pouvez consulter d'autres articles sur le blogging et le SEO dans notre section Astuces et conseils Blogger.

Comment ajouter une page 404 personnalisée à Blogger

Comment ajouter une page 404 personnalisée dans Blogger

Articles recommandés