Comment personnaliser la page 'Erreur 404 page introuvable'

Blogger a ajouté de nouvelles options dans la plate-forme pour nous permettre d'améliorer et contrôler un petit peu plus le référencement de nos blogs et désormais on peut personnaliser le contenu de la page 'Erreur 404 page introuvable'

Afficher un message texte

Ici nous allons afficher un petit message pour dire au visiteur que l'adresse de la page qu'il veut visualisé est incorrecte.

Pour avoir une idée de ce que ça donne allez dans une page qui n'existe pas, comme http://www.leblogger.com/cettepagenexistepas

Pour la configuration utilisez la nouvelle version de Blogger pour aller dans Paramètres -> Préférences de recherche -> Erreur et redirections et juste à coté de Page introuvable personnalisée cliquez sur modifier puis entrez votre propre message :

Utilisez le HTML et CSS

En plus du texte vous pouvez ajouter du code HTML/CSS, par exemple vous pouvez afficher une barre de recherche, des liens et des images, ce qui donnera :

Condition Si:Sinon pour error_page

Blogger a créé une condition if:else spéciale pour détecter si on se trouve ou pas dans une page de type erreur 404 et vous pouvez utiliser cette condition pour faire ce que vous voulez, comme par exemple cacher la sidebar, changer la balise Title, utiliser du Javascript....
 <b:if cond='data:blog.pageType == "error_page"'>
quelques chose ici qui ne s'affichera que dans la page d'erreur
</b:if>
Je vais essayer de créer une page d'erreur très personnalisée pour LeBlogger et je vous donnerais plus d'explications dans un prochain article :)

Si vous avez des problèmes ou des questions pour définir une page 404 personnalisé, n’hésitez pas à laisser un commentaire en bas de cette page...
Libellés : Publié le jeudi, avril 05, 2012
11 Commentaires
  1. C'est vrai que c'est moyennement sympa de voir s'afficher ce machin. Faut que je m'attelle à ça. Merci pour les détails. C'est le genre de manip que je suis incapable de faire seule.

    RépondreSupprimer
  2. Salut sofiane,

    Encore une très bonne information de ta part.

    amicalement

    RépondreSupprimer
  3. Faites un tour sur Bonjour 404 si vous cherchez de l'inspiration pour votre propre 404 :)

    RépondreSupprimer
  4. moi j'ai mis ça :

    OOPS!

    La page que vous recherchez n'existe pas!


    Cliquez ici pour retourner à la page d'accueil.




    <img border="0" src="http://css-tricks.com/images/404.jpg">

    RépondreSupprimer
  5. Pas moyen d'ajouter une redirection automatique comme font les grands sites sur leurs pages d'erreur ?

    Merci

    RépondreSupprimer
  6. Bon courage pour tous ceux qui veillent sur le déroulement de ce blog et félicitation pour le contenu. C’est très réussi. Surtout continuez ainsi ! Bon courage


    Voyance par mail gratuite
    voyance mail gratuite

    RépondreSupprimer
  7. Merci

    visite Moi Sur :

    http://iducateyourself.blogspot.com/

    RépondreSupprimer
  8. Un site adorable que je viens de découvrir par hasard, bravo !!
    voyance gratuite par telephone

    RépondreSupprimer

Copyright 2015 Soufiane.fr