Chapitre II : Création et gestion des pages
La structure des pages, ou "arbre des pages", est le squelette de votre site web. Une structure logique et bien organisée est non seulement essentielle pour une navigation claire pour vos visiteurs, mais aussi pour une bonne visibilité dans les moteurs de recherche (SEO).
- Gérer l'arborescence des pages : Créer une structure La gestion des pages dans l'arborescence est intuitive. Vous pouvez créer de nouvelles pages en cliquant avec le bouton droit de la souris sur une page existante et en choisissant l'action souhaitée. Les pages peuvent être facilement déplacées par glisser-déposer vers une nouvelle position. Copier, coller et supprimer des pages sont également des actions de base. Les pages supprimées se retrouvent dans une corbeille, à partir de laquelle elles peuvent être restaurées si nécessaire.
- Astuce : créer plusieurs pages simultanément Dans le menu contextuel (clic droit), vous trouverez également la possibilité de créer plusieurs pages simultanément, ce qui permet de gagner du temps lors de la mise en place d'une structure de site plus importante.
- Analyse des types de pages : Le bon outil pour chaque tâche Lors de la création d'une page, il est essentiel de choisir le bon type de page, car chaque type a une fonction spécifique :
- Page standard Page standard : le type le plus couramment utilisé, destiné à une page web normale avec du contenu.
- Dossier (SysFolder). Un dossier est un conteneur spécial qui sert d'emplacement de stockage pour les enregistrements de la base de données, tels que les nouvelles, les catégories ou les utilisateurs frontaux. Un dossier lui-même n'est pas visible dans la navigation du frontend. En stockant les enregistrements tels que les actualités dans un dossier distinct, vous gardez votre arborescence de pages propre et non encombrée. Les pages de l'arborescence servent à la navigation ; les dossiers servent au stockage de données structurées.
- Raccourci : Crée un élément de menu qui renvoie directement à une autre page existante de votre site web.
- Lien vers une URL externe : crée un élément de menu qui renvoie à un site web externe.
- Séparateur de menu : ajoute une séparation visuelle dans le menu, sans qu'il s'agisse d'une page cliquable.
- Propriétés des pages en détail : optimisation et contrôle Chaque page possède un ensemble complet de propriétés que vous pouvez gérer. Celles-ci sont divisées en plusieurs onglets :
- Informations de base : Vous définissez ici le titre de la page (tel qu'il apparaît dans le menu et l'arborescence), sélectionnez le type de page et gérez la visibilité (masquer/afficher la page dans les menus et le frontend).
- Contrôle du temps : La date de publication (début) et la date d'expiration (fin) vous permettent de programmer la mise en ligne ou la mise hors ligne automatique des pages à une heure précise.
- SEO/Métadonnées : Cet onglet est crucial pour l'optimisation des moteurs de recherche. Vous y saisissez le Meta Title (le titre qui apparaît dans l'onglet du navigateur et dans les résultats de recherche) et le Meta Description (la brève description qui apparaît dans les résultats de recherche). Des mots-clés peuvent également être ajoutés ici.
- Médias sociaux : Optimisez l'affichage de votre page lorsqu'elle est partagée sur les médias sociaux. Vous pouvez définir des images, des titres et des descriptions spécifiques pour les cartes Facebook/Twitter.
- Mise en page du backend : Elle définit le cadre visuel de la page dans le backend, généralement sous la forme de colonnes (par exemple, une colonne principale et une colonne de droite). Cela vous aide à placer le contenu de manière structurée. Le choix de la bonne mise en page du backend est un choix stratégique qui détermine la manière de présenter votre contenu. Par exemple, une mise en page avec une colonne principale large et une colonne latérale étroite se prête parfaitement à un article de blog avec des liens connexes, tandis qu'une mise en page avec trois colonnes égales est idéale pour présenter les caractéristiques d'un produit.
- Travailler avec le module LIST : une gestion efficace Le module LIST permet d'afficher une liste de toutes les pages et de tous les éléments de contenu. Il est particulièrement utile pour effectuer des opérations en masse. Imaginons que vous souhaitiez masquer temporairement dix sous-pages sous "Services". Au lieu d'ouvrir les propriétés de chaque page individuellement, vous pouvez sélectionner les dix pages dans le module LISTE et les masquer d'un seul clic. C'est la puissance de l'édition en bloc.
Travaux pratiques 2 (P2) : Mise en place de la structure du site Web
Maintenant que la structure est en place, il est temps de la remplir avec du contenu réel.