Coucou les amis, aujourd’hui je vais allier créa et aspect technique avec la présentation de 10 pages 404 à s’inspirer pour illustrer son site internet en cas de non redirection vers un contenu de votre site.
On l’oubli parfois, mais quand cela fait des années comme moi qu’on a son blog, il peut arriver qu’entre une mise à jour mal adaptée ou quand on a décidé de supprimer un article (car on en a réécrit un bien plus complet et intéressant), l’ancienne page qui est toujours mémorisée par le géant Google peut quant à elle être toujours accessible ! Le problème c’est que bien souvent on arrive alors sur une page d’erreur qui vous explique que malheureusement votre contenu n’est plus accessible et qu’il vous faut aller voir ailleurs ! 🙂 Et bien si vous souhaitez avoir une page rigolote ou un peu plus créative sur votre site vous pouvez alors personnaliser votre page 404 ! Afin de vous donner des idées je vous ai répertorié 10 pages 404 à s’inspirer pour personnaliser de manière originale ou tout simplement réfléchit votre site internet. Et comme j’aime être le plus complet possible, je vous montre en 10 étapes comment installer une page 404 personnalisée sur votre site. C’est cadeau ! ^^

ERREUR 404 – Qu’est ce qu’une page 404 et à quoi ça sert ?

Internet est cet outil merveilleux qui nous permet de bosser de chez nous tout en touchant des millions de personnes par le biais de son site ou blog. Cependant il peut arriver que certaines « requêtes » disparaissent au fil du temps, aboutissant sur une page «  d’erreur » qui vous explique que votre contenu n’est pas accessible !

Pourquoi appelle-t-on une page 404 ?

  • Le nom de page 404 vient du nom de son code d’erreur à savoir l’erreur 404 ! 🙂

Pourquoi a-t-on des erreurs 404 ?

  • Les erreurs 404 viennent généralement d’un lien que l’on fait vers un autre site ou page internet mais qui au bout de quelques années a fermé, disparu ou complètement était refondé. Du coup, le contenu vers lequel vous faisiez référence n’y est plus et vous tombez sur une page d’erreur. C’est la fameuse page 404 !
  • Parfois aussi, l’erreur vient d’une mise à jour, par exemple, sur mon blog j’ai une mise a jour de wordpress qui a un moment n’avait pas bien fonctionné et j’ai eu pas mal d’erreur. J’ai donc vite résolu tout ça.

Comment éviter d’avoir des erreurs 404 ?

  • A l’heure actuelle il existe de nombreux outils en ligne pour vérifier si votre site ou blog ne contient pas d’erreur qui le ralentisse ou lui font défaut. Je vous conseille cet outil en ligne qui est non seulement gratuit mais surtout qui va scroller tout votre site et listera l’ensemble des liens cassés de votre site ! Simple est efficace pour repérer les sites qui ont disparu et les liens brisés sur votre blog !

A quoi ça sert de supprimer ces erreurs 404 ?

  • Vérifier régulièrement que son site ne contient pas trop de liens cassés est important, car cela montre à Google que vous prenez soin de lui (ce qui favorisera votre référencement au passage ) et surtout cela vous permet de faire du ménage ! 🙂

Allez assez parlé, place à ma sélection des 10 pages 404 à s’inspirer pour son site internet ! Enjoy !

PAGES 404 – 10 pages 404 à s’inspirer pour son site internet !

Avant de vous présenter mon tuto pour installer en 10 étapes une page 404 personnalisée, découvrons avant, ma sélection de 10 pages 404 à s’inspirer pour son site internet drôles, originales ou interessantes à analyser.

  • La page 404 Pacman

404 PACMAN - 10 pages 404 à s’inspirer pour son site internet

  • La page 404 Star Wars – (LIEN)

404 STAR WARS - 10 pages 404 à s’inspirer pour son site internet

  • La page 404 Golden Moustache  – (LIEN)

404 LOGO - 10 pages 404 à s’inspirer pour son site internet

  • La page 404 Facebook  – (LIEN)

404 FACEBOOK - 10 pages 404 à s’inspirer pour son site internet

  • La page 404 humoristique  – (LIEN)

10 pages 404 à s’inspirer pour son site internet

ASTUCE : Envie de découvrir d’autres astuces pour développer votre site internet ! Découvrez vite tous mes autres dossiers techniques ici !

  • La page 404 Décathlon – (LIEN)

404 DECATHLON - 10 pages 404 à s’inspirer pour son site internet

  • La page 404 Sud-Ouest – (LIEN)

10 pages 404 à s’inspirer pour son site internet

  • La page 404 Reversible  – (LIEN)

10 pages 404 à s’inspirer pour son site internet

  • La page 404 Canva  – (LIEN)

10 pages 404 à s’inspirer pour son site internet

  • La page 404 intello

10 pages 404 à s’inspirer pour son site internet

PAGES 404 – Ce qui faut retenir !

Comme vous avez vu, les pages 404 présentées sont soit très banale, très originales ou très travaillées. En fait se sera selon les goûts de chacun. Cependant je voudrai relever 5 points car si on regarde de plus prêt on peut distinguer 5 catégories de pages 404 :

  • Les créatives : comme celles de Pacman ou Star Wars, permettent de faire un clin d’oeil a des moments cultes de notre vie. C’est donc le moment de vous lâcher ! ^^
  • Les humoristiques : qui vous esquisseront un sourire comme celle de décathlon ou des suricates.
  • Les intellos : celles qui au passage vous font découvrir une citation ou une définition. Sympa et éducative. ^^
  • Les sur-mesure : qui personnalise leur logo et qui font un clin d’oeil au fait que aie, ya une erreur dans la machine. Le logo du site est alors généralement mis en scène comme celle de Facebook et de Golden Moustache.
  • Les basic : celle ou il y a juste marqué que ya une erreur et que la page n’existe plus.

Et vous quelle catégorie de pages 404 préféreriez vous ? Maintenant que vous avez des idées pour créer votre page 404, place à la pratique, voici en 10 étapes comment installer une page 404 personnalisée pour son site internet !

TUTO – Mettre en place sa page 404 personnalisée en 10 étapes !

Maintenant que vous êtes inspiré place au tutoriel technique pour mettre en place votre page 404. C’est parti !
Avant toute chose il faut savoir que pour personnaliser sa page 404, vous devez avoir accès au serveur qui héberge votre site internet via FTP :

  • Mettez en ligne votre nouvelle page 404 et récupérez son URL finale. Cet URL vous servira pour la suite. 🙂
  • Connectez-vous au FTP de votre hébergement (dédié ou mutualité selon ce que vous avez) qui héberge votre site et optimisez la page d’erreur 404.
  • Remplacez dans le dossier du site dédié à la page 404, l’ancienne page 404 par la nouvelle que vous avez personnalisé à votre convenance. Jusque là tout va bien, on va commencer à compliquer les choses. ^^
  • Allez à la racine du dossier, et recherchez le fichier nommé « .htaccess ». Téléchargez-le sur votre ordinateur.

ASTUCE : Attention, pensez à faire une copie dans un autre dossier de ce fichier au cas où vous faites une mauvaise manip. Idéal pour rattraper les bêtise et remettre en ligne sont site. 🙂 !

  • Éditez ce fameux fichier « .htaccess » avec un éditeur de texte comme Notepad++ ou un logiciel plus avancé comme Dreamweaver, SublimeText…
  • Recherchez la mention « ErrorDocument 404 » dans votre fichier « .htaccess » : 2 options s’offrent à vous à ce niveau. Et oui on corse un peu plus le défi mais vous allez voir c’est tout aussi accessible. 🙂
    – Si aucune mention n’est ajoutée, il vous suffira alors d’ajouter ceci à votre fichier « ErrorDocument 404 /url-de-votre-404-en-ligne.html »
    – Si une mention « ErrorDocument 404 » est détectée, il suffira juste de remplacer la page 404 actuelle par la nouvelle en suivant la même procédure que ci-dessus.

BON A SAVOIR : Votre URL peut se terminer par .html, .php, .jsp … pensez dans tous les cas à garder seulement ce qui se trouve après votre nom de domaine en ajoutant bien le « / » au début.

  • Une fois cette étape faite, et que vous avez remplacé le fichier « ErrorDocument 404 » dans votre fichier .htaccess, il ne vous reste plus qu’à l’enregistrer et l’uploader à nouveau sur votre serveur. Votre FTP vous demandera alors si vous souhaitez remplacer votre fichier actuel, cliquez sur « oui ».
  • Et voilà c’est fait, il ne vous reste plus qu’à tester votre nouvelle page 404 en vous rendant sur votre site internet et en tapant une fausse URL à votre convenance. Vous pouvez alors contempler votre nouvelle page 404 personnalisée et être fier de vous ! ^^

Voilà notre dossier spécial 10 pages 404 à s’inspirer pour son site internet s’achevant, j’espère qu’il vous aura plus. Je n’ai plus que vous souhaiter une bonne communication les petits loups et vous dis à très vite pour de nouvelles astuces créatives ou techniques !

Source image : Facebook