Page introuvable personnalisée (Erreur 404)

Page introuvable personnalisée

Les bloggers créent souvent des pages 404 personnalisées afin de présenter à leurs lecteurs des messages un peu plus conviviaux et chaleureux que les messages d'erreur génériques.
Les pages 404 personnalisées vous permettent d'offrir une meilleure expérience aux visiteurs qui cliquent sur un lien rompu ou tentent d'accéder à une page temporairement indisponible.
Ces pages sont également une excellente occasion d'aider vos visiteurs à retourner sur votre blog ou de leur donner quelques indications de navigation.

[Crédit Texte introduction : Centre d'aide Blogger en français]



Activer et ajouter un message d'erreur personnalisé

Lorsque la fonctionnalité est désactivée, Blogger génère un message automatique :

Désolé, la page que vous recherchez dans ce blog n'existe pas.

Un message d'erreur

Pour générer un nouveau message d'erreur, vous devez effectuer la modification via le tableau de bord :

  • UI-2020
  • Paramètres
  • Erreurs et redirections
  • Page d'erreur 404 personnalisée

Sélectionnez OUI et saisissez un texte (Le langage HTML est autorisé).

Activer et ajouter un message d'erreur personnalisé
Capture UI-2010


Le message d'état

Sur le blog, le message d'erreur personnalisé s'affiche dans le cadre du message d'état qui se situe dans l'entête du gadget blog. C'est le même cadre qu'utilise Blogger pour générer les autres messages informatifs :

  • Aucun article.

  • Résultat de recherche.

  • Aucun résultat

  • Articles portant le libellé...

  • Etc...

Dans l'éditeur XML du thème, vous trouverez le code du message d'état dans le gadget Blog, dans l'inclusion status-message :

<b:includable id='status-message'></b:includable>

L'inclusion est exécutée via cet appel :

<b:include data='top' name='status-message'/>

L'appel est introduit par défaut au début des inclusions main et mobile-main :

Inclusion main
<b:includable id='main' var='top'></b:includable>
Inclusion mobile-main
<b:includable id='mobile-main' var='top'></b:includable>


Le type de la page 404

La donnée universelle view.isError indique si la page courante est une page 404 et ressortira la valeur true lorsque l'url est considérée comme étant introuvable.

Grâce à cette donnée, vous pouvez facilement cibler les pages 404 et personnaliser le code XML de votre thème :

  • Réaliser votre propre page 404, 100% personnalisée.

  • Autoriser le message d'état uniquement dans les pages 404.

  • Interdire l'affichage de certains éléments.

  • Etc.

Exemple 1 : Code a exécuter
<b:if cond='data:view.isError'>
  <!-- Code a exécuter -->
</b:if>
Exemple 2 : Code a ne pas exécuter
<b:if cond='not data:view.isError'>
  <!-- Code a ne pas exécuter -->
</b:if>


Autres éléments SEO

Retourner à l'introduction

Spotlight

Populaires cette semaine

Twitter : Bouton mentionner / Mention button