Mettre en ligne

Dans ce tutoriel, vous mettez en ligne un site terminé. Vous renseignez les réglages de référencement de chaque page, vous testez en préproduction, vous publiez en production et vous connectez votre propre domaine. Il vous faut un site avec au moins une page, un accès propriétaire ou administrateur à ce site, et l’accès aux réglages DNS d’un domaine qui vous appartient.

Préparer vos pages

1. Ouvrir les paramètres de la page

   Ouvrez la page dans l’éditeur et cliquez sur une zone vide du canevas pour ne rien sélectionner. L’inspecteur affiche maintenant la section Page avec le Title et le Path de la page.

2. Rédiger le titre et la description pour les moteurs de recherche

   Ouvrez la section SEO juste en dessous. Renseignez Title et Description : les compteurs sous chaque champ signalent quand vous dépassez la longueur recommandée. L’aperçu de recherche, en bas, montre comment la page apparaîtra dans les résultats.

3. Choisir une image de partage

   Choisissez une image dans OG image. C’est l’image affichée quand quelqu’un partage la page. Téléversez-la d’abord dans l’onglet Assets si elle n’y est pas encore.

4. Masquer les pages qui ne doivent pas être trouvées

   Pour des pages comme une page de remerciement, activez No index. L’aperçu de recherche indique alors « Hidden from search engines (noindex) ».

Répétez ces étapes pour chaque page, à l’aide du sélecteur de page de la barre d’outils.

Tester en préproduction

1. Publier en préproduction

   Cliquez sur Publish dans la barre d’outils, laissez Staging sélectionné et cliquez sur Publish to staging. Si une liste de la page n’afficherait rien sur le site en ligne, la fenêtre contextuelle la signale d’abord, pour que vous puissiez la corriger avant de publier.

2. Ouvrir le site de préproduction

   Quand la fenêtre indique Live on staging, cliquez sur Open site à côté du lien, ou sur Copy link pour l’envoyer à quelqu’un pour relecture.

3. Le parcourir

   Ouvrez chaque page, cliquez sur chaque lien et chaque bouton, et envoyez un message de test via vos formulaires. Rétrécissez la fenêtre du navigateur pour vérifier la mise en page sur téléphone.

Publier en production

1. Passer en production

   Cliquez de nouveau sur Publish et sélectionnez Production. Si l’option est grisée et que la fenêtre indique « Ask a site admin to publish to production. », demandez à un propriétaire ou à un administrateur de l’espace de travail de faire cette étape.

2. Publier

   Cliquez sur Publish to production. Tout le site bascule sur la nouvelle version en une seule fois : les visiteurs ne voient jamais un site à moitié publié.

3. Ouvrir l’adresse de production

   Quand la fenêtre indique Live on production, cliquez sur Open site. Tant que vous n’avez pas connecté de domaine, la production répond à son adresse Malla, qui se termine par -prod.

Connecter votre domaine

1. Ouvrir les réglages de domaine

   Ouvrez le menu du site (le nom du site à gauche de la barre d’outils) et choisissez Site settings. Cliquez sur Domains dans la liste des sections.

2. Ajouter le domaine

   Sous Add a domain, tapez le nom d’hôte, par exemple www.example.com. Laissez Production sélectionné, pour que le domaine serve votre site de production, et cliquez sur Add.

3. Ajouter les enregistrements DNS

   Le domaine apparaît avec le statut Pending et un tableau d’enregistrements, chacun avec un Type, un Name et une Value. Connectez-vous chez votre fournisseur de domaine et ajoutez chaque enregistrement. Utilisez les boutons de copie à côté de chaque nom et de chaque valeur pour éviter les fautes de frappe.

   Les enregistrements ont trois rôles : l’un fait pointer le domaine vers Malla, l’un prouve que vous en êtes propriétaire et l’un permet d’émettre le certificat HTTPS.

4. Attendre la vérification

   La vérification et le certificat prennent généralement quelques minutes. Le statut se met à jour tout seul ; cliquez sur Check status pour vérifier tout de suite. Quand il affiche Active, le domaine est connecté en HTTPS.

5. Publier de nouveau

   Publiez une nouvelle fois en production. Le domaine répond maintenant avec votre site.

Vérifier le site en ligne

1. Ouvrir votre domaine

   Ouvrez votre domaine dans une fenêtre de navigation privée, pour voir ce que voit un nouveau visiteur. Vérifiez aussi les pages sur votre téléphone.

2. Vérifier l’aperçu de partage

   Collez le lien d’une page dans une messagerie. Elle affiche le titre, la description et l’image de partage que vous avez définis dans la section SEO.

3. Corriger les erreurs

   Vous avez trouvé un problème ? Corrigez-le dans l’éditeur, publiez en préproduction pour vérifier, puis publiez en production. Chaque publication remplace la version en ligne en une seule fois.

4. Revenir sur une mauvaise publication

   Si une publication a cassé le site en ligne et que vous devez récupérer tout de suite la version précédente, cliquez sur Publish et sélectionnez Production. Recent publishes liste les dernières publications, avec un badge Live sur celle que voient les visiteurs. Cliquez sur Roll back sur une publication antérieure, puis de nouveau sur Roll back dans la boîte de dialogue Roll back production?. La fenêtre affiche Rolled back production, et le site bascule en une seule fois.

Ce que vous avez appris

• Chaque page a son propre titre, sa description et son image de partage dans la section SEO des paramètres de la page.
• La préproduction sert aux tests et reste masquée aux moteurs de recherche ; la production est ce que voient les visiteurs, et elle nécessite un propriétaire ou un administrateur.
• Un domaine personnalisé demande des enregistrements DNS chez votre fournisseur, et il sert le site après la publication suivante.
• Recent publishes dans la fenêtre de publication ramène un environnement à une publication antérieure en une seule fois.

Lisez les guides sur lesquels ce tutoriel s’appuie :