Sélectionnez votre langue

Qu’est-ce qu’une page d’erreur 404 ? 

L’erreur 404 est un code d’erreur qu’on retrouve sur Internet lorsqu’une page n’est pas disponible aux visiteurs ou qui n'existent pas.
Cette page est souvent accompagnée de « Not Found » soit « pas trouvé ». En effet, cela est dû généralement à une erreur de frappe lors de l’orthographie d’une URL ou bien d’un lien cassé.

 

Quels sont les avantages de personnalisé sa page d’erreur 404 ?

Lorsque les visiteurs arrivent sur une page d'erreur 404, ils ont tendance à revenir en arrière et se rendre sur un autre site. 

Pour éviter cela vous pouvez créer une page d'erreur 404 personnalisé :
- Vous pourrez expliquer à vos visiteurs qu'ils sont sur une page qui n'est plus disponible ou bien qu'ils ont mal orthographié l'URL.
- Leur indiquer le chemin à suivre pour découvrir votre site, en leur proposant des liens de redirections comme un lien vers la page d'accueil de votre site Web. 
- Réduire le taux de rebond en gardant les utilisateurs sur votre site.
- Les moteurs de recherche ne vous pénalisent pas puisque vous proposez du contenu sur ces pages.

 

Comment connaitre les erreurs 404 de votre site Joomla!  ? 

Pour suivre les erreurs 404 que rencontrent les utilisateurs de votre site, vous pouvez utiliser Google Analytics. Dans les paramètres de cet outil, vous pouvez trouver une liste des URL cassées qui ont déclenché l'apparition d'une page d'erreur 404.

 

Comment personnaliser une page d'erreur 404 avec Joomla! 4 ?

Créer une page 

Pour commencer, dans votre panneau d'administration, rendez-vous dans Contenus > Articles > Nouveau. 
Créer votre page d'erreur avec un texte pour expliquer que cette page n'est plus disponible :

Oups, il semblerait que la page que vous recherchiez n'existe pas ! Grâce à ce lien, vous pouvez retourner sur la page d'accueil. 

Pour ajouter du contenu à votre page d'erreur 404, vous pouvez proposer un lien à vos visiteurs qui renvoie directement à votre page d'accueil. 
Mais également ajouter du texte ou une image pour attirer l'attention de l'internaute jusqu'à ce qu'il clique sur le lien de redirection sur votre site web.  

Attribuer la page à un menu 

Nous allons créer un lien de menu pour pouvoir contrôler ce que nous souhaitons afficher sur cette page d'erreur personnalisée. 

Pour cela, dans vote panneau d'administration, dirigez-vous dans Menus > Gestion des liens > Nouveau.

modifier un lien de menu sur Joomla4

Modification d'un lien de menu dans Joomla! 4

1. Ajoutez un titre 
2. Noté 404 comme alias de votre lien de menu
3. Sélectionnez le type de lien de menu, Articles > Article 
4. Sélectionnez l'article que vous venez de créer 
5. Copiez l'URL de votre lien de menu.

6. Rendez-vous dans l'onglet Type de liens 

parametres dun type de liens joomla4

Paramètre d'un type de liens dans Joomla! 4

Paramétrez Afficher dans le menu sur Non. 

Puis Enregistrer et fermer. 

 

Modifier le fichier error.php du template de votre site web

Pour que vos utilisateurs soient redirigés sur la page d'erreur 404 que vous venez de créer, nous allons nous rendre dans les fichiers de votre site. 

Rendez-vous dans Templates > "nom de votre template" > error.php
Ajoutez le code suivant dans votre fichier error.php :

defined( '_JEXEC' ) or die( 'Restricted access' );
jimport('joomla.application.component.controller');
$controller = new JController();
$controller->setRedirect('index.php?option=com_content&view=article&id=103');
$controller->redirect(); ?> 

Construction dune page derreur personnalisée Joomla

Rediriger la page d'erreur 404 personnalisée 

Ce code permet d'appeler l'article lorsqu'une erreur 404 est rencontrée. 
Il faudra simplement modifier dans la partie "index.php?option=com_content&view=article&id=103'" le nombre 103 par l'ID de votre article. 

LId dun lien de menu Joomla4

Trouver l'Id de votre lien de menu Joomla! 4

L'ID de votre article se trouve dans Gestion des liens (la dernière colonne).

Afficher un élément de menu 

Vous pouvez de nouveau vous rendre dans les fichiers de votre site. 

Comme précédemment rendez-vous dans Templates > "nom de votre template" > error.php
Ajoutez le code suivant dans votre fichier error.php à la suite du précèdent code :

defined(‘_JEXEC’) or die;
if (($this->error->getCode()) == ‘404’} { header(‘Location: /404’};
exit;
}

Créer une page derreur personnalisée Joomla

Rediriger l'élément de menu de votre site joomla! 4 

Une fois votre fichier modifié, enregistrez-le. 

Le tutoriel est terminé, vous pouvez maintenant retourner sur votre site pour tester l'affichage de votre page d'erreur 404 personnalisée. 
Pour cela, rendez-vous sur le frontend de votre site, cliquez sur une page, et modifiez l'URL en faisant une erreur après le "/" de votre nom de domaine. 

Soit "Nomdedomaine/recetts"

Le terme "recettes" est mal orthographié dans l'URL, vous serez alors redirigé directement sur la page d'erreur 404 personnalisée.

L'avantage d'afficher votre page via un élément de menu est que désormais, vous pouvez décider d'afficher ce que vous souhaitez sur cette page. Comme un menu de navigation, un module de contact, ou même un module affichant les derniers articles publiés sur votre site web. 

 

 

Créer une page d'erreur 404 avec un constructeur de page comme SP Page Builder

SP Page Builder est un outil qui permet de composer des pages sur votre site Joomla!.
Cet outil dispose de 50 addons qui vont vous permettre de créer et designer votre site selon vos envies avec du texte, des images, des boutons, des vidéos, et bien d'autres. 

La méthode pour créer une page d'erreur 404 personnalisée avec SP Page Builder va reprendre les mêmes grandes étapes que le tutoriel que nous avons vu précédemment. 

Tout d'abord, si vous n'avez pas encore accès à SP Page Builder, découvrez comment ajouter SP Page Builder à votre site Joomla! 4.

Créer une page SP Page Builder

Dans le panneau d'administration, rendez-vous dans Composants > SP Page Builder > Nouveau

Construisez votre page d'erreur 404 personnalisée en ajoutant des addons comme du texte, des liens vers votre menu principal ou bien un article, un gif ou même une photo.

Vous pouvez faire le choix de construire votre page en backend mais si vous souhaitez avoir directement le rendu de votre composition vous pouvez construire votre page en frontend avec SP Page Builder. 
 Page derreur 404 avec SP Page Builder sur Joomla

Exemple de page d'erreur 404 personnalisée avec SP Page Builder

Lorsque votre page est terminé vous pouvez cliquer sur Save.

Attribuer la page à un menu 

Lorsque vous avez fini la construction de votre page d'erreur 404 personnalisée avec SP Page Builder, nous allons l'affecter à un élément de manu. 
Pour cela, rendez-vous dans Menus > Gestion des liens > Nouveau

 Créer un lien de menu avec Joomla 4

Création d'un lien de menu pour votre site Joomla! 4

1. Donner un titre à votre lien de menu
2. Sélectionnez un type de lien de menu, SP Page Builder > Page
3. Sélectionnez la page que vous avez créée précédemment avec SP Page Builder
4. Copiez l'URL de votre lien de menu. 

5. Rendez-vous dans l'onglet Type de liens 

parametres dun type de liens joomla4

Paramètre d'un type de liens dans Joomla! 4

Paramétrez Afficher dans le menu sur Non. 

Puis Enregistrer et fermer. 

Modifier le fichier error.php du template de votre site web

Pour que vos utilisateurs puissent être redirigés vers votre page d'erreur 404 personnalisée, nous allons nous diriger dans les fichiers de votre site.

Rendez-vous dans Templates > "nom de votre template" > error.php
Ajoutez le code suivant dans votre fichier error.php :

// custom 404 redirect
$config = JFactory::getConfig();
$sef = $config->get('sef');
$sef_rewrite = $config->get('sef_rewrite');
$sef_suffix = $config->get('sef_suffix');
$redirect_url = JURI::base();
if(!$sef_rewrite) {
$redirect_url .= 'index.php/';
}
$redirect_url .= '404'; // menu alias
if($sef_suffix) {
$redirect_url .= '.html';
}
// if sef is turned off
if(!$sef) {
$redirect_url = 'index.php?option=com_sppagebuilder&view=page&id=1';
}
if (($this->error->getCode()) == '404') {
header('Location: ' . $redirect_url, true, 301);
exit;
}

Construction dune page derreur 404 personnalisée avec SP Page Builder

 Modification du fichier error.php 

Il faudra simplement modifier dans la partie "index.php?option=com_content&view=article&id=10'" avec l'URL de votre lien de menu que vous avez copiée plus tôt.

Le tutoriel est terminé ! Vous savez maintenant comment créer une page d'erreur personnalisée avec SP Page Builder. 
Pour découvrir le rendu de votre page sur votre site, rendez-vous sur le frontend, cliquez sur une page et modifiez l'URL en faisant une erreur après le "/" de votre nom de domaine. 

Soit "Nomdedomaine/blg"

Le terme "blog" est mal orthographié dans l'URL, vous serez alors redirigé directement sur la page d'erreur 404 personnalisée.