TutorielsPersonnaliser sa page 404

Comment personnaliser sa page 404 et à quoi ça sert ?

L’une des page web les plus connue au monde est sans doute la fameuse page 404. Lorsqu’un internaute se trompe dans l’url de votre site, ou bien qu’il recherche une page que vous avez supprimée, c’est normalement là qu’il devrait atterrir. Il est donc très important de Personnaliser sa page 404 pour garder le visiteur de votre site dans un environnement familier et surtout pour l’inciter à rester sur votre site en retournant par exemple à la page d’accueil.

Pour pouvoir faire cela avec WebAcappella Responsive Creator, il faut créer une redirection htaccess et une page web personnalisée.

Voyons donc ensemble comment créer et personnaliser tout ça !

 

Créer une redirection 404

Dans WebAcappella Responsive Creator, vous avez la possibilité de créer et d’éditer un fichier htaccess.

Il vous suffit pour cela de vous rendre dans les paramètres du projet et de cliquer sur « créer le fichier .htaccess sur le serveur ».

Copiez/collez le code ci-dessous et cliquez sur ok.

Personnaliser sa page 404

 

Créer une page d’erreur 404

À présent créez une nouvelle page dans WebAcappella Responsive Creator. Dans les propriétés de la page, à « nom du fichier html » inscrivez : 404. C’est donc le nom de votre page

En suite, libre à vous de personnaliser la page comme bon vous semble. Soyez créatif, et ajoutez un bouton permettant au visiteur de revenir à la page d’accueil.

Voici un exemple :

Personnaliser sa page 404

 

Nous vous avons également fait une petite sélection d’images à utiliser pour designer votre page 404.

Pour les Restaurateurs

Personnaliser sa page 404

Les Geeks

Personnaliser sa page 404

Les Développeurs

Personnaliser sa page 404

Les Comiques

Personnaliser sa page 404

 

Les Vrais

Personnaliser sa page 404

Pour le Design

Personnaliser sa page 404

 

Si vous êtes en manque d’inspiration, vous pouvez toujours aller voir le site Bonjour404.fr qui référence toutes les plus belles ou plus insolites pages 404.

 

Voilà, maintenant c’est à vous de jouer !

Bisous les neveux.

10 commentaires

  1. bonjour,

    lorsque je publie il y a ce texte qui s’affiche en haut sur toutes les pages de mon site :

    RewriteEngine On ErrorDocument 404 /404.html

    cela est-il normal ?

    merci

    • Salut,
      tu as pas dû mettre le texte au bon endroit ! (genre: code html personnalisé).
      Regarde avant « code google analytics », il y a le fameux bouton que Tonton parle: « Modifier le fichier .htaccess sur le serveur » (c’est dans la fenêtre qui s’ouvre).

      • Alors, mayday!
        non je n’ai pas ce fameux petit bouton!!!! après avoir cherché avec 4 personnes!
        j’avais deux codes à intégrer: 404 et forcer le retour sur mon site au passage https.
        je suis allée paramètres du projet,
        édition du code HTML j’y ai mis les codes j’ai bien eu une sorte de pop up et ai dit ok et… j’y avais mis aussi le code pour 404 ainsi que re direction https sur mon site, activer le code html et ai coche.
        malgré cela, j’ai affiche tout en haut:
        RewriteEngine On RewriteCond %{HTTP_HOST} ^xxxxxxxxx\.com [NC] RewriteCond %{HTTPS} off RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} RewriteEngine On ErrorDocument 404 /404.html . je viens de faire la demande ce jour pour le https est ce la raison?
        en revanche quand je fais le test le logiciel me dit ça fonctionne.!
        (ou dois je en mettre qu’un code/script à edition du code html? ce n’est pas tres clair pour le coup.
        quelqu’un pour m’aider? merci

  2. Bonjour,

    serait-il possible d’avoir un tutoriel qui permettrait l’insertion d’une vidéo sur ma page web, j’ai beau essayer toutes les manips, cela ne fonctionne pas, faut il insérer du code html dans les propriétés de la page ?
    Merci de votre réponse.

  3. Merci Tonton, bn dans mon pays quelqu’un qui est tonton est tout simplement frere de son père. Mais tu est mon tonton sur le net.

    Mon site WA RC a chaque fois je publie il me don EREUR 404 , le seviteur dit c’est pas de lui le probleme. Peut fait quoi pour resourde ce probleme?

    • Bonjour, oui ça marche pour un site en multilangue.
      La page qui apparaitra sera celle de la langue choisie par le visiteur de ton site.
      Bien cordialement

  4. Merci tonton pour ce tuto très utile,

    cependant il ne fonctionne pas dans tous les cas de figure !

    Dans mon cas, mon site précédent avait une structure en arborescence du type :
    http://www.monsite.com/theme1/page1.html

    Webacappella ne gère pas les structures avec des répertoires, j’ai donc été obligé d’écrire mon site sans répertoire :
    http://www.monsite.com/page1.html

    Dans le fichier HTACCESS, Webacappella protège l’accès aux répertoires créés par le logiciel et visiblement ça pose des problèmes.
    Votre code fonctionne parfaitement si on tente d’accéder à une page inexistante située à la racine :
    http://www.monsite.com/pageinexistante.html
    Mais si l’adresse du lien est de type http://www.monsite.com/theme1/pageinexistante.html
    On arrive bien sur la page 404 mais sans structure de mise en page.

    De la même façon les redirections d’url ne fonctionnent pas.
    Le fichier htaccess généré par le logiciel n’accepte pas de rediriger un ancien lien (www.monsite.com/theme1/page1.html) vers la nouvelle adresse de la page (www.monsite.com/page1.html)

    Si quelqu’un a un e solution je suis preneur.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée Champs requis marqués avec *

Publier un commentaire