Il faut maintenant mettre en place les fonctionnalités additionnelles pour compléter votre site. Vous les demandez à l'agent, qui les construit directement dans le site, ou qui branche un service externe gratuit.

La seule obligation : les mentions légales

Les mentions légales et la page de confidentialité sont obligatoires pour tout site public. La page de confidentialité explique quelles données vous collectez : si vous ajoutez un formulaire ou une mesure d'audience, elle doit les mentionner.

Les fonctionnalités facultatives

Un formulaire de contact. Votre site n'a pas de serveur pour envoyer des e-mails : on passe donc par un service qui reçoit les messages à sa place.

Netlify intègre gratuitement Netlify Forms. Demandez à l'agent : « Crée un formulaire de contact (nom, e-mail, message) compatible avec Netlify Forms, avec une page de confirmation après l'envoi. » Les messages arriveront dans votre tableau de bord Netlify, et vous pourrez les recevoir par e-mail.

Testez l'envoi sur le site en ligne : le formulaire ne fonctionne pas sur votre adresse locale.

Une mesure d'audience avec Google Analytics. Facultative : la Search Console suffit pour les mesures du module. Si vous la mettez en place, passez par Google Tag Manager. Le site étant public, une bannière de consentement aux cookies est obligatoire. Demandez à l'agent d'intégrer le code GTM sur toutes les pages, puis configurez le reste dans GTM :

Les fonctionnalités selon votre thématique

Vous pouvez profiter de ce projet pour tester d'autres fonctionnalités. Voici quelques idées, selon votre thématique :

  • Photographie / art : une galerie responsive avec agrandissement des images au clic.
  • Écriture : des brouillons (un article marqué draft: true dans son en-tête n'est pas publié), un temps de lecture estimé, une liste d'articles liés en bas de chaque article.
  • Musique : l'intégration de playlists Spotify ou d'un lecteur pour vos épisodes de podcast.
  • Sport / fitness : une page d'événements ou de compétitions, triée par date.
  • Cuisine : des fiches recettes avec balisage structuré (pour apparaître en résultat enrichi dans Google) et un bouton de partage Pinterest.
  • Pour tout le monde : des boutons de partage vers LinkedIn et les autres réseaux, le téléchargement de votre CV en PDF.

Attention cependant à une chose : n'ajoutez rien dont vous n'avez pas l'usage. Demandez toujours à l'agent de vous dire s'il installe une bibliothèque externe, et pourquoi. Si vous ne savez pas justifier sa présence dans votre compte-rendu, refusez-la.

Pour savoir comment fonctionne un service externe (Netlify Forms, Formspree, Google Tag Manager…), ayez le réflexe de chercher sa documentation officielle : c'est généralement la meilleure ressource, et vous pouvez la donner en lien à l'agent pour qu'il s'y réfère.

Les vérifications avant la remise

Avant la date de remise, faites un dernier tour d'horizon pour vous assurer que tout est en ordre.

  • ☐ Aucun lien « mort » : demandez à l'agent de vérifier tous les liens du site et de vous lister ceux qui ne fonctionnent pas.
  • ☐ Toutes les pages s'affichent correctement sur ordinateur et sur mobile.
  • ☐ Le menu fonctionne sur mobile.
  • ☐ Chaque page et chaque article a un title et une description (cf. checklist de l'étape 8).
  • ☐ La page 404 et les mentions légales sont en place.
  • ☐ Plus aucun texte provisoire ne traîne (« Lorem ipsum », « Titre de l'article »…).
  • ☐ Le site obtient un bon score sur PageSpeed Insights.
  • ☐ Les pages sont indexées, ou en cours d'indexation, dans la Search Console (rapport « Pages »).

Ce que vous rendez

Le rendu et la notation suivent le syllabus : site en ligne et compte-rendu PDF. Deux annexes obligatoires du compte-rendu viennent directement de ce guide :

  • les versions successives de votre cahier des charges (étape 4) ;
  • votre journal de pilotage : 3 à 5 demandes faites à l'agent qui vous semblent significatives, avec pour chacune ce que vous avez demandé, ce que l'agent a produit, ce qui n'allait pas et comment vous avez corrigé.

Invitez aussi le compte [identifiant GitHub] comme collaborateur de votre dépôt (réglages du dépôt, rubrique « Collaborators »), pour que je puisse consulter l'historique de votre site.

Date de gel : aucun commit ne doit être poussé après la date de remise. L'historique de GitHub et de Netlify fait foi.


← 8. Rédiger et intégrer les contenus