Page 404 avec Divi 4.0

#PRO #Stylé #Ergonomique

Nous avons pris parti de faire un atelier dédié à la Page 404 lors du dernier Meetup Divi Toulouse. Car tous les pros sont d’accord sur une chose: avoir une page 404 « propre » est loin d’être une futilité.

D’autant plus qu’avec Divi Theme Builder, fini la page d’erreur terne, sans intérêt et qui fait fuir les utilisateurs.

Nous sommes heureux de partager avec vous le pourquoi du comment de la Page 404, son importance, la stratégie à adopter pour la rendre efficace, quelques inspirations et enfin le guide gratuit pour construire une Page 404 pro avec Divi 4.0. Enjoy !

Erreur 404, le pourquoi du comment

Les erreurs 404 peuvent survenir de différentes manières : une erreur d’URL, liens brisés, retrait de Page, un contenu déréférencé etc.
Donc, que les choses soient claires, ce n’est pas parce que cela s’appelle « Erreur 404 » que vous avez commis forcement une erreur !
Hé oui, les erreurs 404 ne sont pas relatives à WordPress mais à l’ensemble des sites dès lors qu’une Page Web est introuvable.

Pour faire simple, le 404 est le code d’erreur standard (Error 404) renvoyé par un serveur dès que la Page demandée ne peut être localisée.

WordPress & Divi 4.0, sky is the limit !

L’avantage que nous avons avec WordPress c’est la gestion automatique des erreurs 404. Quand la Page est introuvable, notre CMS chéri va agir en chargeant le fichier index.php du thème par défaut ou en choppant le modèle 404.php du thème actif.

Toutefois et entre nous, la Page 404 par défaut n’est franchement pas sexy mais #OnFaitAvec.
On fait avec car à défaut de coder, c’est encore un plugin à chercher, à installer, à configurer, à prendre en main alors qu’on a moultes choses à faire…
Mais surtout, on fait avec car on minimise ou on ne voit pas l’importance de la Page 404.

‘Faut pas se leurrer, un visiteur qui tombe sur une Page d’erreur 404 rustre et sans intérêt ira « chercher bonheur » ailleurs.
Alors, si on ne veut pas perdre les visiteurs (pensez taux de rebond) il est temps de rendre la Page 404 de notre site #Pro et #Stylée.

Qu’on se le dise, avoir une Page 404 « bien pensée » (style, ergonomie…) sans coder et sans plugin est maintenant possible grâce à Divi 4.0 et ça c’est une bonne nouvelle ! Alors pourquoi s’en priver ?

Stratégie construction Page 404

Mais avant de s’emballer, réfléchissez d’abord à une stratégie pour votre Page d’erreur : pour que les visiteurs restent sur le site (quel contenu ?), pour enlever la frustration d’être devant une Page « introuvable » (quel ton utiliser ?), pour guider les visiteurs facilement et clairement (ergonomie), etc.

En bref, comme les autres Pages de votre site, pensez #UX.
Gardez en tête – tout le long de la construction – que la Page 404 fait partie de l’ensemble de votre site !

Une fois que vous avez établi votre stratégie, le reste coulera de source car avec Divi 4.0, la mise en place de la Page 404 est vraiment … easy peasy !

En manque d’inspiration ? Nous avons sélectionné des Pages 404 super géniales rien que pour vous.
Vous avez réalisé THE Page 404 ? Inspirez-nous en soumettant votre Page 404 à bonjour404.fr

Bonus ❣

Enfin, pour vous aider à construire une Page 404 avec Divi 4.0 et suite au Meetup Divi Toulouse, nous vous avons concocté un petit guide à télécharger gratuitement.

Vous allez voir qu’en 10 étapes et en moins d’1h, il est tout à fait possible d’avoir une Page 404 Pro et stylée. #WeAreDivi

Télécharger le guide construction Page 404 Divi 4.0