Création d'une page

Une page, dans Le Labo du Yeti, c'est l'unité de base de votre site : l'accueil, le « À propos », un service, une page de contact. Cette section vous explique pas à pas comment en créer une, la modifier avec le builder visuel, soigner son SEO et la publier en ligne.

Prérequis. Vous devez être connecté avec un rôle Client, Webmaster, Chef projet ou Administrateur. Le rôle Client suffit largement pour créer, modifier et publier des pages.

Vue d'ensemble du workflow

Créer une page se résume à six étapes simples. Vous pouvez les enchaîner en quelques minutes une fois que vous êtes à l'aise.

Créer la page à partir d'un template de la bibliothèque ou d'un fichier HTML que vous téléversez.
Lui donner un titre et un slug (l'URL de la page).
Éditer le contenu dans le builder visuel : textes, images, vidéos, liens, boutons.
Enregistrer les modifications (la page reste en brouillon).
Configurer le SEO : titre SEO, meta description, image de partage social.
Publier en lançant un Build : la page devient accessible publiquement à l'adresse votre-site.com/<slug>.html.

1. Créer une nouvelle page

Dans la sidebar de gauche, cliquez sur Pages. La liste de toutes vos pages existantes s'affiche, avec leur statut (brouillon ou publié) et leur date de dernière modification.

En haut à droite de cette liste, cliquez sur le bouton orange « Nouvelle page ». Une boîte de dialogue s'ouvre et vous propose deux choix :

Option A — Choisir un template de la bibliothèque

La bibliothèque contient des templates prêts à l'emploi, fournis avec le CMS ou ajoutés par votre webmaster :

page.html — un gabarit générique adapté à la plupart des contenus.
contact.html — une page de contact avec un formulaire pré-configuré.
service.html — une page de présentation de service.
landing.html — une page d'atterrissage orientée conversion.

Sélectionnez le template qui correspond le mieux à ce que vous voulez créer. Vous pourrez tout modifier ensuite, c'est juste un point de départ.

Option B — Téléverser un HTML personnalisé

Si vous avez fait préparer une page sur mesure par un développeur ou un designer, vous pouvez la téléverser directement. Le fichier HTML doit comporter des attributs data-cms sur les zones modifiables (titres, paragraphes, images) pour que le builder visuel sache où vous laisser éditer.

Attention. Sans attribut data-cms, une zone reste figée et ne sera pas modifiable depuis le builder. Demandez à votre webmaster de vérifier le balisage avant de téléverser. Voir la documentation technique pour la convention complète.

Donner un titre et un slug

Renseignez ensuite :

Titre — c'est le nom interne de la page dans le CMS. Il sera aussi proposé par défaut comme titre SEO.
Slug — c'est la portion d'URL de la page (ex. nos-services donnera votre-site.com/nos-services.html). Le slug est généré automatiquement à partir du titre, mais vous pouvez le modifier. Préférez des slugs courts, en minuscules, avec des tirets.

Cliquez sur Créer. Le builder visuel s'ouvre immédiatement sur votre nouvelle page.

2. Le builder visuel

Le builder est l'éditeur principal du CMS. Il affiche votre page dans un grand cadre central (un iframe, exactement comme elle apparaîtra en ligne) et vous permet de modifier chaque élément directement en cliquant dessus.

Sélectionner un élément

Survolez la page avec votre souris : chaque élément modifiable s'entoure d'un liseré orange au passage. Cliquez dessus, il se sélectionne et un panneau latéral s'ouvre à droite, prêt à recevoir vos modifications.

Vous pouvez cliquer sur :

Un titre (H1, H2, H3…)
Un paragraphe ou n'importe quel bloc de texte
Une image
Une vidéo ou un lecteur intégré
Un lien ou un bouton

Les trois onglets du panneau latéral

Le panneau latéral est divisé en trois onglets, du plus simple au plus avancé :

Onglet « Contenu »

C'est l'onglet que vous utiliserez 90 % du temps. Il vous permet de modifier ce que voit le visiteur :

Texte — pour les titres et paragraphes : tapez directement votre nouveau texte dans le champ.
Image — pour une image : remplacez-la en choisissant une image existante depuis la médiathèque, ou en téléversant un nouveau fichier.
Vidéo — pour une vidéo : collez une URL YouTube/Vimeo ou téléversez une vidéo locale.
Lien — pour un bouton ou un lien : indiquez l'URL de destination, et décidez s'il s'ouvre dans un nouvel onglet ou non.

Onglet « Style »

Pour ajuster l'apparence sans toucher au code. Les options dépendent du type d'élément :

Couleur du texte
Alignement (gauche, centré, droite, justifié)
Gras et italique
Couleur de fond pour les boutons

Pourquoi seulement ça ? Le builder est volontairement limité aux modifications de style « sûres » pour préserver la cohérence graphique du site. Si vous avez besoin d'aller plus loin (typographies, espacements, structures), c'est le rôle de votre webmaster via le Layout global.

Onglet « Avancé »

Réservé aux utilisateurs un peu plus à l'aise, cet onglet vous laisse changer la balise HTML de l'élément sélectionné. Par exemple :

Transformer un <h2> en <h3> pour corriger une hiérarchie de titres.
Convertir un <p> en <span> pour un effet inline.
Promouvoir un <span> en <h1> si vous l'aviez sous-évalué.

Les balises disponibles sont h1 à h6, p et span.

Bonnes pratiques SEO. Une page ne devrait contenir qu'un seul <h1>, idéalement votre titre principal. Évitez de mettre du texte décoratif en H1 « pour faire joli » — ça nuit au référencement.

3. Enregistrer votre travail

En haut à droite du builder, le bouton « Enregistrer » sauvegarde toutes vos modifications dans le CMS. Tant que vous n'avez pas cliqué dessus, vos changements ne sont pas conservés (le builder vous prévient si vous tentez de quitter sans sauvegarder).

Brouillon vs publié. Enregistrer ne publie pas votre page. La page reste en brouillon tant que vous n'avez pas lancé un Build. Vous pouvez l'enregistrer autant de fois que vous voulez sans qu'elle soit visible en ligne.

4. Régler le SEO

Avant la mise en ligne, prenez deux minutes pour configurer le SEO. Cela conditionne l'apparence de votre page dans Google et sur les réseaux sociaux.

Dans la barre d'outils du builder, cliquez sur l'onglet « SEO » ou « Réglages ». Vous pouvez régler :

Champ	Recommandation	Pourquoi
Titre SEO	50 à 60 caractères, mot-clé principal en début	C'est le titre bleu cliquable affiché dans Google.
Meta description	140 à 160 caractères, accroche claire	C'est le résumé qui apparaît sous le titre dans Google. Il ne remonte pas le classement mais influence le taux de clic.
Image de partage social	1200 × 630 px minimum, format paysage	C'est l'image affichée quand quelqu'un partage votre page sur Facebook, LinkedIn ou X.

Si vous laissez ces champs vides, le CMS génère automatiquement des valeurs raisonnables à partir du titre et du contenu de la page. Mais une rédaction manuelle donnera toujours un meilleur résultat.

Astuce. Pour l'image de partage, pensez à une image avec un texte court et lisible — l'image apparaît souvent en miniature. Les visages humains et les couleurs contrastées performent généralement mieux.

5. Publier la page

Quand votre page vous convient, il reste une étape : la publication. Dans Le Labo du Yeti, publier signifie lancer un Build du site.

Deux façons de procéder :

Build depuis la page — dans le builder, cliquez sur le bouton « Publier » en haut à droite. Le CMS compile uniquement les éléments nécessaires.
Build global du site — depuis le menu Configuration → Build du site, lancez un build complet. Toutes les pages, articles de blog et cocons SEO sont régénérés. C'est l'option à privilégier si vous avez modifié plusieurs choses d'un coup.

Le build prend de quelques secondes à une minute selon la taille du site. À la fin, votre page est rendue en HTML statique dans le dossier /public/<slug>.html et accessible publiquement.

Note. Le rôle Client ne peut pas lancer un build du site. Cette opération est réservée aux rôles Webmaster, Chef projet et Administrateur. Si vous êtes Client, votre page reste en brouillon jusqu'à ce qu'un Webmaster lance la publication. Voir la page Publication pour plus de détails.

Modifier une page existante

Depuis la liste des pages, cliquez sur le titre de la page que vous voulez modifier. Le builder s'ouvre exactement comme à la création. Modifiez, enregistrez, puis relancez un build pour mettre à jour la version publique.

Le CMS conserve un horodatage de chaque modification. Si deux personnes éditent la même page en même temps, un message d'avertissement apparaît pour éviter d'écraser les changements de votre collègue.

Supprimer une page

Dans la liste des pages, cliquez sur l'icône de menu (les trois points) à droite de la page concernée, puis sur « Supprimer ». Une confirmation vous est demandée.

Attention. La suppression est définitive. La page disparaît du CMS et sera retirée du site lors du prochain build. Pensez à faire un export ou une sauvegarde si vous avez un doute.

Conseils pratiques

Travaillez par petits enregistrements. Plutôt que d'éditer une page entière puis de tout sauver, enregistrez régulièrement. Si votre navigateur plante, vous n'aurez pas tout perdu.
Prévisualisez avant de publier. Le builder affiche la page telle qu'elle sera en ligne. Cliquez en dehors d'un élément pour désélectionner et voir le rendu net.
Pensez mobile. Le builder vous propose un aperçu mobile (icône smartphone en haut). Vérifiez toujours qu'une page passe bien sur petit écran avant publication.
Nommez vos pages clairement. « Page 1 » et « Nouveau test » sont des noms qui vont vite vous embrouiller. Préférez « Accueil », « Services — Plomberie », « Contact ».
Réutilisez la médiathèque. Avant d'uploader une image, vérifiez qu'elle n'existe pas déjà dans la médiathèque. Vous éviterez les doublons et gagnerez du temps.

Aller plus loin

Pour comprendre comment fonctionne le builder en profondeur, lisez la page Builder visuel.
Pour gérer le header, le footer et le squelette commun à toutes vos pages, consultez Gestion du Layout.
Pour publier en masse plusieurs pages à la fois, voir Publication.
Côté technique, la documentation technique détaille la convention data-cms et le système d'overrides.