Glossaire du web, du no-code, du SEO et de l'IA

La typographie fluide fait varier le texte en douceur avec l'écran grâce à clamp(), sans paliers. La formule, l'accessibilité et une échelle fluide.

Une requête de conteneur applique du CSS selon la taille d'un parent, pas de l'écran. Fonctionnement, conteneur ou media query, et unités de conteneur.

Les unités viewport (vw, vh, vmin, vmax, dvh) dimensionnent selon l'écran. Les unités, le problème du 100vh mobile et les bonnes pratiques.

Le rem est une unité CSS relative à la taille de police racine, donc 1rem vaut souvent 16px. rem, em ou px, et pourquoi le rem aide l'accessibilité.

La propriété CSS aspect-ratio définit la proportion largeur sur hauteur d'un élément. Fonctionnement, réduction du décalage (CLS) et l'ancien hack.

Les variables CSS (propriétés personnalisées) stockent une valeur une fois et la réutilisent partout. Déclaration avec var(), portée, et Sass ou CSS.

Le box model CSS décrit chaque élément comme contenu, padding, bordure et marge. Les quatre couches, content-box ou border-box, et la fusion des marges.

Un point de rupture est la largeur d'écran à laquelle une mise en page change. Points courants, contenu d'abord ou appareil d'abord, et mobile-first.

Une transition CSS anime une propriété d'une valeur à une autre sur une durée. Les quatre propriétés de transition, transition ou animation, bonnes pratiques.

Le z-index est une propriété CSS qui définit l'ordre d'empilement des éléments qui se chevauchent. Le contexte d'empilement et pourquoi il échoue parfois.

Une animation CSS fait évoluer les styles d'un élément dans le temps avec des keyframes. Fonctionnement, animation ou transition, et bonnes pratiques.

Une media query applique des styles CSS seulement si des conditions comme la largeur d'écran sont remplies. Fonctionnement, points de rupture et mobile-first.

Ce que signifie le ROI (retour sur investissement), la formule pour le calculer, pourquoi il compte et ses limites en marketing et web.

Ce qu'est Git, le fonctionnement de la gestion de versions distribuée, les concepts clés (commit, branche, merge) et la différence avec GitHub.

Ce qu'est un KPI (indicateur clé de performance), sa différence avec une métrique, des exemples par fonction et comment choisir les bons.

Qu'est-ce que le machine learning ? Définition, fonctionnement, types (supervisé, non supervisé, par renforcement) et usages en IA et automatisation.

Qu'est-ce que le maillage interne ? Son rôle en SEO et les bonnes pratiques pour relier vos pages et améliorer leur exploration et leur classement.

Qu'est-ce qu'une charte graphique ? Définition, éléments (logo, couleurs, typo, ton) et rôle pour une identité de marque cohérente sur tous vos supports.

Une échelle typographique est un ensemble de tailles de police reliées par un ratio constant, créant hiérarchie claire et harmonie dans tous les textes.

Un système de grille est une structure invisible de colonnes et d'espacements qui aligne le contenu, donnant structure, rythme et cohérence sur tous les écrans.

Une palette de couleurs est l'ensemble défini de couleurs d'une marque ou interface, choisi pour s'harmoniser, exprimer une identité et rester accessible.

Un moodboard est une collection d'images, de couleurs et de typographies capturant l'ambiance d'un projet, pour aligner l'équipe avant le design.

Un prototype est un aperçu interactif simulant l'apparence et le comportement d'un produit, pour tester des idées avant tout développement.

Un design token est une variable nommée stockant une décision visuelle (couleur, espacement, typographie), pour un design cohérent et modifiable en un endroit.

Un featured snippet est un encadre de reponse en haut des resultats Google qui extrait une reponse concise d'une page positionnee, souvent appele position zero.

E-E-A-T signifie Expérience, Expertise, Autorité et Confiance, les signaux de qualité que Google utilise pour évaluer un contenu, surtout s'il est sensible.

Le noindex est une directive meta robots qui demande aux moteurs d'exclure une page de leur index, afin qu'elle n'apparaisse jamais dans les resultats.

Le budget de crawl est le nombre d'URL qu'un moteur explore sur votre site sur une période donnée, selon la limite de crawl et la demande de crawl.

La redirection 301 pointe de façon permanente une URL vers une autre et transfère les internautes et la majorité des signaux de classement à la nouvelle URL.

La balise canonique (rel=canonical) indique aux moteurs l'URL de référence parmi des pages en double, pour consolider les signaux sur une seule URL.

Open Graph est un ensemble de balises meta qui contrôlent l'apparence d'une page partagée sur les réseaux : titre, description et image d'aperçu.

Les données structurées sont un code standardisé ajouté à une page pour que les moteurs et les IA comprennent son sens et affichent des résultats enrichis.

Hreflang est un attribut HTML qui indique aux moteurs la langue et la région ciblées par une page, afin de servir la bonne version à chaque internaute.

Les AI Overviews sont les résumés générés par l'IA de Google en haut des résultats, qui répondent directement à une requête et citent leurs sources.

Robots.txt est un fichier texte à la racine d'un site qui indique aux robots des moteurs quelles pages ou sections ils peuvent ou non explorer.

La section hero est le grand bloc en haut d'une page web, combinant un titre, un texte d'appui et un appel à l'action bien visible.

llms.txt est un fichier Markdown proposé, placé à la racine d'un site, qui offre aux modèles d'IA un guide propre et sélectif de ses contenus clés.

Le balisage schema est une donnée structurée ajoutée au code d'une page pour aider les moteurs à comprendre son contenu et activer des résultats enrichis.

Le glassmorphism est un style d'UI fait de panneaux translucides et givrés, avec flou d'arrière-plan et bordures douces, pour créer de la profondeur.

CSS Grid est un système de mise en page CSS à deux dimensions qui place les éléments en lignes et colonnes, pour un contrôle précis de la structure.

Flexbox est un modèle de mise en page CSS qui aligne des éléments sur une ligne ou une colonne, répartissant l'espace de façon souple et responsive.

L'optimisation du taux de conversion (CRO) consiste à augmenter la part des visiteurs qui passent à l'action, grâce aux données, aux tests et au design.

Le RAG (génération augmentée par récupération) fait d'abord chercher à une IA les documents pertinents, puis génère une réponse ancrée dans ces sources.

Un workflow est la suite ordonnée d'étapes qui mène une tâche du début à la fin, en montrant qui fait quoi, dans quel ordre et selon quelles conditions.

Le cahier des charges est le document qui définit un projet avant sa réalisation : objectifs, périmètre, besoins fonctionnels et techniques, contraintes.

La favicon est la petite icône que le navigateur affiche près du titre d'une page dans les onglets, les favoris et l'historique.

Une API REST est une facon repandue pour des logiciels de dialoguer sur le web, via les methodes HTTP standard sur des ressources identifiees par des URL.

Le responsive design consiste a construire un site dont la mise en page s'adapte a toute taille d'ecran, du telephone a l'ordinateur de bureau.

Un chatbot est un logiciel qui dialogue avec les gens en langage naturel, par texte ou voix, pour repondre a des questions ou accomplir des taches.

Le front end est la partie d'un site ou d'une app qui tourne dans le navigateur et que les gens voient : mise en page, textes, images, boutons et animations.

Le back end est la partie d'un site ou d'une app qui tourne sur le serveur et reste invisible : base de donnees, logique metier, authentification et API.

WYSIWYG signifie What You See Is What You Get : un editeur ou le contenu modifie a l'ecran ressemble exactement au resultat final publie.

Une maquette de site web est un visuel statique haute-fidelite d'une page qui montre son rendu final : mise en page, couleurs, typographie, images et contenu.

Le low-code est une facon de construire un logiciel principalement de maniere visuelle, avec un minimum de code ecrit a la main.

Un CMS headless est un systeme de gestion de contenu qui stocke et gere le contenu mais n'a pas de front-end integre.

Une progressive web app (PWA) est un site concu pour se comporter comme une app mobile : installable, hors ligne et capable d'envoyer des notifications.

Le SEA (Search Engine Advertising) est la publicite payante sur les moteurs de recherche : des annonces en tete des resultats sur des mots-cles choisis.

L'accessibilite web consiste a concevoir et construire des sites pour que chacun, y compris les personnes en situation de handicap, puisse les utiliser.

L'hebergement web stocke les fichiers d'un site sur un serveur et les rend accessibles en ligne via son nom de domaine, sans quoi le site reste injoignable.

La charte graphique fixe l'identite visuelle d'une marque : logo, couleurs, typographie, images et regles d'usage, pour un rendu coherent partout.

Le fil d'Ariane est un petit chemin de navigation (Accueil > Categorie > Page) qui indique la position d'une page dans un site, utile aux visiteurs et au SEO.

La meta description est le court resume HTML d'une page, affiche sous son titre dans les resultats de recherche et redige pour inciter au clic.

L'ingenierie de prompt est l'art de rediger des instructions claires et structurees pour qu'une IA renvoie des reponses justes, utiles et reproductibles.

La SERP (page de resultats de recherche) est la page affichee par un moteur pour une requete, melant liens naturels, publicites et resultats enrichis.

Un MVP (Minimum Viable Product) est la version la plus simple d'un produit qui apporte déjà une vraie valeur aux premiers utilisateurs, conçue pour tester

L'automatisation utilise un logiciel pour exécuter des tâches et des flux répétitifs sans intervention humaine.

Un webhook est une requête HTTP automatique qu'un système envoie à un autre dès qu'un événement se produit, livrant les données à une URL prédéfinie.

Un CRM (Customer Relationship Management, ou gestion de la relation client) est un système qui centralise les contacts et les interactions d une entreprise

Une application web est un logiciel qui s'exécute dans un navigateur au lieu d'être installé, et permet de se connecter, saisir et interagir en direct.

Une base de données est un espace structuré où une application enregistre, retrouve et met à jour ses informations de façon fiable.

Le SaaS, ou logiciel en tant que service, désigne un modèle où le logiciel tourne dans le cloud: on y accède via un navigateur moyennant un abonnement

Une API (interface de programmation applicative) est un contrat qui permet à un logiciel de demander des données ou des actions à un autre.

Un sitemap est un fichier qui liste les URL importantes d'un site pour aider les moteurs de recherche à les découvrir.

Le netlinking, ou link building, est la stratégie d'acquisition de backlinks de qualité vers votre site pour renforcer son autorité et votre référencement.

Un backlink est un lien entrant provenant d'un autre site et pointant vers le vôtre, lu par les moteurs comme un vote de confiance qui renforce l'autorité.

Un design system est une source unique de vérité qui réunit des composants d'interface réutilisables, des tokens, des règles d'usage et de la documentation.

L'UI design est l'art de concevoir la surface visuelle et interactive d'un produit: couleurs, typographie, boutons, icônes, espacements et états.

L'UX design consiste à concevoir l'expérience d'un produit pour qu'il soit utile, utilisable et satisfaisant, via la recherche, les parcours et les tests.

Un wireframe est un plan structurel basse fidélité d'une page ou d'un écran, qui cartographie la mise en page, la hiérarchie et les fonctions avec des blocs.

Un nom de domaine est l'adresse lisible d'un site web, comme exemple.com, qui pointe vers l'IP d'un serveur via le DNS pour accéder au site par son nom.

Une landing page est une page web autonome conçue pour un seul objectif de conversion : inscription, demande de démo ou achat.

Les Core Web Vitals sont trois indicateurs définis par Google pour mesurer l'expérience réelle d'une page : LCP pour la vitesse d'affichage du contenu.

Le SEO, ou Search Engine Optimization, regroupe l'ensemble des pratiques qui améliorent la visibilité d'un site dans les résultats naturels des moteurs.

Le GEO, ou Generative Engine Optimization, regroupe les techniques pour être cité par les moteurs génératifs : ChatGPT, Perplexity, Google AI Overviews.

Le MCP, ou Model Context Protocol, est un protocole ouvert d'Anthropic qui standardise la connexion d'un agent IA aux outils et données externes : CMS, API.

Client-First est un système de nommage et de structure pour Webflow, créé par Finsweet, qui fixe des règles claires pour un projet lisible et maintenable.

Dans Webflow, une Collection CMS est une structure de données qui regroupe des contenus de même type : articles, membres d'équipe, projets.

Webflow est une plateforme no-code de création de sites combinant un éditeur visuel, un CMS et un hébergement, avec un code HTML et CSS propre généré.

Le no-code désigne une approche qui permet de construire des sites, des applications et des automatisations via des interfaces visuelles, sans écrire de

Un CMS, ou système de gestion de contenu, est un outil qui sépare le contenu (textes, images, articles) de sa mise en forme.