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

Le product-market fit est atteint quand un produit répond à une vraie demande du marché. Signaux, comment le mesurer, et comment l'atteindre.

Le full-stack couvre à la fois le front-end et le back-end d'une application. Rôle d'un développeur full-stack, stacks courantes, quand en recruter un.

OAuth permet d'accorder à une application un accès limité à ses données sans partager son mot de passe. Fonctionnement, types, OAuth vs OpenID Connect.

Un sous-domaine est un préfixe avant un domaine, comme blog.exemple.com. Fonctionnement, sous-domaine vs sous-répertoire, configuration DNS.

Le mode sombre affiche du texte clair sur fond sombre pour réduire la fatigue oculaire. Fonctionnement, prefers-color-scheme, mode sombre vs clair.

L'indexation est le processus par lequel Google explore et enregistre une page pour la classer. Indexation vs crawl, blocages fréquents, vérification.

Le taux de rebond mesure les visites sans interaction supplémentaire. Comment il se calcule dans GA4, et son impact réel sur le SEO.

Un CTA est le bouton ou lien qui indique au visiteur l'action à effectuer. Comment le rédiger, types de CTA, et son impact réel sur la conversion.

Une page 404 s'affiche quand une URL n'existe pas. Comment fonctionne le code de statut, ce qu'une bonne page contient, et son impact SEO réel.

L'autorité de domaine prédit la capacité d'un site à bien se positionner, à partir de ses backlinks. Calcul, DA vs autorité de page, bonnes pratiques.

Un CDN met en cache le contenu d'un site sur des serveurs proches de chaque visiteur pour accélérer la livraison. Fonctionnement, cache, CDN vs hébergement.

La lead generation capte les coordonnées de visiteurs intéressés pour en faire des leads. Fonctionnement, inbound vs outbound, bonnes pratiques.

A buyer persona is a semi-fictional profile of an ideal customer built from real research. How to build one, persona types, and persona vs ICP.

Un LLM prédit et génère du texte à partir d'un prompt. Fonctionnement, types de modèles, LLM vs NLP traditionnel, et pièges courants expliqués.

Le tunnel de conversion est le parcours de la découverte à l'action qu'un visiteur suit avant de convertir. Étapes, types de tunnels, métriques et fuites.

Un buyer persona est un profil de client idéal fondé sur de vraies données. Comment le construire, persona vs cible vs ICP, et pièges courants.

Une preuve de concept teste la faisabilité technique d'une idée avant tout investissement. Contenu, POC vs prototype vs MVP, bonnes pratiques.

GraphQL est un langage de requête pour API qui permet de récupérer exactement les données voulues en un appel. Syntaxe, concepts clés, GraphQL vs REST.

Le design thinking est une méthode centrée utilisateur en 5 étapes : empathie, définition, idéation, prototypage, test. Fonctionnement et usages.

Le cloud computing fournit serveurs, stockage et bases de données à la demande sur internet. Modèles de service, avantages et compromis expliqués.

Un framework est une structure de code prête à l'emploi. Types de frameworks, différence avec une bibliothèque, et comment en choisir un.

Le certificat SSL chiffre la connexion entre un navigateur et un serveur pour activer le HTTPS. Types, fonctionnement et bonnes pratiques.

La typographie, c'est l'art d'agencer les caractères. Classes de polices, web fonts, hiérarchie, lisibilité et accessibilité, avec exemples.

L'open source, c'est un logiciel au code source public et modifiable. Licences, permissif vs copyleft, avantages et limites, avec exemples.

Le DNS traduit les noms de domaine en adresses IP. Types d'enregistrements, propagation, TTL et pièges courants, expliqués avec des exemples.

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é.