> For the complete documentation index, see [llms.txt](https://nanoxi.gitbook.io/starterkitv4/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nanoxi.gitbook.io/starterkitv4/glossaire.md).

# Glossaire

Cette page rassemble les termes techniques qui reviennent dans la documentation. Si vous tombez sur un mot dont vous n'êtes pas sûr du sens, c'est ici qu'il faut chercher.

### Termes généraux du CMS

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>CMS</td><td>« Content Management System », ou système de gestion de contenu. C'est l'outil qui vous permet de modifier le contenu de votre site sans toucher au code.</td></tr><tr><td>Umbraco</td><td>Le CMS utilisé par le StarterKit. C'est un logiciel libre et open source basé sur la technologie .NET.</td></tr><tr><td>StarterKit</td><td>Le kit de démarrage Spektrum/Nanoxi, c'est-à-dire l'ensemble des widgets, modules et configurations qui viennent par défaut avec votre site.</td></tr><tr><td>Back-office</td><td>L'interface d'administration où vous éditez le contenu. C'est la partie privée du site, accessible uniquement après connexion.</td></tr><tr><td>Front-office</td><td>Le site tel que le voient vos visiteurs. C'est la partie publique.</td></tr><tr><td>Widget</td><td>Bloc de contenu réutilisable que l'on glisse dans une page. Un widget peut être un texte, une image, un carrousel, un formulaire, etc.</td></tr><tr><td>Module</td><td>Un type de contenu structuré géré à part dans le back-office, comme le blog, les évènements ou les annonces.</td></tr><tr><td>Page standard</td><td>Une page de contenu classique dans laquelle vous assemblez librement des widgets.</td></tr><tr><td>Conteneur</td><td>La zone d'une page qui accueille les widgets. C'est l'un des onglets de l'édition d'une page.</td></tr><tr><td>Onglet</td><td>Une section de l'écran d'édition d'une page. Une page standard a quatre onglets : Conteneur, Paramètres, SEO et Sitemap.</td></tr></tbody></table>

### États d'une page

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>Brouillon</td><td>Page enregistrée mais jamais publiée. Elle n'est pas visible des visiteurs.</td></tr><tr><td>Publiée</td><td>Page visible sur le site public, à jour avec la dernière sauvegarde.</td></tr><tr><td>Modifiée non publiée</td><td>Page déjà publiée mais avec des modifications enregistrées qui n'ont pas encore été poussées en ligne. Les visiteurs voient encore l'ancienne version.</td></tr><tr><td>Dépubliée</td><td>Page retirée du site public, mais toujours présente dans le back-office.</td></tr><tr><td>Version</td><td>Photographie d'une page à un moment donné. Chaque sauvegarde ou publication crée une nouvelle version.</td></tr></tbody></table>

### Médias

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>Alt text</td><td>« Texte alternatif » d'une image. Décrit ce que représente l'image pour les personnes utilisant un lecteur d'écran et pour les moteurs de recherche.</td></tr><tr><td>WEBP</td><td>Format d'image moderne, plus léger que JPEG ou PNG pour une qualité équivalente. Format recommandé.</td></tr><tr><td>JPEG</td><td>Format d'image courant pour les photos. Compression efficace mais perte de qualité.</td></tr><tr><td>PNG</td><td>Format d'image qui gère la transparence et conserve la qualité, mais souvent plus lourd que WEBP.</td></tr><tr><td>SVG</td><td>Format d'image vectoriel. Idéal pour les logos et icônes, car net à toutes les tailles et très léger.</td></tr><tr><td>Focal point</td><td>Le point d'une image considéré comme central. Sert au recadrage automatique sur les écrans de taille différente.</td></tr></tbody></table>

### Référencement (SEO)

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>SEO</td><td>« Search Engine Optimization ». L'ensemble des techniques pour améliorer la position de votre site dans les résultats des moteurs de recherche.</td></tr><tr><td>SERP</td><td>« Search Engine Results Page ». La page de résultats affichée par un moteur de recherche après une requête.</td></tr><tr><td>URL</td><td>L'adresse web d'une page, par exemple <code>https://monsite.ch/contact</code>.</td></tr><tr><td>URL Alias</td><td>Une URL alternative et simplifiée pour une même page, utile quand l'URL d'origine est longue ou peu lisible.</td></tr><tr><td>URL canonique</td><td>L'URL de référence pour une page qui existe à plusieurs adresses. Indique aux moteurs de recherche laquelle considérer comme « la vraie ».</td></tr><tr><td>Meta description</td><td>Courte description d'une page affichée par les moteurs sous le titre dans les résultats de recherche.</td></tr><tr><td>Open Graph</td><td>Protocole qui contrôle l'apparence d'un lien partagé sur les réseaux sociaux (titre, description, image).</td></tr><tr><td>Sitemap</td><td>Fichier au format XML listant toutes les pages d'un site. Sert à aider les moteurs de recherche à explorer le contenu.</td></tr><tr><td>Robots.txt</td><td>Fichier placé à la racine du site qui indique aux moteurs ce qu'ils peuvent ou non explorer.</td></tr><tr><td>Schema.org</td><td>Vocabulaire de balisage qui permet aux moteurs de comprendre la nature exacte d'une page (article, fiche produit, évènement, etc.).</td></tr><tr><td>Maillage interne</td><td>Système de liens entre les pages de votre site. Aide à la fois la navigation des visiteurs et le référencement.</td></tr><tr><td>Mot-clé</td><td>L'expression qu'un visiteur taperait dans un moteur de recherche pour trouver votre page.</td></tr></tbody></table>

### Sécurité

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>2FA</td><td>« Two-Factor Authentication », ou double authentification. Sécurité supplémentaire qui demande un code à six chiffres en plus du mot de passe.</td></tr><tr><td>TOTP</td><td>« Time-based One-Time Password ». L'algorithme utilisé par les applications type Google Authenticator pour générer les codes à six chiffres qui changent toutes les trente secondes.</td></tr><tr><td>HTTPS</td><td>Protocole web sécurisé. Reconnaissable au petit cadenas dans la barre du navigateur.</td></tr><tr><td>Code de secours</td><td>Code à usage unique permettant de se connecter sans son application 2FA. Non implémenté sur le StarterKit, voir la page <a href="/pages/oTxXcfhH6i3rEHR107Sc">Double authentification</a>.</td></tr></tbody></table>

### Données et conformité

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>RGPD</td><td>« Règlement Général sur la Protection des Données ». Cadre légal européen sur la collecte et le traitement des données personnelles.</td></tr><tr><td>nLPD</td><td>« nouvelle Loi sur la Protection des Données ». L'équivalent suisse du RGPD, entré en vigueur en septembre 2023.</td></tr><tr><td>Données structurées</td><td>Informations cachées dans le code d'une page qui décrivent sa nature de manière compréhensible par les moteurs de recherche. Basées sur <a href="#schemaorg">Schema.org</a>.</td></tr></tbody></table>

### Termes techniques

<table data-full-width="false"><thead><tr><th width="200">Terme</th><th>Définition</th></tr></thead><tbody><tr><td>HTML</td><td>« HyperText Markup Language ». Langage qui structure le contenu d'une page web.</td></tr><tr><td>CSS</td><td>« Cascading Style Sheets ». Langage qui définit l'apparence visuelle d'une page (couleurs, polices, mises en page).</td></tr><tr><td>JSON</td><td>« JavaScript Object Notation ». Format texte utilisé pour stocker des données structurées. Vous le croiserez notamment dans l'historique des versions des pages.</td></tr><tr><td>Cache</td><td>Stockage temporaire d'une page ou d'une ressource pour accélérer son affichage. Peut être à l'origine de modifications qui ne s'affichent pas immédiatement.</td></tr><tr><td>Variant / Culture</td><td>Une version linguistique d'une page. Si votre site est en français et en allemand, chaque page a deux variants.</td></tr><tr><td>Alias</td><td>Identifiant technique unique pour un champ ou un élément, distinct de son nom d'affichage. Sert dans le code et les configurations.</td></tr></tbody></table>

### Titres en HTML

Dans plusieurs pages de la documentation, il y a eu mention de « H1 », « H2 », etc., mais qu'est-ce que cela signifie ? Il s'agit des différents titres d'une page dans le langage HTML.

Les balises « H1 » à « H6 » sont utilisées pour définir les niveaux de titres, où « H1 » est le titre le plus important et « H6 » le moins important. Ces balises permettent de structurer le contenu d'une page web en lui donnant une hiérarchie.

Voici une image illustrant ces balises avec leur niveau de grandeur :

<div align="left" data-full-width="false"><figure><img src="/files/ckTVf02qWnKJDjPrybzy" alt=""><figcaption><p>Exemple des différents H1 à H6</p></figcaption></figure></div>