Lexique du web, les termes du design et du développement expliqués simplement

L’A/B testing est une méthode d’optimisation qui consiste à présenter deux versions légèrement différentes d’une même page ou d’un même élément à deux groupes de visiteurs distincts, de façon simultanée, puis à mesurer laquelle obtient les meilleurs résultats. La version A est le contrôle (l’existant), la version B intègre une modification précise : un titre différent, un bouton d’une autre couleur, un formulaire plus court, une image changée. Après suffisamment de visites, les données indiquent quelle version convertit mieux, sans approximation, sans intuition.

L’A/B testing est l’antidote aux débats sans fin sur « je préfère ce bleu » ou « à mon avis le titre est trop long ». Il remplace les opinions par des données. Mais pour produire des résultats fiables, il exige un volume de trafic suffisant (quelques dizaines de visites ne suffisent pas à conclure quoi que ce soit), une seule variable testée à la fois (si vous changez le titre et la couleur du bouton en même temps, vous ne saurez pas lequel des deux a fait la différence), et une durée d’exposition raisonnable pour lisser les variations naturelles. Pour une TPE avec peu de trafic, l’A/B testing est souvent prématuré. Pour un site e-commerce ou une landing page à fort enjeu, c’est un outil précieux.

L’interface d’administration, souvent appelée « admin » ou tableau de bord, est l’espace privé depuis lequel vous pilotez l’ensemble de votre site web. C’est là que vous publiez vos contenus, modifiez vos pages, gérez vos utilisateurs et configurez les paramètres de votre site, sans avoir besoin de toucher au code source. L’accès est sécurisé par un identifiant et un mot de passe, et réservé aux personnes autorisées.

Sur un CMS comme WordPress, Shopify ou Wix, l’admin est conçue pour être prise en main sans compétences techniques. Elle est distincte du back-office et du front-office : l’admin, c’est votre cockpit de pilotage au quotidien. Bonne pratique : utilisez un mot de passe fort et activez la double authentification pour protéger l’accès.

L’accessibilité numérique, c’est la démarche qui consiste à concevoir votre site web de façon à ce qu’il soit utilisable par toutes les personnes, quelles que soient leurs capacités. Cela concerne les personnes malvoyantes ou aveugles (qui naviguent avec des lecteurs d’écran), les personnes à mobilité réduite (qui utilisent uniquement le clavier), les personnes malentendantes (qui ont besoin de sous-titres), et toutes celles qui présentent des difficultés cognitives ou d’attention. En France, on parle de plus de 12 millions de personnes en situation de handicap.

L’accessibilité numérique ne concerne pas uniquement les grands services publics, même si c’est là que l’obligation légale est la plus forte. Elle bénéficie en réalité à tout le monde : un site accessible est mieux structuré, plus lisible, plus rapide, et mieux référencé par Google. Ce sont les mêmes bonnes pratiques qui servent à la fois les personnes handicapées, les utilisateurs âgés, les personnes qui naviguent sur mobile avec une connexion lente, et les moteurs de recherche. Elle se matérialise sur votre site par le respect du RGAA, la navigation clavier, les textes alternatifs, les contrastes de couleurs suffisants et les balises ARIA. Ce n’est pas une contrainte, c’est un standard de qualité.

L’extension .AI désigne le format de fichier natif d’Adobe Illustrator, le logiciel de référence pour la création graphique vectorielle. Un fichier .AI contient votre création dans sa version modifiable complète : calques séparés, formes éditables, typographies conservées, couleurs organisées. C’est le fichier source, celui que le graphiste garde précieusement et qui permet de modifier, corriger ou décliner votre logo ou votre illustration à n’importe quel stade, sans perte de qualité ni de flexibilité.

En tant que client, vous n’ouvrez pas un fichier .AI vous-même, sauf si vous possédez Adobe Illustrator. Mais vous devriez systématiquement demander à en recevoir une copie lors de la livraison de toute création graphique : logo, charte graphique, illustration… C’est votre garantie de ne pas être dépendant d’un seul prestataire pour toute modification future. Si votre graphiste actuel disparaît ou si vous changez d’agence, le fichier .AI permet à n’importe quel autre professionnel de reprendre le travail là où il s’est arrêté. Sans lui, vous repartez de zéro. Demandez-le, conservez-le, sauvegardez-le.

L’IA (Intelligence Artificielle) désigne l’ensemble des technologies qui permettent à des machines d’effectuer des tâches relevant habituellement de l’intelligence humaine : comprendre et produire du texte, reconnaître des images, analyser des données, générer des visuels, traduire, résumer, coder… Dans le monde du web et de la communication, l’IA est désormais présente à toutes les étapes : rédaction assistée de contenus, génération d’images, optimisation SEO, personnalisation des expériences utilisateurs, analyse de données analytics, chatbots…

L’IA est un outil, pas une baguette magique. Elle accélère certaines tâches de façon spectaculaire, mais elle ne remplace pas le jugement, la connaissance de votre secteur ni la relation humaine avec vos clients. En communication, le risque principal est de produire des contenus génériques, interchangeables, qui ressemblent à ceux de tout le monde. L’IA utilisée intelligemment, c’est un accélérateur au service d’une vision claire. L’IA utilisée sans discernement, c’est du bruit. Nous intégrons ces outils dans notre pratique là où ils apportent une vraie valeur, en gardant le cap sur ce qui vous différencie vraiment.

Les analytics web désignent l’ensemble des outils de mesure et d’analyse qui permettent de suivre les performances de votre site internet. Concrètement, vous pouvez savoir combien de visiteurs uniques votre site reçoit chaque jour, quelles pages génèrent le plus de trafic, d’où viennent vos visiteurs (moteurs de recherche, réseaux sociaux, campagnes email…), combien de temps ils restent, et surtout combien passent à l’action : remplissent un formulaire, appellent, achètent.

Google Analytics 4 est l’outil de référence, mais il en existe d’autres comme Matomo, hébergé chez vous et donc 100 % conforme RGPD. Les indicateurs clés à surveiller : le taux de rebond, le taux de conversion, les sources de trafic et le comportement de navigation. Ces données sont indispensables pour prendre de bonnes décisions sur votre stratégie digitale et arrêter de naviguer à l’aveugle.

Une API (Application Programming Interface) est une interface qui permet à deux logiciels de communiquer entre eux. Concrètement : quand votre site affiche une carte Google Maps, récupère les derniers avis de votre fiche Google, envoie automatiquement un email de confirmation après un formulaire, ou synchronise vos commandes avec votre logiciel de facturation, c’est une API qui fait le lien entre les deux systèmes. Elle joue le rôle d’intermédiaire : elle sait quelles données demander, dans quel format les envoyer et comment interpréter la réponse.

En tant que client, vous ne configurez pas d’API vous-même. Mais comprendre leur existence vous aide à poser les bonnes questions lors d’un projet. « Est-ce que mon site peut se connecter à mon CRM ? » ou « Est-ce que mes stocks Shopify peuvent se synchroniser avec mon ERP ? » sont des questions d’API. La réponse dépend de si les deux systèmes proposent chacun une API compatible, et du coût de développement pour les faire dialoguer. Les API sont aussi au coeur de l’IA générative : les outils comme ChatGPT que certaines entreprises intègrent dans leur site fonctionnent tous via des appels API.

L’architecture web, ou architecture de l’information, désigne l’organisation globale de votre site : comment les pages sont structurées et hiérarchisées, comment elles se relient entre elles, comment vos visiteurs naviguent d’un contenu à l’autre. C’est la colonne vertébrale invisible de votre site, celle qui détermine si un utilisateur trouve ce qu’il cherche en trois clics ou se perd dans une navigation confuse. Elle englobe l’arborescence des pages, le système de catégories, les menus, le maillage interne et la logique de regroupement des contenus.

Une bonne architecture web sert deux maîtres à la fois : vos visiteurs humains et les robots de Google. Pour vos visiteurs, elle doit refléter leur façon de penser et de chercher l’information, pas la façon dont vous avez organisé votre entreprise en interne. Pour Google, elle doit permettre aux robots d’explorer l’ensemble de vos pages facilement, en comprenant quelles pages sont les plus importantes et de quoi elles parlent. Une architecture mal pensée, c’est souvent la cause racine de problèmes SEO qui paraissent mystérieux mais sont en réalité structurels. C’est pourquoi nous la traitons comme un livrable à part entière, avant même la première maquette.

AVIF (AV1 Image File Format) est un format d’image de nouvelle génération dérivé du codec vidéo AV1. C’est aujourd’hui le format qui offre le meilleur rapport qualité visuelle/poids de fichier disponible pour le web : à qualité perçue équivalente, une image AVIF peut être 50 % plus légère qu’un JPEG et encore plus légère qu’un WebP. Il supporte la transparence comme le PNG, les images en haute dynamique et les animations. C’est le successeur naturel du WebP dans la chaîne d’optimisation des images web.

L’AVIF est pris en charge par les navigateurs modernes, Chrome, Firefox et Safari inclus, depuis 2023. Mais sa compatibilité n’est pas encore universelle, notamment sur certains anciens navigateurs ou systèmes embarqués. La bonne pratique actuelle est de proposer l’AVIF en priorité avec un fallback en WebP ou JPEG pour les navigateurs qui ne le supportent pas encore, via la balise HTML `picture`. Côté encodage, l’AVIF est plus lent à générer que le WebP, ce qui peut allonger les temps de traitement sur des sites avec beaucoup d’images. Pour la majorité des projets web, le WebP reste la valeur sûre. L’AVIF est à envisager en priorité dès que la performance et le temps de chargement sont des objectifs critiques.

Un bug est une erreur dans le code d’un site web qui provoque un comportement inattendu : une page qui ne s’affiche pas correctement, un formulaire qui n’envoie rien, un bouton qui ne réagit pas au clic, une image qui disparaît sur mobile, un menu qui se superpose au contenu… Le bug peut venir d’une erreur de code introduite lors d’un développement, d’une mise à jour de plugin ou de CMS incompatible avec le reste du site, ou d’un conflit entre deux composants qui fonctionnaient bien séparément mais plus ensemble.

Le mot « bug » vient, selon la légende, d’un vrai insecte retrouvé coincé dans un relais électromécanique d’un ordinateur en 1947, provoquant une panne. L’anecdote est réelle, le terme est resté. En pratique, quand vous constatez un bug sur votre site, le plus utile est de le documenter précisément avant de le signaler : sur quel appareil, quel navigateur, à quelle étape exactement le problème apparaît, et si possible un screenshot ou un enregistrement d’écran. Plus le signalement est précis, plus la correction est rapide. « Ça marche pas » est difficile à reproduire ; « sur Safari iPhone 15, le formulaire de contact affiche une page blanche après validation » est traitable en quelques minutes.

Le B2B (Business to Business) désigne un modèle commercial dans lequel une entreprise vend ses produits ou services à d’autres entreprises. Un cabinet de conseil, un imprimeur qui travaille pour des agences, un logiciel de facturation pour artisans, une agence web qui accompagne des PME… tous fonctionnent en B2B. Le client n’est pas un particulier mais une organisation, avec ses propres processus de décision, ses budgets validés en interne et ses cycles d’achat souvent plus longs.

En matière de communication digitale, le B2B a ses propres logiques. Le cycle de vente est rarement impulsif : plusieurs personnes sont impliquées dans la décision, les montants en jeu sont plus élevés, et la confiance et la crédibilité jouent un rôle central. Un site B2B doit rassurer, démontrer l’expertise et faciliter la prise de contact plutôt que pousser à un achat immédiat. Le contenu long format (études de cas, livres blancs, articles de blog approfondis) y fonctionne particulièrement bien pour le référencement et pour construire cette relation de confiance dans la durée. LinkedIn est souvent le réseau social le plus pertinent pour toucher cette audience.

Le B2C (Business to Consumer) désigne un modèle commercial dans lequel une entreprise vend directement à des particuliers. Une boutique en ligne, un restaurant, un coiffeur, un fabricant de cosmétiques qui vend sur son site… tous sont en B2C. Le client est une personne qui achète pour elle-même, souvent avec des motivations plus émotionnelles, des décisions plus rapides et des montants unitaires plus faibles que dans le B2B.

En communication digitale, le B2C appelle des approches différentes de celles du B2B. L’émotion, la réassurance et la fluidité du parcours d’achat sont des leviers déterminants. Un client particulier qui hésite une seconde de trop sur une page de paiement repart. Les réseaux sociaux visuels (Instagram, TikTok, Pinterest) sont souvent plus pertinents que LinkedIn pour toucher cette cible. Et le SEA peut jouer un rôle plus immédiat, notamment pour les achats d’impulsion ou les offres saisonnières. La frontière entre B2B et B2C est parfois poreuse : certaines entreprises s’adressent aux deux audiences, ce qui demande de bien segmenter les messages et les canaux.

Le back-office désigne la partie invisible de votre site web, celle que vos visiteurs ne voient jamais, mais qui fait tourner la machine. C’est l’espace de gestion où vous administrez vos contenus, vos produits, vos commandes (pour un site e-commerce), vos formulaires de contact et les paramètres techniques de votre site. Il s’oppose au front-office, c’est-à-dire ce que voient et vivent vos clients lorsqu’ils naviguent sur votre site.

Un back-office bien conçu représente un gain d’autonomie considérable : vous pouvez mettre à jour vos pages, ajouter un article de blog ou modifier un prix sans faire appel à un développeur à chaque fois. C’est l’un des critères importants que nous évaluons avec vous lors de la conception de votre site, selon votre niveau de maîtrise technique et la fréquence de vos mises à jour.

Les attributs ARIA (Accessible Rich Internet Applications) sont des attributs supplémentaires qu’on ajoute dans le code HTML pour décrire aux technologies d’assistance (lecteurs d’écran, claviers adaptés…) le rôle, l’état et la fonction des éléments interactifs d’une page. Quand le HTML seul ne suffit pas à décrire ce qu’est un composant (un menu déroulant animé en JavaScript, un onglet, une fenêtre modale), les attributs ARIA prennent le relais : « ceci est un menu », « ce bouton est actuellement actif », « cette zone se met à jour dynamiquement ».

La règle d’or des développeurs web accessibles tient en une phrase : « N’utilisez pas ARIA si le HTML natif suffit. » Les balises HTML sémantiques (comme `button`, `nav`, `main` ou `label`) transmettent déjà beaucoup d’informations aux lecteurs d’écran sans avoir besoin d’ARIA. Ce dernier n’intervient que pour les composants complexes que le HTML standard ne sait pas décrire. Mal utilisé, ARIA peut rendre un site moins accessible qu’il ne l’était sans lui. C’est une couche technique qui demande de la rigueur, et que nous intégrons systématiquement dans les projets où l’accessibilité numérique est un objectif explicite.

La balise canonique est une instruction insérée dans le code HTML d’une page pour indiquer à Google quelle est la version « officielle » de ce contenu, lorsque plusieurs URL affichent des informations identiques ou très proches. Par exemple, un même article de blog accessible à la fois via « votresite.fr/blog/article » et « votresite.fr/article?source=newsletter » est techniquement deux pages différentes aux yeux de Google, même si elles affichent exactement le même texte. La balise canonique pointe sur la version principale et dit à Google d’ignorer les doublons.

Le contenu dupliqué est l’un des problèmes techniques les plus fréquents sur les sites e-commerce et les sites avec beaucoup de filtres ou de paramètres dans les URL. Sans balise canonique, Google ne sait pas quelle version indexer ni à laquelle attribuer l’autorité des liens entrants – il dilue tout entre les variantes, au détriment de chacune. La balise canonique n’est pas un outil magique à utiliser à tort et à travers, mais bien configurée elle résout élégamment des problèmes de duplication qui seraient autrement complexes à corriger en intervenant sur la structure même du site.

La balise title est l’une des balises HTML les plus importantes pour le référencement naturel. Elle définit le titre officiel d’une page web : c’est ce qui s’affiche dans l’onglet de votre navigateur, et surtout c’est le lien bleu cliquable que Google affiche dans ses résultats de recherche. Elle n’est pas visible sur la page elle-même, mais elle est la première chose que lisent les moteurs de recherche pour comprendre de quoi parle une page. C’est aussi ce que partagent les utilisateurs quand ils copient un lien : le titre de l’onglet, c’est la balise title.

Une bonne balise title respecte quelques règles simples mais non négociables : elle doit être unique pour chaque page (deux pages avec le même title brouillent les signaux envoyés à Google), contenir le mot-clé principal de la page de façon naturelle, et rester sous les 60 caractères environ pour ne pas être tronquée dans les résultats Google. Elle se distingue du titre visible H1 sur la page : les deux peuvent être proches mais ne sont pas forcément identiques. La balise title est optimisée pour Google, le H1 pour vos visiteurs. Soigner ces deux éléments conjointement, c’est l’un des fondamentaux du SEO on-page, accessible sans aucune compétence technique sur la plupart des CMS.

Un benchmark est une analyse comparative qui consiste à étudier ce que font vos concurrents ou les références de votre secteur, pour en tirer des enseignements utiles à votre propre positionnement. Dans le cadre d’un projet web ou de communication, un benchmark passe en revue les sites concurrents, leur identité visuelle, leur façon de présenter leurs offres, leurs messages clés, leur présence sur les réseaux sociaux et leur positionnement SEO. L’objectif n’est pas de copier, mais de comprendre le terrain sur lequel vous évoluez et d’identifier ce qui peut vous différencier.

Un benchmark bien conduit répond à deux questions simultanément : qu’est-ce que font bien ceux qui me précèdent, et où sont les angles morts qu’ils n’occupent pas ? La première question nourrit les bonnes pratiques à adopter. La seconde est souvent plus précieuse encore : trouver un positionnement, un ton ou une approche éditoriale que personne dans votre secteur n’exploite encore, c’est l’opportunité de vous démarquer sans avoir à les surpasser sur leur propre terrain. On réalise systématiquement un benchmark en phase de préproduction, avant de concevoir la moindre page ou la moindre maquette.

Le BAT, ou « bon à tirer », est la validation finale que vous donnez avant qu’un document parte en impression ou en production. En signant un bon à tirer, vous confirmez que la création graphique (flyer, affiche, carte de visite, brochure, plaquette commerciale) est conforme à vos attentes en termes de contenu, de mise en page, de typographie et de colorimétrie. C’est votre feu vert officiel donné au prestataire ou à l’imprimeur.

Cette étape est cruciale : une fois le BAT signé, toute correction entraîne des frais de remise en fabrication. Prenez le temps de vérifier les textes (fautes, coordonnées, prix), les couleurs (en mode CMJN pour l’impression, RVB pour le web), les dimensions et les zones de coupe. En cas de doute, n’hésitez pas à demander une épreuve physique avant validation.

Un blog est une section de votre site internet dédiée à la publication régulière d’articles. Chaque article traite d’un sujet lié à votre activité : conseils, actualités de votre secteur, études de cas, réponses aux questions fréquentes de vos clients… Contrairement aux pages fixes de votre site (accueil, services, contact), les articles sont datés, indexés individuellement par les moteurs de recherche, et s’accumulent pour former un véritable capital éditorial.

Un blog bien alimenté est l’un des leviers SEO les plus efficaces sur le long terme : chaque article bien écrit est une nouvelle opportunité d’apparaître sur Google pour des requêtes que tapent vos clients. Il renforce aussi votre crédibilité et votre expertise perçue. La régularité compte plus que la fréquence : un article de qualité par mois vaut mieux que quatre articles bâclés.

Le branding désigne l’ensemble du travail qui construit et entretient l’image de votre marque. Ce n’est pas seulement votre logo ou vos couleurs, c’est la somme de tout ce que vos clients ressentent et perçoivent quand ils sont en contact avec vous : votre identité visuelle bien sûr, mais aussi votre ton éditorial, vos valeurs affichées, la façon dont vous répondez aux emails, l’expérience sur votre site, vos prises de parole sur les réseaux sociaux, et même le design de vos factures. Le branding, c’est la personnalité complète de votre entreprise, pas juste son habillage graphique.

On dit souvent que le branding, c’est ce que les gens disent de vous quand vous n’êtes pas dans la pièce. Cette formulation résume bien l’enjeu : vous ne contrôlez pas entièrement la perception, mais vous pouvez l’orienter avec cohérence. Un branding fort ne signifie pas un branding tape-à-l’oeil. Il signifie un branding cohérent, reconnaissable et aligné avec ce que vous êtes vraiment. Les marques qui durent sont rarement celles qui ont les logos les plus originaux, ce sont celles qui tiennent un discours constant et une promesse tenue dans le temps. C’est ce travail de fond que nous menons en amont de toute création graphique.

Le brief créatif est le document qui pose les bases d’un projet avant que la création commence. Il répond aux questions essentielles : quel est l’objectif de ce projet ? À qui s’adresse-t-il ? Quel message doit-il transmettre ? Dans quel ton ? Sur quels supports ? Avec quelles contraintes de budget et de délai ? Il synthétise tout ce que le créatif (graphiste, concepteur-rédacteur, développeur) a besoin de savoir pour travailler dans la bonne direction du premier coup, sans avoir à deviner vos attentes ni revenir vous interroger à chaque étape.

Un brief incomplet est la première cause de projets qui partent dans le mauvais sens, de retours incessants et de délais qui s’allongent. Ce n’est pas un reproche : bien briefer s’apprend, et beaucoup de clients n’ont jamais eu à le faire avant. Notre rôle, en début de projet, est justement de vous aider à construire ce brief ensemble, en vous posant les bonnes questions pour faire émerger ce que vous attendez vraiment, y compris ce que vous n’auriez pas pensé à formuler spontanément. Un bon brief, c’est aussi un garde-fou pour tout le monde : il fixe les attentes, évite les malentendus et sert de référence si une question survient en cours de route.

Le cache (mémoire tampon) est un système de mémoire temporaire qui conserve une copie des pages ou des ressources de votre site (images, fichiers CSS, scripts…) pour les servir plus rapidement aux visiteurs suivants. Plutôt que de reconstruire entièrement une page à chaque visite en interrogeant la base de données, le serveur sert la version déjà préparée en mémoire. Le résultat est immédiat : des pages qui se chargent bien plus vite, un serveur moins sollicité, et des Core Web Vitals qui s’améliorent mécaniquement.

Le cache existe à plusieurs niveaux : dans le navigateur de vos visiteurs (qui garde en mémoire les ressources déjà téléchargées), sur le serveur qui héberge votre site, et parfois au niveau d’un CDN. Sur WordPress, des plugins dédiés comme WP Rocket ou LiteSpeed Cache gèrent ça automatiquement. L’inconvénient du cache, c’est qu’il peut parfois servir une version ancienne de votre site après une modification : si un client vous dit « j’ai mis à jour ma page mais je vois encore l’ancienne version », c’est presque toujours une question de cache. La solution : vider le cache après chaque mise à jour importante.

Le cahier des charges est le document qui décrit de façon précise et exhaustive ce qu’un projet doit produire : les objectifs à atteindre, les fonctionnalités attendues, les contraintes techniques et graphiques, les délais, le budget, les intervenants et les critères qui permettront de dire que le projet est terminé et conforme. C’est le contrat intellectuel du projet, signé ou validé par les deux parties avant que le travail commence. Tout ce qui n’est pas dans le cahier des charges n’est pas engagé. Tout ce qui y est décrit doit être livré.

Il existe deux grandes familles de cahiers des charges.

• Le cahier des charges fonctionnel décrit ce que le projet doit faire (les fonctionnalités, les parcours, les objectifs) sans prescrire comment le faire techniquement. C’est le document que le client rédige ou co-rédige avec son prestataire.
• Le cahier des charges technique, lui, décrit comment le projet va être réalisé sur le plan technologique, et c’est généralement le prestataire qui le produit en réponse au fonctionnel.

En pratique, pour les projets de taille raisonnable, un seul document bien structuré suffit. Ce qui compte, c’est qu’il existe, qu’il soit lu par tout le monde et qu’on s’y réfère quand une question surgit en cours de route. Un projet sans cahier des charges est un projet sans filet.

Un CTA, ou appel à l’action, est un élément visuel (bouton, lien, bandeau) qui invite votre visiteur à faire quelque chose de précis : demander un devis, télécharger un document, s’inscrire à une newsletter, prendre rendez-vous ou passer commande. C’est le pont entre un visiteur passif qui lit votre site et un prospect qui passe à l’action. Sans CTA clair, même le plus beau des sites web ne convertit pas.

Un bon CTA, c’est avant tout un verbe d’action (« Demandez votre devis gratuit », « Téléchargez le guide », « Réservez votre place ») et un emplacement stratégique sur la page. La couleur, la taille et le texte du bouton ont un impact direct sur votre taux de conversion. C’est l’un des premiers éléments que nous travaillons lors de la conception de votre site, car un visiteur qui hésite est un visiteur perdu.

La charte graphique est le document de référence qui définit l’identité visuelle de votre entreprise. Elle rassemble toutes les règles qui garantissent une cohérence visuelle sur l’ensemble de vos supports : votre palette de couleurs, vos typographies, l’utilisation de votre logo, le style de vos visuels et icônes, et parfois même le ton de vos textes. En clair, c’est le guide que tout le monde doit respecter pour que votre marque soit immédiatement reconnaissable, que ce soit sur votre site web, vos réseaux sociaux, vos documents imprimés ou vos emails.

Une charte graphique solide, c’est un investissement qui se rentabilise vite. Sans elle, chaque nouveau support devient une improvisation et votre image de marque perd en cohérence et en crédibilité. Elle est aussi un outil précieux pour briefer rapidement un nouveau prestataire ou un collaborateur : tout le monde part des mêmes bases visuelles.

La charte logo est un document plus ciblé que la charte graphique : elle regroupe uniquement les règles d’utilisation de votre logo. Elle précise les versions autorisées (couleur, noir et blanc, monochrome), les tailles minimales à respecter pour que le logo reste lisible, les espaces de protection à ne pas empiéter, et les usages interdits (déformation, mauvaises couleurs de fond, rotation…). C’est le garant de l’intégrité de votre logo sur tous les supports.

On confond souvent charte logo et charte graphique, alors que l’une est une composante de l’autre. Si vous n’avez pas encore de charte graphique complète, commencer par une charte logo est déjà un bon premier pas. Cela évite les dérives visuelles qui finissent par diluer la reconnaissance de votre marque, surtout lorsque plusieurs personnes utilisent votre logo en interne.

Le CMJN (Cyan, Magenta, Jaune, Noir) est le modèle colorimétrique de l’impression professionnelle. Contrairement à un écran qui crée les couleurs en ajoutant de la lumière, une imprimante les reproduit par soustraction, en superposant des couches d’encre. Ces quatre couleurs de base permettent de reconstituer l’ensemble du spectre visible sur papier. Chaque couleur de votre identité visuelle doit être définie en valeurs CMJN pour garantir un rendu fidèle à l’impression, quel que soit l’imprimeur ou la presse utilisée.

Le piège classique : concevoir en RVB sur écran et envoyer le fichier tel quel à l’imprimeur. Les couleurs RVB sont souvent plus saturées et lumineuses que ce que l’impression peut reproduire. Certains bleus électriques ou verts vifs n’ont tout simplement pas d’équivalent exact en CMJN. La conversion automatique du RVB vers le CMJN donne parfois des résultats ternes ou décalés. C’est pourquoi tout fichier destiné à l’impression doit être préparé en CMJN dès le départ dans le logiciel de création, pas converti à la dernière minute. Demandez systématiquement à votre graphiste de vous confirmer que les fichiers livrés sont bien en mode CMJN avant d’envoyer en imprimerie.

Un CDN (Content Delivery Network) est un réseau de serveurs distribués géographiquement dans le monde entier. Son rôle : stocker des copies des ressources de votre site (images, fichiers CSS, scripts) et les servir depuis le serveur le plus proche de chaque visiteur. Un internaute à Tokyo ne reçoit pas les fichiers depuis votre serveur hébergé à Paris : il les reçoit depuis un serveur situé en Asie. Résultat, le temps de chargement est réduit, quelle que soit la localisation de vos visiteurs.

Pour un site dont l’audience est principalement locale ou nationale, le bénéfice d’un CDN est réel mais moins spectaculaire que pour un site international. Ce qui reste intéressant dans tous les cas, c’est la réduction de charge sur votre serveur principal et la résistance aux pics de trafic : si une page de votre site devient virale, le CDN absorbe une grande partie des requêtes sans faire tomber le site. Des services comme Cloudflare proposent un CDN avec une offre gratuite qui suffit pour la plupart des PME. C’est l’une des optimisations de performance web les plus accessibles à mettre en place.

Les CGU (Conditions Générales d’Utilisation) sont le document contractuel qui régit la relation entre l’éditeur d’un site ou d’un service numérique et ses utilisateurs. Elles définissent les règles d’accès au service, les comportements autorisés et interdits, les droits sur les contenus publiés par les utilisateurs, les modalités de suspension d’un compte, et les limites de responsabilité de l’éditeur. Elles s’adressent à ceux qui utilisent le service, là où les CGV s’adressent à ceux qui achètent.

La distinction entre CGU et CGV est souvent source de confusion. Pour un site vitrine qui ne vend rien en ligne et ne propose pas d’espace utilisateur, les CGU ne sont pas obligatoires. En revanche, dès qu’un site propose une inscription, un espace personnel, un forum, un dépôt de contenu ou toute forme d’interaction, des CGU deviennent indispensables pour encadrer ces usages. Pour un site e-commerce, les deux documents coexistent : les CGV encadrent la transaction commerciale, les CGU encadrent l’usage du compte client et de la plateforme. Comme pour les CGV, un modèle générique non adapté à votre activité vaut mieux que rien, mais un document relu par un juriste vaut bien mieux encore.

Les CGV (Conditions Générales de Vente) sont le document contractuel qui encadre les modalités de la relation commerciale entre un professionnel et ses clients. Elles précisent les conditions de prix, les délais de livraison ou de prestation, les modalités de paiement, les conditions de rétractation (obligatoires pour les ventes en ligne aux particuliers), les garanties applicables et les responsabilités de chaque partie. En B2C, elles sont obligatoires pour tout site e-commerce. En B2B, elles sont fortement recommandées et peuvent être imposées sur simple demande du client.

Les CGV ne sont pas qu’une formalité administrative à copier-coller depuis un modèle trouvé sur internet. Un modèle générique non adapté à votre activité peut vous exposer à des litiges que vous pensiez avoir couverts. Sur un site e-commerce par exemple, des CGV mal rédigées sur le droit de rétractation (14 jours pour les particuliers en Union européenne) ou sur les frais de retour peuvent entraîner des obligations que vous n’aviez pas anticipées. Il est conseillé de les faire relire par un juriste, au moins une fois, pour s’assurer qu’elles sont conformes et réellement protectrices. C’est un coût modeste au regard des risques qu’elles évitent.

Le CLS (Cumulative Layout Shift) mesure la stabilité visuelle de votre page pendant son chargement. Un CLS élevé, c’est ce phénomène agaçant où vous vous apprêtez à cliquer sur un lien et, au dernier moment, une image ou une publicité se charge et pousse tout le contenu vers le bas : vous cliquez sur le mauvais élément. C’est le troisième des Core Web Vitals, et celui qui génère le plus de frustration concrète chez les visiteurs.

Les causes les plus fréquentes d’un mauvais CLS sont des images sans dimensions définies dans le code (le navigateur ne sait pas combien de place leur réserver avant de les charger), des publicités ou des bandeaux qui s’injectent dynamiquement dans la page, et des polices de caractères qui se substituent en cours de chargement et décalent la mise en page. La correction est souvent simple et technique : déclarer la largeur et la hauteur de chaque image dans le HTML, précharger les polices, et réserver des emplacements fixes pour les contenus dynamiques. Google cible un score CLS inférieur à 0,1 pour une expérience jugée bonne.

La CNIL (Commission Nationale de l’Informatique et des Libertés) est l’autorité administrative indépendante française chargée de veiller à ce que la collecte et l’utilisation des données personnelles se fassent dans le respect de la vie privée. C’est elle qui contrôle l’application du RGPD sur le territoire français, instruit les plaintes des particuliers, publie des recommandations à destination des entreprises et peut prononcer des sanctions en cas de manquements, y compris de lourdes amendes.

Sur votre site web, la CNIL est directement concernée par plusieurs sujets : la conformité de votre bannière de cookies, la légitimité de vos formulaires de contact (consentement clair, durée de conservation des données précisée), les règles applicables à votre newsletter, et la sécurité de stockage de toutes les données que vous collectez. La CNIL publie des guides pratiques accessibles sur son site, y compris pour les petites structures. En cas de doute sur la conformité de votre site, ses recommandations font référence. Ne pas s’y conformer expose à des risques réels, même pour une TPE ou une PME : les contrôles ne visent pas uniquement les grandes entreprises.

Un CMS, ou système de gestion de contenu, est le logiciel qui fait tourner votre site web et vous permet de le gérer sans écrire une seule ligne de code. Grâce à une interface visuelle intuitive, vous pouvez créer et modifier des pages, publier des articles de blog, ajouter des images ou mettre à jour vos tarifs en toute autonomie. WordPress, Shopify, Webflow ou encore Wix sont des exemples de CMS très répandus, chacun adapté à des besoins différents.

Le choix du CMS est l’une des décisions les plus importantes lors de la création d’un site. Il conditionne votre autonomie au quotidien, les performances techniques, les possibilités d’évolution et la compatibilité avec vos outils marketing (newsletter, analytics, e-commerce…). C’est pourquoi nous prenons le temps de comprendre votre organisation et vos habitudes avant de vous recommander une solution plutôt qu’une autre.

Les cookies sont de petits fichiers texte déposés sur l’ordinateur ou le smartphone de votre visiteur lorsqu’il navigue sur votre site. Ils servent à mémoriser des informations : les préférences de l’utilisateur, son panier d’achat, sa session de connexion, ou encore ses comportements de navigation à des fins statistiques et publicitaires. Tous les cookies ne se valent pas : certains sont strictement nécessaires au fonctionnement du site, d’autres sont optionnels et nécessitent le consentement explicite de l’utilisateur.

Depuis le RGPD et les directives de la CNIL, afficher une bannière de consentement aux cookies n’est plus une option : c’est une obligation légale pour tout site qui dépose des cookies non essentiels (analytics, publicité, réseaux sociaux). Une bannière mal configurée peut entraîner des sanctions. Nous veillons à ce que votre site soit conforme dès sa mise en ligne.

La compatibilité navigateur désigne la capacité de votre site à s’afficher et à fonctionner correctement sur les différents navigateurs et appareils utilisés par vos visiteurs. Chrome, Safari, Firefox, Edge… chacun interprète le code HTML, CSS et JavaScript avec de légères variations. Un menu parfaitement animé sur Chrome peut être figé sur Safari, un bouton bien placé sur ordinateur peut déborder sur certains téléphones. Tester la compatibilité, c’est s’assurer que l’expérience est cohérente pour tous vos visiteurs, quel que soit leur environnement.

Safari est souvent le navigateur qui génère le plus de surprises, notamment sur iPhone et Mac : Apple impose ses propres règles d’interprétation du web, qui divergent parfois significativement des standards. Sur le marché français, Chrome domine avec environ 60 % de parts, mais Safari représente plus de 20 %, principalement depuis les appareils Apple. Ignorer Safari, c’est ignorer un visiteur sur cinq. Les tests de compatibilité multi-navigateurs font partie de notre recettage systématique avant toute mise en ligne.

Un constructeur de pages, ou page builder, est un outil visuel intégré à votre CMS qui vous permet de créer et modifier vos pages web en glissant-déposant des modules de contenu, sans écrire une seule ligne de code. Texte, image, bouton, colonne, carrousel, formulaire… chaque élément est un bloc que vous ajoutez, déplacez et configurez depuis une interface visuelle. Elementor, Divi, Bricks et le Gutenberg natif de WordPress sont parmi les constructeurs les plus répandus.

Le constructeur de pages est l’un des arguments les plus séduisants pour l’autonomie client, et il tient souvent ses promesses pour les modifications courantes. Mais il a ses limites. Une liberté de composition totale sans garde-fous peut rapidement nuire à la cohérence visuelle de votre site si on s’écarte de la charte graphique établie. Les constructeurs ajoutent aussi parfois du code superflu qui alourdit les pages et pénalise la performance web. Le bon équilibre, c’est un constructeur bien configuré, avec des blocs pré-paramétrés dans le respect de votre identité visuelle, qui vous laisse libre de modifier les contenus sans risquer de casser le design.

Le contraste des couleurs mesure la différence de luminosité entre la couleur d’un texte et la couleur de son fond. Plus le contraste est élevé, plus le texte est lisible. Un texte gris clair sur fond blanc peut sembler élégant visuellement, mais il devient illisible pour les personnes malvoyantes, les utilisateurs en plein soleil, ou tout simplement sur un écran de mauvaise qualité. Les WCAG fixent des ratios minimaux précis : 4,5:1 pour le texte normal, 3:1 pour le texte grand.

Le contraste est l’un des critères d’accessibilité les plus faciles à vérifier et pourtant parmi les plus souvent ignorés, y compris par des graphistes expérimentés. Des outils gratuits comme le « Colour Contrast Checker » ou les outils intégrés à Figma permettent de vérifier le ratio en quelques secondes. C’est un point que nous contrôlons systématiquement lors de la conception de votre charte graphique et de vos maquettes. Un bon contraste, c’est aussi un meilleur confort de lecture pour tous vos visiteurs, pas uniquement pour ceux en situation de handicap.

Une conversion, c’est le moment où un visiteur anonyme accomplit l’action que vous souhaitiez qu’il réalise sur votre site. Cela peut être remplir un formulaire de contact, appeler votre numéro de téléphone, finaliser un achat, télécharger un document, s’inscrire à votre newsletter, ou toute autre action qui rapproche ce visiteur d’une relation commerciale avec vous. Le taux de conversion est le pourcentage de visiteurs qui réalisent cet objectif sur le total de ceux qui sont passés sur votre site.

Le taux de conversion est l’indicateur qui relie directement votre présence web à votre chiffre d’affaires. Un site qui reçoit 1 000 visiteurs par mois avec un taux de conversion de 2 % génère 20 demandes de contact. Doubler ce taux sans augmenter le trafic, c’est doubler les opportunités commerciales, pour le même budget. C’est pourquoi l’optimisation du taux de conversion (qu’on appelle CRO) est souvent bien plus rentable qu’une augmentation du budget publicitaire. Travailler le parcours utilisateur, les CTA, la clarté des messages et la performance web sont les leviers les plus directs.

Les Core Web Vitals (signaux web essentiels) sont les trois métriques d’expérience utilisateur que Google a officiellement intégrées à son algorithme de classement en 2021. Ils mesurent la qualité réelle de l’expérience sur votre site, au-delà du simple contenu : le LCP (Largest Contentful Paint) mesure la vitesse d’affichage du contenu principal, l’INP (Interaction to Next Paint) mesure la réactivité aux clics, et le CLS (Cumulative Layout Shift) mesure la stabilité visuelle pendant le chargement. Un bon score sur ces trois indicateurs est aujourd’hui un prérequis pour espérer se positionner favorablement sur des requêtes concurrentielles.

L’outil de référence pour mesurer vos Core Web Vitals est Google PageSpeed Insights, accessible gratuitement en ligne. Il analyse votre site et vous donne une note sur 100, accompagnée de recommandations priorisées. Le score « terrain » (basé sur les données réelles de vos visiteurs) est plus révélateur que le score « laboratoire » (simulation en conditions idéales). Si vous n’avez jamais passé votre site à ce test, c’est la première chose à faire : les résultats sont souvent surprenants, même sur des sites récents. C’est systématiquement le point de départ de notre démarche d’audit technique.

Un custom post type (type de contenu personnalisé) est une fonctionnalité de WordPress qui permet de créer des catégories de contenu entièrement sur mesure, en dehors des types natifs que sont les pages et les articles de blog. Si vous souhaitez gérer un portfolio de réalisations, une équipe de collaborateurs, des témoignages clients, des offres d’emploi ou des fiches recettes, chacun de ces types de contenu peut avoir sa propre structure, ses propres champs et son propre affichage, sans que vos articles de blog ne soient mélangés avec autre chose.

Du point de vue de votre autonomie au quotidien, les custom post types sont très confortables : vous avez une section dédiée dans votre back-office pour chaque type de contenu, avec des champs adaptés à ce que vous devez renseigner. Du point de vue SEO, ils permettent de créer des pages bien structurées avec des URL propres et un contenu riche, favorables à l’indexation. C’est une approche que nous mettons en place dès la conception des sites qui ont des besoins en contenu variés, pour éviter d’improviser plus tard des solutions de contournement inconfortables.

Le CSS, ou feuilles de style en cascade, est le langage qui gère l’apparence visuelle de votre site web. Si le HTML structure le contenu (titres, paragraphes, images…), le CSS décide de comment il s’affiche : les couleurs, les polices de caractères, les espacements, la mise en page, les animations et l’adaptation sur mobile. En résumé, c’est le CSS qui fait que votre site ressemble à votre charte graphique plutôt qu’à une page blanche avec du texte brut.

En tant que client, vous n’avez pas besoin de maîtriser le CSS : c’est notre travail. Mais comprendre que ce langage existe vous aide à réaliser pourquoi certaines modifications visuelles demandent l’intervention d’un développeur, même si elles semblent « simples ». Un CSS bien organisé, c’est aussi un site plus rapide à charger, ce qui joue directement sur votre référencement naturel et l’expérience de vos visiteurs.

Le community management regroupe toutes les actions qui consistent à gérer la présence d’une marque sur les réseaux sociaux et les espaces communautaires en ligne. Cela inclut la création et la planification des publications, la modération des commentaires, les réponses aux messages privés, l’animation de conversations avec l’audience, et la veille sur ce qui se dit de la marque. Le community manager est la voix de l’entreprise sur ces plateformes, et c’est lui qui entretient (ou abîme) la relation quotidienne avec la communauté.

Le community management est souvent sous-estimé par les entreprises qui pensent que « poster sur Instagram » ne prend que quelques minutes. En réalité, bien fait, c’est un travail continu qui demande de la cohérence éditoriale, une bonne connaissance de l’algorithme de chaque plateforme, une capacité de réaction rapide et un vrai sens du dialogue. Sous-traité à quelqu’un sans brief sérieux, il peut faire plus de mal que de bien : un ton mal ajusté, une réponse maladroite à un commentaire négatif, ou des publications déconnectées de la réalité de l’entreprise nuisent à l’image de marque. C’est un levier puissant quand il est aligné avec votre stratégie de contenu globale, et risqué quand il est traité comme une tâche secondaire.

Le mode sombre, ou dark mode, est une variante d’affichage qui inverse les couleurs habituelles d’une interface : les fonds clairs deviennent sombres, les textes foncés deviennent clairs. Proposé en option sur la quasi-totalité des systèmes d’exploitation et des applications modernes, il répond à plusieurs besoins réels : réduire la fatigue visuelle dans les environnements peu éclairés, soulager les personnes sensibles à la lumière vive, améliorer le confort de lecture prolongée et, sur les écrans OLED, prolonger l’autonomie de la batterie en réduisant la consommation d’énergie.

Côté web, adapter son site au mode sombre est possible via la règle CSS `prefers-color-scheme`, qui détecte automatiquement la préférence système de l’utilisateur et applique les styles correspondants. Ce n’est pas une obligation dans le RGAA actuel, mais c’est une bonne pratique d’accessibilité et de confort qui gagne en importance. Le principal piège lors de la conception d’un dark mode, c’est de négliger les contrastes : certaines couleurs qui fonctionnent parfaitement sur fond clair deviennent illisibles sur fond sombre. Un vrai dark mode ne se résume pas à inverser les couleurs mécaniquement, c’est une palette à repenser dans son ensemble.

Un dark pattern est une pratique de design intentionnellement conçue pour manipuler l’utilisateur et le pousser à réaliser une action qu’il n’aurait pas choisie librement. Les exemples sont nombreux et probablement familiers : une case « Je souhaite recevoir des offres partenaires » cochée par défaut dans un formulaire, un bouton « Refuser » écrit en gris très pâle à côté d’un « Accepter tout » en couleur vive dans une bannière cookies, un abonnement qui se souscrit en un clic mais qui nécessite d’appeler un service client pour être résilié, ou une confirmation d’achat dont la case « Ajouter l’assurance » est pré-cochée.

Les dark patterns ne sont pas seulement contraires à l’éthique, ils sont de plus en plus dans le collimateur du droit. Le RGPD et les directives de la CNIL encadrent explicitement certains d’entre eux, notamment sur les cookies : le refus doit être aussi simple que l’acceptation, sous peine de sanction. En 2023, la Commission européenne a renforcé les règles sur les interfaces trompeuses dans le cadre du Digital Services Act. Au-delà de la conformité légale, un site qui manipule ses visiteurs détruit la confiance, et la confiance est bien plus difficile à reconstruire qu’à préserver. Ce n’est pas une stratégie, c’est une dette.

Une déclinaison de logo est une version adaptée de votre logo principal, conçue pour fonctionner dans des contextes visuels différents. Par exemple, votre logo en couleurs sur fond blanc peut être illisible sur une photo sombre ou sur un fond coloré. Les déclinaisons permettent de répondre à ces situations : version fond clair, version fond foncé, version monochrome (noir ou blanc), version simplifiée pour les petites tailles, ou encore version horizontale quand votre logo principal est vertical.

Un logo livré en une seule version, c’est un logo qui sera tôt ou tard maltraité. Quand on crée ou refond votre identité visuelle, nous livrons systématiquement un jeu complet de déclinaisons, en formats vectoriels (SVG, PDF, EPS) pour l’impression et en formats web (PNG avec fond transparent, SVG). Cela vous garantit un rendu impeccable sur tous vos supports, des cartes de visite à la signature email.

Un design system est une bibliothèque de composants visuels et de règles partagées qui sert de référence unique pour concevoir et faire évoluer votre site ou application. Il va plus loin que la charte graphique : il rassemble non seulement les couleurs et les typographies, mais aussi tous les éléments d’interface réutilisables (boutons, formulaires, cartes, menus, icônes…) avec leur comportement précis. En pratique, c’est ce qui garantit que votre site reste cohérent visuellement, même quand plusieurs personnes y travaillent en parallèle.

Le design system est surtout utile pour les projets de taille importante ou en évolution constante. Pour une PME avec un site vitrine de quelques pages, une charte graphique bien documentée suffit souvent. C’est un outil puissant, mais qui représente un investissement : nous vous conseillons sur son intérêt réel selon la nature et l’ambition de votre projet.

Le design minimaliste est une approche de conception qui consiste à ne conserver que ce qui est strictement nécessaire. Moins de couleurs, moins d’effets, moins d’éléments décoratifs superflus. Chaque composant présent à l’écran doit justifier sa place : est-ce qu’il aide votre visiteur à comprendre, à trouver ce qu’il cherche, ou à passer à l’action ? Si la réponse est non, il est retiré. L’objectif n’est pas l’austérité visuelle pour elle-même, mais la clarté : un site épuré guide l’attention vers ce qui compte vraiment.

Le design minimaliste est souvent mal compris. Ce n’est pas un style vide, ni une solution bon marché qui évite de « faire du design ». C’est au contraire l’une des approches les plus exigeantes : supprimer tout le superflu sans perdre le caractère ni la personnalité d’une marque demande une maîtrise réelle de la hiérarchie visuelle, de la typographie et des espaces. Côté performance, ses bénéfices sont concrets : moins d’éléments à charger signifie des pages plus légères, un meilleur temps de chargement et de meilleurs scores Core Web Vitals. Le minimalisme et la performance sont naturellement alliés.

Le développement web full-stack désigne la capacité à intervenir sur l’ensemble des couches techniques d’un site web, de l’interface visible par vos visiteurs jusqu’aux serveurs et bases de données qui font tourner le tout en coulisses. Un développeur full-stack maîtrise le front-end (ce que voient vos visiteurs, construit en HTML, CSS et JavaScript) et le back-end (la logique serveur, les bases de données, les API et les langages comme PHP ou JavaScript côté serveur). C’est un profil polyvalent, capable de mener un projet de A à Z.

Pour vous en tant que client, travailler avec un développeur full-stack présente un avantage concret : un seul interlocuteur comprend l’ensemble du projet, sans qu’il soit nécessaire de faire la navette entre un « spécialiste front » et un « spécialiste back ». C’est particulièrement précieux sur des projets où la coordination entre profils différents coûterait plus cher que ça n’apporterait.

Le DNS, ou système de noms de domaine, est l’annuaire invisible d’internet. Concrètement, il traduit le nom de domaine que vous tapez dans votre navigateur (par exemple « votreentreprise.fr ») en adresse IP compréhensible par les serveurs, pour que votre site s’affiche. Sans DNS, vous devriez retenir une suite de chiffres pour accéder à chaque site web.

En pratique, vous n’avez pas à vous occuper du DNS au quotidien. C’est important à connaître surtout lors d’un changement d’hébergeur, d’une migration de site, ou de la création d’une adresse email professionnelle sur votre nom de domaine. Ces manipulations se font chez votre registrar (l’organisme où vous avez acheté votre nom de domaine) et peuvent prendre jusqu’à 48 heures pour se propager sur l’ensemble d’internet. Nous gérons ces étapes pour vous lors de chaque projet.

Le DPI (Dots Per Inch, ou points par pouce) est l’unité qui mesure la résolution d’une image destinée à l’impression. Plus le DPI est élevé, plus l’image contient de détails et plus l’impression sera nette. Le standard de l’industrie pour l’impression professionnelle est de 300 DPI à la taille finale d’impression. En dessous de ce seuil, l’image devient floue, pixellisée ou crénelée une fois sur papier, même si elle paraissait parfaite sur votre écran.

C’est l’erreur la plus fréquente en production graphique : utiliser pour l’impression des images téléchargées sur internet, qui sont en général à 72 DPI, la résolution standard des écrans. Une image à 72 DPI imprimée à 300 DPI sera quatre fois plus petite que prévu, ou floue si on l’étire à la bonne taille. La règle de bon sens : si vous devez fournir des photos à votre graphiste pour une brochure ou une affiche, envoyez les fichiers originaux issus de votre appareil photo, jamais des captures d’écran ou des images copiées depuis votre site. Pour les formats vectoriels (EPS, SVG), la question du DPI ne se pose pas : ils sont nets à n’importe quelle taille.

Le drag and drop, ou glisser-déposer en français, désigne la fonctionnalité qui vous permet de déplacer un élément à l’écran simplement en le faisant glisser avec la souris ou le doigt, puis en le relâchant à l’endroit voulu. Sur un site web, cette interaction est utilisée pour réorganiser des blocs de contenu, trier des images dans une galerie, classer des éléments dans un tableau de bord ou construire des pages sans coder.

Beaucoup de CMS modernes comme Webflow, Wix ou les constructeurs de pages WordPress (Elementor, Divi) reposent sur ce principe pour vous permettre de modifier la mise en page de votre site visuellement. C’est intuitif et accessible, mais attention : la liberté totale de composition peut aussi nuire à la cohérence visuelle si l’on s’éloigne de la charte graphique. Un cadre bien défini en amont vous évite ce genre de dérive.

L’éco-conception web est une démarche qui vise à réduire l’empreinte environnementale d’un site internet tout au long de son cycle de vie, de sa conception à son utilisation quotidienne. Le numérique représente aujourd’hui environ 4 % des émissions mondiales de gaz à effet de serre, une part en croissance constante. Chaque page chargée consomme de l’énergie sur les serveurs, les réseaux et les appareils de vos visiteurs. Concevoir un site éco-responsable, c’est chercher à réduire ces consommations à chaque étape : code allégé, images optimisées, fonctionnalités limitées à l’essentiel, hébergement vert.

La bonne nouvelle, c’est que les bonnes pratiques d’éco-conception coïncident largement avec celles de la performance web et du design minimaliste : un site léger est à la fois plus rapide, mieux référencé et moins énergivore. Ce n’est pas un sacrifice, c’est un alignement d’intérêts. Des référentiels comme le RGESN (Référentiel Général d’Écoconception de Services Numériques) proposent des critères concrets pour évaluer et améliorer l’impact environnemental de votre site. C’est un sujet que nous intégrons de plus en plus dans nos projets, notamment pour les entreprises engagées dans une démarche RSE.

L’ergonomie web, c’est la discipline qui consiste à rendre un site internet facile et agréable à utiliser. Elle s’assure que vos visiteurs trouvent ce qu’ils cherchent rapidement, sans se perdre dans une navigation confuse, sans devoir lire un manuel d’instructions. En pratique, cela touche à la lisibilité des textes, la clarté des menus, la position des boutons, la logique du parcours de navigation et la rapidité avec laquelle on comprend ce que votre entreprise propose.

Un site ergonomique, c’est un site où l’on ne réfléchit pas. Le visiteur va naturellement là où vous voulez qu’il aille. C’est intimement lié à l’UX design et à l’accessibilité numérique. Et c’est aussi un critère de référencement : Google mesure le comportement de vos visiteurs (temps passé, pages vues, taux de rebond) et en tient compte dans son classement. Un site mal pensé fait fuir les visiteurs et plombe votre visibilité.

L’EPS est un format de fichier vectoriel utilisé principalement pour l’impression professionnelle. Contrairement à une image classique (JPEG ou PNG) qui est composée de pixels et devient floue si on l’agrandit, un fichier vectoriel comme l’EPS est composé de formes mathématiques. Résultat : votre logo ou votre illustration peut être imprimé en carte de visite comme sur une façade de bâtiment, sans jamais perdre en qualité.

L’EPS est l’un des formats de livraison standards pour les créations graphiques destinées à l’impression (logos, affiches, signalétique). Il est ouvert et modifiable dans des logiciels professionnels comme Adobe Illustrator ou Affinity Designer. Pour le web, on lui préfère généralement le SVG, plus léger et nativement compatible avec les navigateurs. Lorsque nous livrons votre identité visuelle, vous recevez les deux formats.

Une erreur 404 est le message affiché quand un visiteur tente d’accéder à une URL qui n’existe plus ou n’a jamais existé sur votre site. Le chiffre 404 est un code de réponse HTTP standardisé qui signifie littéralement « page non trouvée ». Ça arrive quand un lien externe pointe vers une ancienne page supprimée, quand un visiteur tape une adresse incorrecte, ou quand vous avez modifié la structure de vos URL sans mettre en place de redirections.

Une erreur 404 occasionnelle n’est pas un drame. Mais des dizaines de 404 sur des pages autrefois bien référencées, c’est du capital SEO qui part à la poubelle : les liens entrants qui pointaient vers ces pages perdent toute leur valeur. La bonne pratique est simple : chaque fois qu’une page est supprimée ou déplacée, on met en place une redirection 301 vers la page la plus pertinente pour la remplacer. Google Search Console liste toutes les erreurs 404 de votre site : c’est l’un des premiers rapports à consulter lors d’un audit technique, surtout après une refonte.

Le façonnage regroupe toutes les opérations effectuées sur un document après son impression pour lui donner sa forme et sa présentation finales. Cela comprend la découpe (couper le papier à la bonne taille et selon la bonne forme), le pliage (dépliant, brochure pliée en accordéon, carte avec rabat), la reliure (agrafage, spirale, dos carré collé pour les catalogues), la perforation, l’embossage (relief en creux ou en relief) et le gaufrage. Chaque opération de façonnage a un coût et un délai propres, qui s’ajoutent au coût d’impression.

Le façonnage est souvent là où se jouent les petits détails qui font la différence entre un document ordinaire et un document mémorable. Un dépliant au format original, une carte de visite avec coins arrondis, une pochette avec découpe en forme de logo… ces choix renforcent l’identité visuelle d’une marque bien au-delà de ce que l’impression seule peut faire. Ils demandent en revanche une préparation minutieuse du fichier en amont : zones de coupe, repères de pliage, zones de sécurité pour le texte. C’est quelque chose que nous intégrons dans la préparation des fichiers avant le BAT.

Le FID (First Input Delay), remplacé depuis mars 2024 par l’INP (Interaction to Next Paint), est le deuxième des Core Web Vitals. Il mesure la réactivité de votre site : quand un visiteur clique sur un bouton ou un lien, combien de temps s’écoule avant que la page réagisse visiblement ? Un site qui « rame » quand on clique dessus est pénalisé, même s’il s’est chargé rapidement.

Un mauvais score FID ou INP est presque toujours causé par du JavaScript trop lourd qui monopolise le fil d’exécution du navigateur. Pendant que le JS tourne en arrière-plan (chargement d’un chat en ligne, d’un pixel de tracking, d’une librairie d’animations…), la page ne peut pas répondre aux clics de l’utilisateur. La solution passe par l’allègement du JS, le chargement différé des scripts non critiques, et la suppression des plugins inutiles. Google considère qu’un INP inférieur à 200 millisecondes est bon, ce qui représente un seuil atteignable sur la grande majorité des sites bien optimisés.

La FAQ, (foire aux questions ou frequently asked questions), est une section de votre site qui regroupe les questions les plus fréquemment posées par vos clients, avec leurs réponses. Elle répond à une double utilité : d’un côté, elle allège votre service client en répondant en amont aux interrogations courantes. De l’autre, elle est un levier SEO très efficace, car Google adore les contenus qui répondent directement à des questions réelles.

Une FAQ bien construite peut générer ce qu’on appelle des « featured snippets » : ces encadrés qui apparaissent tout en haut des résultats Google, avant même les premiers liens. Pour ça, il faut formuler les questions exactement comme vos clients les tapent dans le moteur de recherche, et y répondre de façon concise et directe. Il existe même un balisage technique spécifique (Schema FAQPage) qui augmente vos chances d’apparaître dans ces résultats enrichis.

Le focus visible est l’indicateur graphique qui signale quel élément d’une page web est actuellement « actif » lors d’une navigation au clavier. Quand vous appuyez sur la touche Tab pour passer d’un lien à un bouton à un formulaire, quelque chose doit vous indiquer visuellement où vous en êtes sur la page : un contour coloré, un surlignage, une ombre… c’est ce qu’on appelle le focus visible. Sans lui, naviguer au clavier revient à conduire dans le noir : vous avancez, mais vous ne savez pas où vous êtes.

C’est l’un des critères les plus souvent supprimés par les designers, pour la mauvaise raison que cet anneau ou ce contour « fait moche » sur le design. La pratique très répandue de supprimer l’outline CSS par défaut (`outline: none`) d’un seul trait rend le site totalement inutilisable pour toute personne qui navigue au clavier, qu’elle soit malvoyante, qu’elle ait un handicap moteur ou qu’elle soit tout simplement une personne habituée aux raccourcis clavier. Le RGAA et les WCAG exigent un focus visible et suffisamment contrasté. La bonne approche n’est pas de le supprimer, mais de le styliser pour qu’il s’intègre au design tout en restant parfaitement lisible.

Les followers, ou abonnés, sont les personnes qui choisissent de suivre votre compte sur les réseaux sociaux (Instagram, LinkedIn, Facebook, TikTok…) pour recevoir vos publications dans leur fil d’actualité. C’est l’une des métriques les plus visibles sur les réseaux sociaux, et souvent l’une des plus mal interprétées. Un grand nombre de followers peut sembler impressionnant, mais ce qui compte vraiment, c’est la qualité de cet audience et son niveau d’engagement.

10 000 followers inactifs valent moins que 500 abonnés qui commentent, partagent et achètent. Les algorithmes des plateformes le savent, et pénalisent les comptes dont l’engagement est faible par rapport à leur audience. Acheter des abonnés est donc doublement contre-productif : ça fait gonfler un chiffre sans valeur réelle, et ça nuit à la portée organique de vos publications. Une communauté petite mais engagée autour de votre secteur d’activité sera toujours plus rentable.

Le RSS (Really Simple Syndication) est un format de flux web qui permet à vos lecteurs de s’abonner aux nouveaux contenus de votre site et de les recevoir automatiquement, sans avoir à revenir vérifier régulièrement si vous avez publié quelque chose de nouveau. Chaque fois que vous publiez un article de blog, un podcast ou une actualité, le flux RSS se met à jour et notifie les abonnés via leur lecteur dédié (Feedly, Inoreader, et autres agrégateurs).

Le RSS est souvent présenté comme une technologie « datée », supplantée par les réseaux sociaux. En réalité, il connaît un vrai regain d’intérêt depuis quelques années, porté par une partie du public qui cherche à s’affranchir des algorithmes pour choisir eux-mêmes ce qu’ils lisent. Pour vous, activer un flux RSS sur votre site coûte très peu (la plupart des CMS le font automatiquement) et présente un double avantage : faciliter la lecture de vos contenus pour vos abonnés fidèles, et permettre à des agrégateurs et des plateformes tierces de relayer vos publications, ce qui contribue à votre visibilité et à votre netlinking naturel.

Le favicon est cette toute petite icône qui apparaît dans l’onglet de votre navigateur, à gauche du titre de la page. C’est souvent une version ultra-simplifiée de votre logo, réduite à un carré de 16 à 32 pixels. On le retrouve aussi dans les favoris enregistrés par vos visiteurs, dans les résultats de recherche Google sur mobile, et parfois dans les applications tierces qui référencent votre site.

Le favicon est souvent négligé, mais c’est un détail qui compte pour votre image de marque. Un onglet sans favicon, c’est un onglet anonyme parmi les dizaines ouverts par vos visiteurs. Bien conçu, il renforce la reconnaissance visuelle de votre marque à chaque utilisation. Sa conception demande un vrai travail de simplification : tout ce qui fonctionne à grande taille ne fonctionne pas forcément à 16 pixels.

Un featured snippet, c’est cet encadré qui apparaît tout en haut des résultats Google, avant même le premier lien de la page. Il affiche directement une réponse extraite d’un site web, une définition, une liste ou un tableau, sans que l’internaute ait besoin de cliquer. On l’appelle aussi la « position zéro », car il se place au-dessus du premier résultat classique. Pour une entreprise, décrocher un featured snippet sur une requête stratégique, c’est une visibilité exceptionnelle, souvent supérieure à celle du premier résultat organique.

Google choisit seul le contenu qu’il met en avant, mais on peut maximiser ses chances en structurant bien ses textes : répondre directement à une question dans les premières lignes d’un paragraphe, utiliser des listes claires, des tableaux, et le balisage Schema.org adapté. Les pages de FAQ et les articles de blog bien construits sont les meilleurs candidats. Ce n’est pas garanti, mais ça se travaille.

Une feuille de style est un fichier qui centralise toutes les règles d’apparence d’un site web : les couleurs, les polices de caractères, les tailles de texte, les espacements, la mise en page… Elle est écrite en CSS et s’applique à l’ensemble des pages du site. C’est ce fichier unique qui fait que changer la couleur principale de votre site ne nécessite qu’une seule modification, répercutée partout automatiquement, plutôt que de retoucher chaque page une par une.

On peut faire le parallèle avec la charte graphique : la feuille de style, c’est la traduction technique de votre identité visuelle dans le code du site. Une feuille de style bien organisée rend le site plus facile à maintenir, plus rapide à faire évoluer, et contribue aux bonnes performances techniques, ce qui a un impact direct sur votre référencement naturel. C’est un signe de qualité dans la façon dont un site a été développé.

Figma est l’outil de conception graphique et de prototypage le plus utilisé dans les agences web et de communication aujourd’hui. C’est là que vos maquettes de site, vos interfaces, vos gabarits de réseaux sociaux ou vos présentations prennent forme avant d’être développés ou produits. Tout se passe dans le navigateur, en temps réel, ce qui permet à plusieurs personnes de travailler sur le même fichier simultanément, et à vous de voir l’avancement du projet, laisser des commentaires et valider les choix graphiques sans avoir à installer quoi que ce soit.

En tant que client, vous n’utilisez pas Figma vous-même, mais vous pouvez être invité à consulter et commenter les maquettes directement dans l’interface. C’est un gain de temps considérable par rapport aux échanges de fichiers PDF par email : les retours sont centralisés, datés, rattachés à l’élément concerné. Si vous voyez un lien Figma dans nos échanges, c’est une invitation à valider une étape de création.

Le footer, ou pied de page, est la zone qui se trouve tout en bas de chaque page de votre site web. On y retrouve généralement les informations légales (mentions légales, politique de confidentialité, gestion des cookies), les coordonnées de l’entreprise, les liens vers les réseaux sociaux, un plan du site simplifié, et parfois un rappel des services ou une newsletter. Il est présent sur toutes les pages du site, ce qui en fait un espace stratégique souvent sous-estimé.

Le footer joue un rôle concret en matière de référencement naturel et de maillage interne : les liens qu’il contient sont présents sur l’ensemble du site, ce qui leur donne un poids particulier aux yeux de Google. C’est aussi souvent là que les visiteurs vont chercher vos coordonnées ou vos mentions légales, ces pages que l’on oublie facilement mais qui sont obligatoires en France. Un footer bien pensé, c’est une page de moins à rater.

Fluffy Agency est une agence de communication créative spécialisée dans la création de sites web sur mesure, le design graphique et l’éco-conception numérique. Le mot Fluffy, qui signifie « duveteux » en anglais, reflète l’univers de l’agence : une approche douce, humaine et soignée, aussi bien dans les échanges que dans la conception des projets. Basée à Limoges, l’agence accompagne les entreprises, associations et indépendants dans le développement de leur présence en ligne grâce à des solutions modernes, accessibles et pensées pour durer.

L’agence développe des sites web clé en main sous WordPress, optimisés pour le référencement naturel, la rapidité de chargement et l’accessibilité. Engagée dans une démarche responsable, Fluffy Agency privilégie des pratiques numériques plus sobres : optimisation des médias, hébergement vert, interfaces légères et conception centrée sur l’essentiel. L’objectif : créer des sites aussi efficaces qu’esthétiques, alliant impact visuel, simplicité d’utilisation et expérience fluide, dans un univers à la fois créatif, chaleureux et « fluffy ».

Un framework est un cadre de développement : un ensemble d’outils, de règles et de briques de code préexistantes sur lequel les développeurs s’appuient pour construire un site ou une application plus rapidement et plus solidement. Plutôt que de repartir de zéro à chaque projet, le framework fournit une structure de base éprouvée, des composants réutilisables et des conventions partagées. React, Vue.js et Angular sont des frameworks JavaScript très répandus pour les interfaces web. Symfony et Laravel sont des frameworks PHP largement utilisés côté serveur. Tailwind CSS est un framework de styles.

En tant que client, vous n’avez pas à choisir le framework utilisé par votre développeur : c’est une décision technique qui lui appartient. Ce qui vous importe, c’est le résultat final et la maintenabilité du projet. Cela dit, il peut être utile de savoir quel framework a été utilisé si vous changez de prestataire : un développeur qui reprend un projet React doit connaître React, un développeur habitué à WordPress ne sera pas forcément à l’aise. Poser la question « avec quoi a été construit mon site, et est-ce une technologie répandue ? » est légitime et vous protège contre une dépendance à des choix techniques trop exotiques.

Google Search Console est l’outil gratuit fourni par Google pour vous permettre de comprendre comment votre site est vu et traité par le moteur de recherche. Il vous indique quelles pages sont indexées, quelles requêtes génèrent des impressions et des clics vers votre site, quelles erreurs techniques ont été détectées, si votre sitemap a bien été pris en compte, et si votre site passe les évaluations de performance comme les Core Web Vitals. C’est la source de données SEO la plus fiable qui existe, tout simplement parce qu’elle vient directement de Google.

Si vous n’avez pas encore configuré la Search Console sur votre site, c’est la première chose à faire avant même de parler de stratégie SEO. Vous ne pouvez pas améliorer ce que vous ne mesurez pas. La Search Console révèle souvent des surprises : des pages importantes non indexées, des requêtes inattendues qui génèrent du trafic, des erreurs 404 en masse après une refonte oubliée. C’est aussi l’outil qui vous permet de demander à Google d’indexer une nouvelle page en priorité, plutôt que d’attendre que ses robots la découvrent d’eux-mêmes. Gratuit, officiel, indispensable.

Le grammage désigne le poids d’un papier ou d’un carton exprimé en grammes par mètre carré (g/m²). C’est la mesure qui détermine l’épaisseur et la rigidité d’un support d’impression. Le papier de photocopieuse standard est à 80 g/m². Un flyer sera généralement imprimé sur du 135 à 170 g/m². Une carte de visite soignée sur du 350 à 400 g/m². Une couverture de brochure peut aller jusqu’à 300 ou 350 g/m². Plus le grammage est élevé, plus le support est épais, rigide et perçu comme qualitatif entre les mains.

Le grammage a un impact direct sur la perception de votre marque. Une carte de visite fine et souple donne une impression de document économique, même si le design est irréprochable. La même carte sur un support épais avec un pelliculage mat, c’est une tout autre sensation au toucher, et donc une tout autre image projetée. C’est un choix qui mérite réflexion au moment du devis, parce que la différence de coût entre un papier standard et un papier premium est souvent plus faible qu’on ne l’imagine, et son impact sur la perception bien plus grand.

Le green hosting, ou hébergement vert, désigne un service d’hébergement web dont les centres de données (datacenters) sont alimentés en tout ou partie par des énergies renouvelables, ou dont l’empreinte carbone est compensée par des programmes de reforestation ou de crédits carbone. Les serveurs qui hébergent les sites web consomment de l’électricité en permanence pour fonctionner et rester refroidis : le choix de l’hébergeur a donc un impact environnemental réel, souvent sous-estimé.

Le marché du green hosting est en croissance, mais il mérite d’être abordé avec esprit critique. Certains hébergeurs affichent des engagements verts qui reposent sur de la compensation carbone plutôt que sur une véritable alimentation en énergies renouvelables, ce qui n’est pas équivalent. Des outils comme le « Green Web Check » de la Green Web Foundation permettent de vérifier si l’hébergeur d’un site utilise des énergies propres. Pour une entreprise engagée dans une démarche RSE ou d’éco-conception web, le choix de l’hébergeur est l’un des leviers les plus simples et les plus concrets à activer.

Le handicap cognitif regroupe l’ensemble des difficultés qui affectent la mémorisation, la compréhension, la concentration ou le traitement de l’information. Dans le contexte du web, cela concerne les personnes dyslexiques, celles atteintes de troubles de l’attention, de troubles du spectre autistique, ou encore les personnes en situation d’illettrisme fonctionnel. Ce public est souvent oublié dans les réflexions sur l’accessibilité numérique, qui se concentrent plus facilement sur les handicaps visuels ou moteurs, pourtant bien plus visibles.

Concevoir pour le handicap cognitif, c’est concevoir pour la clarté universelle. Des phrases courtes, un vocabulaire simple, une hiérarchie visuelle lisible, des instructions précises, des formulaires sans ambiguïté, une navigation cohérente d’une page à l’autre… Ces bonnes pratiques bénéficient à tous vos visiteurs, pas uniquement aux personnes en situation de handicap. Un texte facile à lire pour quelqu’un de dyslexique est aussi plus agréable pour un cadre débordé qui scanne votre page en diagonale entre deux réunions. L’accessibilité cognitive, c’est simplement communiquer avec soin et respect pour vos lecteurs.

Le header, ou en-tête, est la zone qui s’affiche tout en haut de chaque page de votre site. C’est le premier élément que voient vos visiteurs, et il est présent en permanence quelle que soit la page consultée. On y trouve presque toujours votre logo, le menu de navigation principal, et parfois un bouton d’appel à l’action, un numéro de téléphone ou un accès à votre espace client. Son rôle est double : identifier immédiatement votre marque et permettre à l’utilisateur de se repérer sur votre site.

Le header est l’un des éléments les plus stratégiques d’un site, justement parce qu’il est visible partout. Les liens de navigation qu’il contient ont un impact fort sur le maillage interne et donc sur le référencement naturel. Il existe deux grandes variantes : le header fixe (qui reste visible en haut de l’écran même quand on fait défiler la page) et le header statique (qui disparaît au scroll). Le header fixe améliore l’expérience utilisateur, surtout sur mobile, mais doit rester discret pour ne pas empiéter sur le contenu.

L’hébergement web, c’est le service qui rend votre site accessible sur internet 24h/24. Concrètement, vos fichiers (pages, images, vidéos, base de données) sont stockés sur un serveur informatique connecté en permanence au réseau. Quand quelqu’un tape votre adresse dans son navigateur, c’est ce serveur qui lui envoie votre site. Sans hébergement, votre site n’existe pas en ligne, même s’il est parfaitement conçu.

Il existe plusieurs formules : l’hébergement mutualisé (votre site partage un serveur avec d’autres, économique mais limité), le serveur dédié (un serveur rien que pour vous, plus puissant et plus coûteux), et le cloud (flexible, scalable, de plus en plus utilisé). Le choix dépend du volume de trafic attendu, des besoins techniques de votre site et de votre budget. Un hébergement trop lent ou peu fiable pénalise directement votre référencement naturel : Google tient compte de la vitesse de chargement et du taux de disponibilité de votre site dans son classement.

Le hero, ou zone héro, est la grande section visuelle qui occupe le haut d’une page web, juste en dessous du header. C’est la toute première chose que votre visiteur voit avant de faire défiler la page. Il contient généralement une accroche forte, une courte description de ce que vous faites, un visuel marquant (photo, illustration, vidéo) et un ou plusieurs boutons d’appel à l’action. En quelques secondes, il doit répondre à la question que se pose chaque visiteur qui arrive sur votre site : « Suis-je au bon endroit ? »

Le hero est probablement la zone la plus importante de votre site en termes d’impact. Les études de comportement montrent que la majorité des visiteurs ne descendent pas en dessous de la ligne de flottaison si le hero ne les accroche pas. Côté SEO, la balise H1 que l’on place dans cette zone envoie un signal fort à Google sur le sujet principal de la page. Travailler son hero, c’est travailler à la fois pour vos visiteurs et pour votre référencement.

La hiérarchie visuelle, c’est l’art d’organiser les éléments d’une page de façon à guider naturellement l’oeil de votre visiteur vers ce qui est le plus important, avant ce qui est secondaire, avant ce qui est accessoire. Elle se construit principalement avec la taille (un grand titre attire plus qu’un petit), le contraste (un texte foncé sur fond clair ressort davantage), la couleur (un bouton coloré se détache d’une zone neutre), le poids typographique et les espaces blancs. Une bonne hiérarchie visuelle fait qu’on comprend une page sans avoir à tout lire.

La hiérarchie visuelle est l’un des fondements du webdesign efficace, et c’est souvent là que se jouent les différences entre un site qui convertit et un site qui se contente d’exister. Sur votre page d’accueil, votre accroche principale doit être la chose la plus visible. Votre CTA principal doit se démarquer clairement du reste. Vos informations secondaires doivent soutenir sans concurrencer. En pratique, un outil simple pour tester votre hiérarchie : flouter mentalement votre page. Les éléments qui restent lisibles dans ce flou sont ceux qui ont le plus de poids visuel.

La home page, ou page d’accueil, est la page principale de votre site web. C’est celle qui s’affiche quand quelqu’un tape votre nom de domaine dans son navigateur, et souvent la page la plus visitée de votre site. Elle a un rôle d’orientation : en quelques secondes, elle doit donner envie d’aller plus loin, comprendre ce que vous faites, pour qui, et comment vous contacter ou passer à l’action. C’est la vitrine de votre entreprise sur internet.

Contrairement à ce qu’on pourrait croire, la home page n’est pas toujours la meilleure page pour le référencement naturel. Google peut faire atterrir vos visiteurs directement sur une page de service, un article de blog ou une fiche produit, selon ce qu’ils ont cherché. La home page a surtout une force de notoriété et de réassurance. C’est pourquoi elle doit être pensée autant pour un visiteur qui découvre votre entreprise pour la première fois que pour celui qui revient valider son choix avant de vous contacter.

Le hover, ou survol, désigne l’effet visuel qui se produit lorsqu’on passe le curseur de la souris sur un élément d’une page web sans cliquer dessus. Un bouton qui change de couleur, un lien qui se souligne, une image qui s’assombrit légèrement, une carte qui s’élève… Ce sont tous des effets de hover. Ils jouent un rôle important dans l’expérience utilisateur : ils signalent que l’élément est cliquable et invitent à l’interaction.

Le hover est défini en CSS et n’existe que sur les appareils équipés d’une souris. Sur mobile et tablette, où l’on navigue avec les doigts, il n’y a pas de survol. C’est un point à bien anticiper lors de la conception : un menu déroulant qui s’active uniquement au hover est inaccessible sur smartphone. Un bon design prévoit toujours une alternative tactile pour les interactions pensées initialement au survol.

Le HTML est le langage qui structure le contenu de toutes les pages web. C’est lui qui indique au navigateur ce qu’est chaque élément : voici un titre, voici un paragraphe, voici une image, voici un lien. Il fonctionne avec des balises, des étiquettes invisibles qui encadrent chaque contenu pour lui donner un sens et une hiérarchie. Le HTML ne s’occupe pas de l’apparence visuelle (c’est le rôle du CSS), mais de la structure et du sens.

Le HTML est la fondation sur laquelle repose votre référencement naturel. Google lit votre site exactement comme il est structuré en HTML : il cherche votre titre principal dans la balise H1, vos sous-titres dans les H2 et H3, la description de vos images dans les balises « alt »… Un HTML bien écrit, c’est un site que Google comprend facilement, ce qui est le premier prérequis d’un bon référencement. C’est invisible pour vos visiteurs, mais fondamental pour votre visibilité en ligne.

Le HTTP (HyperText Transfer Protocol) est le protocole de communication de base du web. C’est lui qui définit comment votre navigateur demande une page à un serveur, et comment ce serveur lui répond en renvoyant le contenu. Chaque fois que vous tapez une adresse dans votre barre de navigation et appuyez sur Entrée, c’est HTTP qui orchestre cet échange. Sans lui, internet tel qu’on le connaît n’existerait pas : c’est littéralement le langage commun qui permet aux machines de se parler.

Le problème de l’HTTP « classique », c’est que les données qu’il transporte voyagent en clair, sans chiffrement. N’importe qui capable d’intercepter la connexion entre votre navigateur et le serveur peut lire ce qui s’échange : formulaires remplis, données saisies, informations personnelles… C’est pourquoi l’HTTP seul est aujourd’hui considéré comme insuffisant pour tout site qui collecte la moindre information sur ses visiteurs. Il a été progressivement remplacé par son successeur sécurisé, l’HTTPS, qui ajoute une couche de chiffrement indispensable. Si l’adresse de votre site commence encore par « https:// », c’est une situation à corriger sans attendre.

Le HTTPS (HyperText Transfer Protocol Secure) est la version sécurisée du HTTP. Il ajoute une couche de chiffrement via un certificat SSL/TLS qui rend illisibles les données échangées entre votre visiteur et votre serveur, même si quelqu’un parvient à les intercepter. C’est ce qui explique le cadenas affiché dans la barre d’adresse du navigateur, et la présence de « https:// » au début de votre URL. Toute information saisie sur votre site (formulaire de contact, identifiant, numéro de carte bancaire) est ainsi protégée pendant son transit.

Passer en HTTPS n’est plus une option depuis longtemps. Google en a fait un critère de classement officiel dès 2014, et les navigateurs modernes affichent aujourd’hui un avertissement « Site non sécurisé » en rouge sur les pages encore en HTTP, ce qui suffit à faire fuir une bonne partie des visiteurs avant même qu’ils aient lu une seule ligne. Sur le plan légal, le RGPD impose de sécuriser les données personnelles collectées : l’absence de HTTPS est un manquement direct à cette obligation. La bonne nouvelle, c’est que les certificats SSL sont désormais gratuits chez la quasi-totalité des hébergeurs via Let’s Encrypt. Il n’y a plus aucune raison valable de rester en HTTP.

Une icône est un petit symbole graphique qui représente une action, un concept ou une catégorie de façon visuelle et universelle. Sur un site web, on les retrouve partout : une loupe pour la recherche, une enveloppe pour le contact, un panier pour les achats, des flèches pour la navigation… Elles permettent de communiquer rapidement une information sans passer par les mots, ce qui allège visuellement les interfaces et guide instinctivement l’utilisateur.

Une icône efficace, c’est une icône que l’on comprend sans légende. Quand ce n’est pas le cas, mieux vaut l’accompagner d’un mot. Sur le web, les icônes sont aujourd’hui presque toujours vectorielles (format SVG), ce qui leur permet de s’afficher parfaitement sur tous les écrans, des téléphones aux grands moniteurs. Elles s’intègrent aussi naturellement dans un design system pour garantir une cohérence visuelle sur l’ensemble du site.

L’identité visuelle est l’ensemble des éléments graphiques qui permettent de reconnaître votre entreprise au premier coup d’oeil, sur n’importe quel support. Elle comprend votre logo et ses déclinaisons, votre palette de couleurs, vos typographies, votre style d’icônes et de pictogrammes, et votre façon de traiter les photographies et les illustrations. C’est la traduction visuelle de ce que vous êtes et de ce que vous voulez que les gens ressentent en voyant votre marque. Une identité visuelle forte, c’est une identité reconnaissable immédiatement, même sans voir le nom de l’entreprise.

L’identité visuelle n’est pas un logo. C’est un système. Un logo isolé, sans couleurs définies, sans typographies associées, sans règles d’utilisation, c’est un point de départ, pas une identité. La confusion entre les deux est fréquente, et elle coûte cher à ceux qui la font : chaque nouveau support devient une improvisation, chaque prestataire interprète à sa façon, et la cohérence s’effiloche à mesure que l’entreprise grandit. Une charte graphique bien documentée est ce qui transforme un logo en véritable identité, capable de s’appliquer avec cohérence sur un site web, des cartes de visite, des réseaux sociaux ou une signalétique.

L’impression offset est le procédé d’impression industriel le plus répandu pour les grands tirages. Il fonctionne par transfert : l’encre est d’abord appliquée sur une plaque métallique gravée, puis transférée sur un blanchet en caoutchouc, qui l’imprime enfin sur le papier. Ce système indirect, qui donne son nom à la technique (« offset » signifie « décalé » en anglais), permet une qualité d’impression très fine, une reproduction fidèle des couleurs et une grande régularité sur l’ensemble du tirage, qu’il s’agisse de 500 ou de 50 000 exemplaires.

L’offset fonctionne selon une logique d’économie d’échelle : le coût de fabrication des plaques est fixe, il est amorti sur l’ensemble du tirage. Plus on imprime d’exemplaires, plus le coût unitaire baisse. C’est le procédé idéal pour les catalogues, les brochures, les flyers en grande quantité ou les journaux. Pour de petites séries (moins de 200 exemplaires), l’impression numérique est généralement plus économique, avec une qualité aujourd’hui très comparable. Votre imprimeur ou votre agence peut vous conseiller sur le seuil de rentabilité selon votre projet.

Le JavaScript, souvent abrégé JS, est le langage de programmation qui donne vie à votre site web. Là où le HTML structure le contenu et le CSS le met en forme, le JavaScript le rend interactif : menu qui s’ouvre au clic, formulaire qui se valide en temps réel, carrousel d’images, carte interactive, contenu qui se charge sans recharger la page… Presque tout ce qui « bouge » ou « réagit » sur un site web est piloté par du JavaScript.

Du point de vue SEO, le JavaScript mérite une attention particulière. Un site trop dépendant du JS peut poser des problèmes d’indexation : Google doit « exécuter » le JavaScript pour voir le contenu, ce qui est plus lent et moins fiable que de lire du HTML statique. Un site bien développé trouve le bon équilibre entre interactivité et lisibilité pour les moteurs de recherche. C’est l’un des points techniques que nous vérifions systématiquement lors d’un audit de site.

Le JSON est un format de structuration de données très répandu sur le web. Il permet d’organiser et d’échanger des informations de façon lisible à la fois par les humains et par les machines. En pratique, vos visiteurs ne le voient jamais directement, mais il est présent partout en coulisses : quand votre site affiche une liste de produits, récupère des avis clients ou communique avec un service tiers, il y a de grandes chances que des données JSON transitent.

En SEO, le JSON a une application très concrète et importante : le format JSON-LD est la méthode recommandée par Google pour intégrer des données structurées Schema.org dans vos pages. C’est ce petit bloc de code invisible qui indique à Google « cette page est une FAQ », « cet article a été écrit par untel », « ce produit coûte X euros ». Résultat : des résultats enrichis dans Google, plus visibles et plus cliqués que les résultats classiques.

Le JPEG (ou JPG) est l’un des formats d’image les plus répandus sur le web. C’est un format matriciel, c’est-à-dire composé de pixels, et sa grande force est sa compression : il réduit significativement le poids d’une image en acceptant une légère perte de qualité, quasiment invisible à l’oeil nu pour les photos. C’est le format de référence pour toutes les images photographiques : portraits, ambiances, reportages, visuels de produits. Il ne supporte pas la transparence, ce qui le rend inutilisable pour les logos ou les éléments graphiques à fond transparent.

Le JPEG est un format à « compression destructive » : chaque fois qu’on enregistre un fichier JPEG après modification, on perd un peu de qualité. Sur le web, ça ne pose pas de problème tant qu’on part d’un fichier original de bonne qualité et qu’on exporte une seule fois pour la mise en ligne. Le niveau de compression est réglable : trop fort, l’image devient floue et pixellisée ; trop faible, le fichier est lourd et ralentit votre site. Pour les photos sur le web, le format WebP offre aujourd’hui une meilleure compression à qualité équivalente, et tend à remplacer le JPEG dans les bonnes pratiques d’optimisation des médias.

Un KPI, ou indicateur clé de performance, c’est la mesure que vous choisissez pour savoir si vos actions produisent les résultats attendus. Sur un site web, les KPI peuvent être très variés selon votre objectif : nombre de demandes de devis reçues, taux de conversion d’une page, temps moyen passé sur le site, nombre d’appels générés, coût par lead en campagne publicitaire… Ce n’est pas une liste figée, c’est un choix stratégique propre à chaque entreprise et à chaque étape de son développement.

Le piège classique, c’est de suivre des dizaines de chiffres sans savoir lesquels pilotent vraiment votre activité. Avoir beaucoup de visiteurs, c’est bien. Avoir des visiteurs qui demandent un devis, c’est mieux. Définir vos KPI avant de lancer un projet, c’est ce qui nous permet d’évaluer ensemble si le travail produit des effets concrets, et d’ajuster le tir si nécessaire. Un bon prestataire vous parle de KPI dès le brief, pas seulement dans le rapport de fin de mission.

Un keyword, ou mot-clé, c’est le terme ou l’expression qu’un internaute tape dans Google pour trouver ce qu’il cherche. « Architecte intérieur Lyon », « comment choisir un prestataire web », « devis site vitrine PME »… chacune de ces requêtes est un mot-clé. En SEO, l’enjeu est d’identifier les mots-clés que tape votre clientèle cible, et de produire des contenus qui y répondent mieux que vos concurrents, pour apparaître en haut des résultats.

Un mot-clé ne se choisit pas au feeling. Il se choisit en croisant trois critères : le volume de recherche mensuel (combien de personnes tapent ce terme), la concurrence (combien de sites cherchent à se positionner dessus) et l’intention de recherche (est-ce que la personne qui tape ce mot est prête à acheter, ou juste en train de se renseigner ?). Les mots-clés de longue traîne, c’est-à-dire les expressions plus longues et plus précises, sont souvent plus faciles à conquérir et attirent des visiteurs mieux qualifiés que les termes génériques très concurrentiels.

Une landing page, ou page d’atterrissage, est une page web conçue avec un seul objectif en tête : pousser le visiteur à faire une action précise. Télécharger un guide, s’inscrire à un webinaire, demander une démonstration, acheter un produit… Contrairement à votre site dans son ensemble qui présente plusieurs services et plusieurs chemins possibles, la landing page est volontairement épurée, sans menu de navigation, sans distraction. Elle guide le visiteur vers un unique CTA.

Les landing pages sont particulièrement utilisées dans les campagnes publicitaires (Google Ads, Meta Ads) et les campagnes email. L’idée, c’est que quelqu’un qui clique sur une publicité pour « télécharger votre guide gratuit » doit arriver sur une page dédiée à ce guide, pas sur votre page d’accueil générale où il va se perdre. Une bonne landing page peut doubler, voire tripler le taux de conversion d’une campagne à budget identique. C’est souvent l’investissement le plus rentable qu’on puisse conseiller à un annonceur.

L’arborescence d’un site web, c’est son plan d’organisation : la façon dont toutes les pages sont rangées et hiérarchisées les unes par rapport aux autres. Elle définit quelles pages sont accessibles depuis l’accueil, quelles sous-pages dépendent de quelles rubriques, et comment un visiteur peut naviguer d’un point à un autre. On la représente souvent sous forme d’arbre, avec la page d’accueil en racine et les différentes sections qui se ramifient.

L’arborescence est l’une des premières choses que nous construisons ensemble avant même de toucher au design. Et pour une bonne raison : une structure mal pensée, c’est à la fois une mauvaise expérience pour vos visiteurs et un frein réel pour Google. Les moteurs de recherche explorent votre site en suivant les liens de page en page. Si une page importante est trop profondément enfouie dans la hiérarchie, elle sera moins bien indexée et moins bien positionnée, même si son contenu est excellent. Une arborescence bien conçue, c’est un investissement qui facilite tout le reste.

Le LCP (Largest Contentful Paint) mesure le temps qui s’écoule entre le début du chargement d’une page et le moment où son élément visuel le plus grand est affiché à l’écran : le plus souvent l’image hero, le titre principal ou un grand bloc de texte. C’est le premier des trois Core Web Vitals définis par Google, et celui qui reflète le plus fidèlement la perception qu’a un visiteur de la vitesse de votre site. En clair : combien de temps avant de voir quelque chose d’utile ?

Google considère qu’un LCP inférieur à 2,5 secondes est bon, entre 2,5 et 4 secondes il est à améliorer, au-delà de 4 secondes il est mauvais. Les principales causes d’un mauvais LCP sont une image hero non optimisée, un serveur lent à répondre, ou des scripts bloquants qui retardent l’affichage. C’est souvent le score le plus facile à améliorer : convertir l’image hero en WebP, la précharger correctement et choisir un hébergement performant suffisent dans la majorité des cas à passer dans le vert.

Un lead est un contact qui a manifesté un intérêt concret pour votre offre en réalisant une action identifiable : remplir un formulaire de contact, appeler votre numéro, télécharger un document, s’inscrire à une démonstration… Contrairement à un simple visiteur anonyme qui consulte votre site sans laisser de trace, le lead a franchi un seuil : il a levé la main. Il n’est pas encore client, mais il est entré dans votre processus commercial et peut être recontacté.

La génération de leads (lead generation) est souvent l’objectif principal d’un site web en B2B ou pour les services. Tout le travail de SEO, de contenu, d’UX et de CTA converge vers ce moment où un visiteur anonyme devient un contact identifié. La qualité d’un lead varie beaucoup : un lead « chaud » qui a demandé un devis précis est bien différent d’un lead « froid » qui a juste téléchargé un guide gratuit. Distinguer ces niveaux d’intention vous permet de prioriser vos relances commerciales et de mesurer réellement ce que votre site web vous rapporte. Un formulaire de contact rempli, c’est mesurable. Une visite anonyme, beaucoup moins.

Un lecteur d’écran est un logiciel d’assistance qui analyse le contenu d’un écran et le restitue à voix haute, ou via un afficheur braille, à l’intention des personnes malvoyantes ou aveugles. Sur un site web, il lit les titres, les paragraphes, les liens, les boutons et les images (via leur texte alternatif), en suivant la structure du code HTML. L’utilisateur navigue à l’aide du clavier, en sautant de titre en titre, de lien en lien, sans jamais voir la page. NVDA et JAWS sur Windows, VoiceOver sur macOS et iOS sont les lecteurs d’écran les plus répandus.

Un site mal structuré est tout simplement inutilisable pour quelqu’un qui navigue au lecteur d’écran. Si vos images n’ont pas de texte alternatif, elles sont annoncées « image sans description ». Si vos boutons ne portent pas de label, ils sont lus « bouton ». Si votre menu s’ouvre en JavaScript sans balisage ARIA, il est invisible à la navigation clavier. Ces lacunes ne demandent pas de refaire le site depuis zéro, mais elles exigent d’y penser dès la conception. Tester son site avec VoiceOver (natif sur Mac et iPhone, sans installation) est l’une des façons les plus révélatrices de mesurer l’état réel de l’accessibilité d’un site.

Un lien, c’est ce qui connecte les pages entre elles sur internet. Sur votre site, on distingue deux grandes familles. Les liens internes sont ceux qui pointent d’une page de votre site vers une autre page du même site : ils guident vos visiteurs dans leur parcours et indiquent à Google quelles pages sont importantes. Les liens externes, eux, pointent vers d’autres sites ou en proviennent. Quand un autre site reconnu fait un lien vers le vôtre, c’est un signal de confiance très fort pour Google, qu’on appelle backlink.

Le maillage interne est souvent le levier SEO le plus sous-exploité par les petites entreprises. Simplement relier intelligemment vos pages de services entre elles, vos articles de blog à vos pages produits, vos définitions de lexique à vos prestations, peut significativement améliorer votre positionnement sans produire un seul nouveau contenu. Les backlinks, eux, prennent plus de temps à construire mais ont un impact déterminant sur l’autorité de votre domaine. Quantité et qualité ne sont pas synonymes : un lien depuis un site sérieux de votre secteur vaut cent fois un lien depuis un annuaire générique.

La maquette web est la représentation visuelle de votre futur site, créée avant tout développement. C’est une image statique, fidèle au rendu final, qui montre exactement à quoi ressemblera chaque page : la disposition des blocs, les couleurs, les typographies, les images, les boutons. Elle vous permet de visualiser et de valider les choix graphiques et éditoriaux avant que la moindre ligne de code ne soit écrite, ce qui évite des allers-retours coûteux en phase de développement.

On distingue souvent trois niveaux dans le processus de conception. Le wireframe est la version épurée, en niveaux de gris, qui valide la structure et l’organisation des contenus. La maquette ajoute l’identité visuelle complète. Le prototype, lui, simule les interactions et la navigation. En pratique, pour des projets de taille raisonnable, on passe souvent directement du wireframe à la maquette. Aujourd’hui, la quasi-totalité des maquettes sont créées sur Figma, ce qui vous permet de les commenter directement en ligne.

Le mail, ou courrier électronique, est un message envoyé d’une adresse email à une autre via internet. Dans le contexte d’une entreprise et de sa communication digitale, le mot « mail » recouvre en réalité plusieurs réalités très différentes : l’adresse email professionnelle associée à votre nom de domaine (contact@votreentreprise.fr), les emails transactionnels automatisés envoyés par votre site (confirmation de commande, réinitialisation de mot de passe), et les campagnes d’email marketing envoyées à votre base de contacts pour fidéliser ou convertir.

Avoir une adresse email sur votre propre nom de domaine est un minimum absolu pour votre crédibilité professionnelle. Un email en @gmail.com ou @orange.fr pour une entreprise, c’est le même effet qu’une carte de visite imprimée à la main. L’email marketing, lui, reste l’un des canaux de communication digitale avec le meilleur retour sur investissement, à condition de travailler la qualité de votre liste de contacts, l’objet du mail et la pertinence du contenu envoyé. Volume ne rime pas avec efficacité ici non plus.

Les mentions légales sont les informations qu’un site web est légalement tenu d’afficher en France, conformément à la loi pour la confiance dans l’économie numérique (LCEN) de 2004. Elles permettent d’identifier clairement qui est derrière le site : le nom et les coordonnées de l’éditeur (personne physique ou morale), son numéro de SIRET ou d’immatriculation, le nom du directeur de la publication, et les coordonnées de l’hébergeur du site. Pour les professionnels et les entreprises, des informations supplémentaires peuvent être requises selon l’activité (numéro de TVA, nom de l’assurance, autorité de tutelle…).

L’absence de mentions légales ou leur incomplétude est une infraction passible d’une amende. C’est aussi l’une des premières choses que vérifie un client ou un partenaire commercial qui veut s’assurer qu’il a bien affaire à une structure sérieuse. Les mentions légales ne sont pas la même chose que la politique de confidentialité (qui traite de la collecte de données personnelles dans le cadre du RGPD) ni que les CGV (qui encadrent les conditions commerciales). Ces trois documents sont distincts et complémentaires. Un site web professionnel doit avoir les trois, accessibles depuis toutes les pages, généralement via le footer.

La meta description est ce court texte de deux à trois lignes qui apparaît sous le titre de votre page dans les résultats Google. Elle ne s’affiche pas sur votre site lui-même, mais dans les moteurs de recherche, juste en dessous du lien cliquable. Son rôle est de donner envie de cliquer : c’est votre accroche publicitaire dans Google, l’argument qui va convaincre un internaute de choisir votre site plutôt que celui du concurrent juste en dessous.

Petite précision importante que beaucoup ignorent : la meta description n’a aucun impact direct sur votre classement dans Google. Ce n’est pas un critère de positionnement. En revanche, elle influence fortement le taux de clics sur vos résultats, ce qui a indirectement un effet sur votre référencement. Google se réserve aussi le droit de l’ignorer et d’afficher un extrait de votre contenu à sa place, notamment quand il juge que votre meta description ne correspond pas bien à la requête tapée. Raison de plus pour soigner aussi le contenu réel de vos pages, pas seulement les balises.

Les microdonnées sont des balises insérées directement dans le code HTML de votre site pour donner à Google des informations supplémentaires sur votre contenu. Elles lui permettent de comprendre non seulement ce que dit votre page, mais ce que signifie chaque élément : voici un avis client avec une note de 4 étoiles sur 5, voici un événement qui se déroule le 12 juin à Lyon, voici un produit qui coûte 49 euros et qui est en stock. Ces informations enrichissent votre affichage dans les résultats de recherche, souvent avec des étoiles, des prix ou des dates visibles directement dans Google.

Les microdonnées font partie de la famille plus large des données structurées, avec le format JSON-LD qui est aujourd’hui recommandé par Google. Concrètement, les deux servent le même objectif, mais JSON-LD est plus simple à intégrer et à maintenir car il est séparé du contenu visible. Si vous entendez parler de Schema.org, c’est le vocabulaire commun utilisé dans les deux cas pour nommer les types de données. L’impact en termes de visibilité peut être significatif : des étoiles ou un prix dans un résultat Google, ça capte l’oeil bien plus qu’un simple lien bleu.

Un mockup est une mise en situation réaliste d’un visuel ou d’un document graphique dans son contexte d’utilisation final. Plutôt que de présenter un logo sur fond blanc ou une affiche à plat sur un fond gris, le mockup le place dans un environnement crédible : le logo appliqué sur une carte de visite posée sur un bureau, la charte graphique déclinée sur un tote bag, la maquette du site affichée sur l’écran d’un MacBook, le packaging du produit photographié en situation. L’objectif est de permettre au client de visualiser le rendu réel avant que rien ne soit imprimé ni développé.

Le mockup se distingue de la maquette graphique : la maquette montre comment quelque chose est conçu, le mockup montre comment il sera perçu une fois dans le monde réel. C’est un outil de validation et de présentation précieux, particulièrement lors des étapes de validation d’une identité visuelle ou d’une déclinaison de supports. Un client qui hésite sur un logo présenté à plat sera souvent convaincu ou rassuré en le voyant appliqué sur ses futurs supports via un mockup bien choisi. Ce n’est pas de la tromperie, c’est de la projection, et la projection aide à prendre de bonnes décisions.

Le mobile first est une approche de conception qui consiste à imaginer et concevoir votre site pour les écrans de smartphone en priorité, avant de l’adapter aux tablettes et aux ordinateurs. C’est l’inverse de ce qui se faisait historiquement, quand on concevait d’abord pour grand écran et qu’on « rétrécissait » ensuite le résultat pour mobile. Cette inversion de logique s’est imposée parce que, aujourd’hui, plus de 60 % du trafic web mondial se fait depuis un téléphone.

Ce n’est pas qu’une question de confort pour vos visiteurs. Depuis 2019, Google indexe les sites en priorité depuis leur version mobile, ce qu’on appelle le Mobile-First Indexing. En clair, c’est la version mobile de votre site que Google analyse en premier pour décider de son classement, pas la version desktop. Un site qui n’est pas pensé pour mobile pénalise donc directement votre référencement, quelle que soit la qualité de sa version bureau. Lors de la conception ou de la refonte de votre site, c’est une contrainte que nous intégrons dès les premières maquettes.

Un module, aussi appelé bloc ou composant, est une section indépendante et réutilisable d’une page web. Un bandeau avec une accroche et un bouton, une grille de témoignages clients, un carrousel d’images, une section tarifs en trois colonnes… chacun de ces éléments est un module. La logique modulaire, c’est de construire vos pages comme un empilement de briques que vous pouvez combiner, déplacer ou réutiliser d’une page à l’autre selon vos besoins.

Cette approche a un impact direct sur votre autonomie au quotidien. Dans un CMS moderne, vous pouvez souvent ajouter, supprimer ou réorganiser des modules sans faire appel à un développeur. C’est aussi ce qui garantit la cohérence visuelle de votre site : chaque module a été conçu une fois dans le respect de votre charte graphique, et vous ne pouvez pas « casser » le design en l’utilisant. Dans les projets plus ambitieux, l’ensemble des modules disponibles est documenté dans le design system.

Un moodboard, ou planche d’ambiance, est un assemblage visuel de références : photos, couleurs, typographies, textures, extraits de sites ou de campagnes graphiques. Il ne montre pas encore votre futur site ou vos futures créations, mais l’univers visuel dans lequel ils vont s’inscrire. C’est l’outil qu’on utilise en début de projet pour s’aligner sur une direction artistique avant de produire quoi que ce soit, et éviter la situation classique où le client reçoit une première version graphique qui ne ressemble pas du tout à ce qu’il imaginait.

Le moodboard est une étape précieuse justement parce qu’il est rapide à produire et facile à critiquer. Dire « cette photo est trop froide » ou « cette typographie fait trop institutionnel » à ce stade ne coûte rien. Dire la même chose une fois la maquette finalisée, c’est une autre affaire. C’est aussi un excellent exercice pour vous : mettre des mots sur ce que vous aimez et ce que vous ne voulez surtout pas est souvent plus difficile qu’il n’y paraît, et le moodboard structure cette réflexion.

Un mot-clé, c’est le terme ou l’expression qu’une personne tape dans un moteur de recherche pour trouver une réponse à sa question ou une solution à son problème. « Agence web Nantes », « comment créer un logo professionnel », « refonte site e-commerce PME »… chacune de ces requêtes est un mot-clé. En SEO, l’enjeu est d’identifier précisément les mots-clés que tape votre clientèle cible, puis de créer des contenus qui y répondent mieux que vos concurrents pour apparaître en tête des résultats. Voir aussi : Keyword, la version anglaise du terme, souvent utilisée dans les outils et rapports SEO.

Un bon mot-clé se choisit en croisant trois critères : le volume de recherche mensuel (combien de personnes tapent cette expression), la concurrence (combien de sites cherchent à se positionner dessus) et l’intention de recherche (la personne qui tape ce mot est-elle prête à acheter, ou juste en train de se renseigner ?). Les mots-clés de longue traîne, c’est-à-dire les expressions plus longues et spécifiques comme « quel format de logo pour mon site web », sont souvent plus faciles à conquérir et attirent des visiteurs bien mieux qualifiés que les termes génériques ultra-concurrentiels.

Le motion design, ou design en mouvement, est la discipline qui consiste à donner vie à des éléments graphiques par l’animation. Logos animés, vidéos explicatives, transitions entre les sections d’un site, icônes qui réagissent au survol, génériques de présentation, infographies animées… le motion design est partout où le graphisme statique laisse place au mouvement pour expliquer, attirer l’attention ou renforcer l’identité d’une marque. C’est le point de rencontre entre le design graphique et l’animation.

Sur le web, le motion design est un levier puissant mais à manier avec mesure. Une animation bien placée capte l’attention et renforce la mémorisation : un logo qui s’anime à l’ouverture d’une page, un chiffre clé qui se déroule au scroll, une icône qui confirme visuellement une action. Trop d’animations, c’est l’effet inverse : distraction, inconfort, et souvent un poids de page alourdi qui nuit à la performance web. Le motion design doit servir le message, pas le masquer. Il doit aussi être pensé pour les personnes sensibles aux animations (épilepsie, troubles vestibulaires) : le RGAA recommande de permettre à l’utilisateur de réduire ou désactiver les animations, ce qui est possible via la règle CSS `prefers-reduced-motion`.

Un navigateur web est le logiciel que vous utilisez pour accéder à internet et afficher des sites web. Chrome, Firefox, Safari, Edge… ce sont tous des navigateurs. Leur rôle, c’est de lire le code de votre site (le HTML, le CSS, le JavaScript) et de le transformer en page visuelle compréhensible pour vos visiteurs. Sans navigateur, le code d’un site ne serait qu’une longue suite de texte et de balises illisibles.

Ce qui compte pour vous en tant que propriétaire de site, c’est que votre site fonctionne correctement sur les navigateurs les plus utilisés par votre audience. Chrome représente à lui seul plus de 60 % du marché, mais Safari est dominant sur iPhone et Mac, ce qui est loin d’être négligeable. Un site qui s’affiche parfaitement sur Chrome mais mal sur Safari, c’est une partie de votre clientèle potentielle qui repart. Les tests de compatibilité multi-navigateurs font partie intégrante de notre processus de livraison.

La navigation clavier désigne la capacité à parcourir et utiliser un site web uniquement avec le clavier, sans souris ni écran tactile. En appuyant sur la touche Tab pour passer d’un élément à l’autre, Entrée pour activer un lien ou un bouton, et les flèches pour naviguer dans certains composants, un utilisateur doit pouvoir accéder à toutes les fonctionnalités de votre site. C’est une exigence fondamentale de l’accessibilité numérique, utilisée par les personnes en situation de handicap moteur, mais aussi par des millions d’utilisateurs avancés qui préfèrent le clavier à la souris.

En France, les obligations d’accessibilité numérique s’étendent progressivement à davantage d’entreprises privées. Au-delà de l’aspect légal, un site accessible est un site mieux structuré, plus lisible pour les moteurs de recherche, et plus agréable à utiliser pour tout le monde. La navigation clavier est l’un des critères du RGAA (Référentiel Général d’Amélioration de l’Accessibilité). C’est un point que nous vérifions systématiquement et qui s’anticipe dès la phase de conception, pas en fin de projet.

Le netlinking, c’est l’ensemble des actions menées pour obtenir des liens entrants (backlinks) depuis d’autres sites vers le vôtre. Dans la logique de Google, un lien pointant vers votre site depuis une source reconnue équivaut à une recommandation : plus vous en recevez de sites de qualité et pertinents dans votre secteur, plus Google considère votre site comme une référence dans son domaine, et plus il le valorise dans ses résultats. C’est l’un des piliers du SEO dit « off-site », c’est-à-dire ce qui se passe en dehors de votre site pour influencer son positionnement.

Le sujet mérite d’être abordé avec honnêteté : il existe des pratiques de netlinking « grises » ou « noires » qui cherchent à tromper Google en achetant des liens en masse sur de faux annuaires ou des réseaux de sites artificiels. Ces techniques peuvent produire des effets à court terme, mais Google les détecte de mieux en mieux et peut pénaliser lourdement les sites concernés. Une stratégie de netlinking saine, c’est du travail de longue haleine : partenariats éditoriaux, articles invités sur des médias de votre secteur, relations presse digitales, création de contenus si utiles qu’on les cite naturellement. Moins spectaculaire, mais bien plus durable.

Une newsletter, c’est un email envoyé régulièrement à une liste de contacts qui ont choisi de s’y abonner. Elle peut prendre beaucoup de formes selon votre activité : partage d’articles de blog, actualités de votre entreprise, offres promotionnelles, conseils pratiques pour vos clients, veille de votre secteur… L’idée centrale, c’est la régularité et le consentement. Vos abonnés ont explicitement dit « oui, je veux recevoir vos emails », ce qui en fait un canal de communication bien plus qualitatif que la publicité classique.

On entend souvent dire que « l’email, c’est mort ». C’est faux. L’email marketing affiche encore aujourd’hui l’un des meilleurs retours sur investissement de tous les canaux digitaux, à condition de soigner trois choses : la qualité de votre liste (mieux vaut 500 abonnés vraiment intéressés que 5 000 contacts achetés), l’objet de l’email (c’est lui qui décide si on ouvre ou non), et la régularité (disparaître pendant six mois puis envoyer en masse, c’est le meilleur moyen d’atterrir dans les spams).

Le no-code désigne un ensemble d’outils et de plateformes qui permettent de créer des sites web, des applications ou des automatisations sans écrire une seule ligne de code, en manipulant des interfaces visuelles et des blocs préconfigurés. Webflow, Wix, Squarespace, Bubble, Zapier… ces outils ont démocratisé la création numérique en mettant entre les mains de non-développeurs des capacités qui nécessitaient autrefois des mois de développement. Un formulaire connecté à un tableau de suivi, une boutique en ligne complète, un site vitrine animé : tout ça est aujourd’hui faisable sans toucher au code.

Le no-code est une réalité utile, mais il faut en connaître les limites avant de s’y engager. Ces plateformes sont souvent propriétaires : vous construisez votre site dans un écosystème fermé, et migrer ailleurs si la plateforme change de politique tarifaire ou ferme peut s’avérer très coûteux. Les possibilités de personnalisation sont plafonnées par ce que l’outil autorise. Et les performances ne sont pas toujours au rendez-vous sur les sites complexes. Pour un projet simple avec un besoin d’autonomie forte et un budget limité, c’est souvent le bon choix. Pour un projet ambitieux appelé à évoluer, un CMS open-source développé sur mesure reste généralement plus solide à long terme.

Le nom de domaine, c’est l’adresse de votre site sur internet : ce que vous tapez dans la barre de votre navigateur pour y accéder. « votreentreprise.fr », « monagence.com », « boutique-chocolats-limoges.fr »… C’est à la fois votre adresse postale sur le web et une composante de votre identité de marque. Il se compose d’un nom (que vous choisissez) et d’une extension (.fr, .com, .io, .shop…). Vous ne possédez pas votre nom de domaine au sens strict, vous le louez chaque année auprès d’un registrar (organisme accrédité pour la vente de noms de domaine).

Quelques conseils de bon sens : choisissez un nom court, mémorisable, facile à épeler à l’oral et sans tirets si possible. Vérifiez que le nom est libre sur les réseaux sociaux en même temps que sur le web. Et surtout, ne laissez jamais expirer votre nom de domaine sans le surveiller : une fois expiré, n’importe qui peut le racheter, et récupérer un nom de domaine pris par quelqu’un d’autre peut coûter très cher. Pensez à activer le renouvellement automatique chez votre registrar.

Un logiciel open-source est un logiciel dont le code source est librement accessible à tous : n’importe qui peut le consulter, le modifier et le redistribuer. Dans le monde du web, l’open-source est omniprésent. WordPress, qui fait tourner plus de 40 % des sites mondiaux, est open-source. Comme Prestashop pour le e-commerce, ou encore des centaines d’outils que les développeurs utilisent au quotidien. L’opposé de l’open-source, c’est le logiciel propriétaire, dont le code est fermé et appartient à une entreprise, comme Shopify ou Squarespace.

Pour vous en tant que client, la distinction a des implications concrètes. Un CMS open-source comme WordPress vous offre une liberté totale et une communauté immense (des milliers de plugins, de thèmes, de développeurs qui le connaissent), mais la sécurité et les mises à jour sont votre responsabilité. Une solution propriétaire gère ça pour vous, en échange d’un abonnement mensuel et d’une dépendance à un seul éditeur. Aucune des deux options n’est universellement meilleure, tout dépend de vos besoins, de votre budget et de votre autonomie technique souhaitée.

L’optimisation des médias, c’est l’ensemble des actions qui permettent de réduire le poids de vos images, vidéos et autres fichiers visuels sur votre site, sans que vos visiteurs ne voient de différence de qualité. Une photo sortie directement d’un appareil photo peut peser 8 à 10 mégaoctets. La même image, correctement optimisée pour le web, peut descendre à 100 ou 200 kilooctets tout en paraissant identique à l’écran. Résultat : votre site se charge bien plus vite, ce qui améliore à la fois l’expérience de vos visiteurs et votre référencement naturel.

Google mesure la vitesse de chargement de vos pages via ses Core Web Vitals (métriques d’expérience utilisateur), et les images non optimisées sont de loin la cause la plus fréquente de mauvais scores. Les bonnes pratiques actuelles incluent l’utilisation du format WebP (plus léger que le JPEG ou le PNG), le chargement différé des images (lazy loading, pour ne charger que ce qui est visible à l’écran) et le redimensionnement des images à leur taille d’affichage réelle. C’est technique, mais c’est automatisable : on le configure une fois, votre site en bénéficie en permanence.

Une page indexée, c’est une page que Google a explorée, analysée et enregistrée dans sa base de données. Seules les pages indexées peuvent apparaître dans les résultats de recherche. Si une page de votre site n’est pas indexée, elle est invisible pour Google, peu importe la qualité de son contenu. L’indexation est donc la condition préalable absolue à tout référencement naturel : avant de parler de positionnement sur des mots-clés, il faut s’assurer que vos pages existent bien aux yeux de Google.

Avoir toutes ses pages indexées n’est pas toujours un objectif en soi. Certaines pages méritent d’être délibérément exclues de l’index : pages de résultats de recherche interne, pages de mentions légales peu pertinentes pour le référencement, pages de connexion ou d’administration. Trop de pages de faible valeur indexées peuvent diluer l’autorité de votre site. On pilote ça avec des directives techniques comme la balise noindex ou le fichier robots.txt. Un audit d’indexation fait souvent remonter des surprises, même sur des sites qu’on croit bien configurés.

Le PageRank est l’algorithme fondateur de Google, conçu à l’origine par Larry Page et Sergey Brin à la fin des années 1990. Son principe de base est simple : une page web est considérée comme importante si d’autres pages importantes font un lien vers elle. Plus vous recevez de liens entrants depuis des sites reconnus et pertinents dans votre domaine, plus votre PageRank est élevé, et plus Google vous accorde de crédit dans ses résultats. C’est la mécanique de fond qui explique pourquoi le netlinking a autant de poids en SEO.

Le PageRank tel qu’il existait au départ, avec un score public affiché de 0 à 10, a été officiellement abandonné par Google en 2016. Mais l’algorithme lui-même continue d’exister en interne, sous une forme bien plus complexe et combinée à des centaines d’autres signaux. Ce que vous voyez aujourd’hui sous des noms comme « Domain Authority » chez Moz ou « Domain Rating » chez Ahrefs, ce sont des tentatives d’approximation de ce score par des outils tiers. Utiles pour comparer des sites entre eux, mais ce ne sont pas des métriques officielles Google. À manipuler avec du recul.

La palette de couleurs est la sélection restreinte de teintes qui définissent l’identité chromatique de votre marque. Elle ne comprend pas toutes les couleurs qu’on pourrait utiliser un jour, mais celles qui sont officiellement les vôtres et qui apparaîtront sur tous vos supports, de votre site web à vos documents imprimés. Une palette bien construite comprend généralement une couleur principale (votre teinte signature), une ou deux couleurs secondaires complémentaires, et des couleurs neutres pour les fonds, les textes et les espacements. Chaque couleur est définie avec précision via ses codes RVB, CMJN et hexadécimal.

Les couleurs ne sont jamais innocentes. Le bleu inspire confiance et sérieux, c’est pour ça qu’il domine dans la banque et la tech. Le vert évoque la nature, la santé, la permission. L’orange crée de l’énergie et de l’enthousiasme. Le noir projette l’élégance et le haut de gamme. Ces associations sont culturellement ancrées et influencent la perception de votre marque avant même que quiconque ait lu une ligne de votre site. Ce n’est pas une raison de choisir ses couleurs uniquement d’après ces codes, mais de les avoir en tête comme un paramètre parmi d’autres. Ce qui compte en dernier lieu, c’est que votre palette soit cohérente, mémorisable et différenciante par rapport à vos concurrents directs.

Pantone est un système de référencement universel des couleurs utilisé dans toute l’industrie graphique. Chaque teinte Pantone porte un code unique (par exemple Pantone 2935 C pour un bleu franc) qui correspond à une encre spécifique, mélangée selon une formule précise. Ce code est compris et reproductible par n’importe quel imprimeur dans le monde, indépendamment des variations d’écran ou de calibration. Pour une marque dont la couleur est un élément identitaire fort, définir sa teinte en Pantone garantit une cohérence absolue sur tous les supports imprimés, quelle que soit l’imprimerie ou le pays.

L’impression Pantone, aussi appelée impression en « tons directs », nécessite une encre spéciale dédiée à cette couleur précise, en plus des quatre encres CMJN habituelles. Cela a un coût supplémentaire et n’est pas toujours justifié pour tous les supports. Pour une petite série de flyers, la reproduction en CMJN est largement suffisante. Pour des cartes de visite haut de gamme, une signalétique ou un emballage produit où la couleur de marque doit être irréprochable, le Pantone fait la différence. C’est une conversation à avoir avec votre graphiste et votre imprimeur dès la phase de devis.

Le parcours utilisateur, c’est le chemin que suit un visiteur sur votre site depuis son arrivée jusqu’à l’action que vous souhaitez qu’il réalise : remplir un formulaire, passer commande, vous appeler. Ce n’est pas le chemin que vous imaginez idéal sur le papier, c’est celui que vos visiteurs empruntent vraiment, avec leurs hésitations, leurs retours en arrière et leurs sorties inattendues. Comprendre ce parcours, c’est comprendre où vous perdez des clients potentiels et pourquoi.

En pratique, on cartographie le parcours utilisateur en combinant les données analytics (quelles pages sont visitées, dans quel ordre, où les gens quittent le site) avec des observations plus qualitatives (tests utilisateurs, enregistrements de sessions). Ce travail révèle souvent des surprises : une page de contact introuvable, un bouton de devis mal placé, une information rassurante qui manque juste avant l’acte d’achat. Ce sont ces petits frictions, une fois corrigées, qui font grimper le taux de conversion sans toucher au budget publicitaire.

Le pelliculage est une finition d’impression qui consiste à appliquer un film plastique très fin sur la surface d’un document imprimé. Il existe en trois variantes principales : le pelliculage brillant, qui renforce l’éclat des couleurs et donne un aspect lustré, le pelliculage mat, qui atténue les reflets pour un rendu élégant et sobre très tendance, et le pelliculage soft-touch (ou velours), qui offre une texture douce et légèrement veloutée particulièrement haut de gamme au toucher. En plus de l’aspect esthétique, le pelliculage protège le document contre l’humidité, les rayures et l’usure.

Le pelliculage mat est aujourd’hui la finition la plus demandée en communication professionnelle, notamment pour les cartes de visite et les plaquettes, parce qu’il renvoie une image de sérieux et de sophistication sans paraître clinquant. Un point technique à connaître : certaines finitions comme le vernis sélectif ou le dorure à chaud ne peuvent pas s’appliquer sur un pelliculage soft-touch sans préparation spécifique. Si vous envisagez de combiner plusieurs finitions, c’est une conversation à avoir avec votre imprimeur en amont du BAT, pas après.

La performance web désigne la vitesse et la fluidité avec laquelle votre site se charge et répond aux actions de vos visiteurs. Concrètement : combien de secondes avant que votre page soit visible ? Combien avant qu’elle soit utilisable ? Est-ce que des éléments bougent encore pendant qu’on essaie de cliquer dessus ? Ces questions ont une réponse chiffrée, mesurable, et Google les mesure via ses Core Web Vitals depuis 2021.

Une étude Google citée ad nauseam dans le secteur mais toujours vraie : 53 % des visiteurs mobiles quittent une page qui met plus de 3 secondes à charger. Ce n’est pas une question de patience, c’est un réflexe. Les principales causes de lenteur sont connues : images non optimisées, trop de scripts JavaScript, hébergement sous-dimensionné, absence de mise en cache. Ces problèmes se corrigent, mais ils se diagnostiquent d’abord avec des outils comme Google PageSpeed Insights ou Lighthouse. Si votre site n’a jamais passé ce type d’audit, c’est probablement la première chose à faire.

Un permalien, contraction de « lien permanent », c’est l’adresse URL définitive et stable d’une page ou d’un article de votre site. Par exemple, l’URL d’un article de blog sur la création de logo pourrait être « votresite.fr/blog/creation-logo-entreprise ». C’est cette adresse qui est partagée, référencée par d’autres sites, mémorisée par Google. L’idée centrale du permalien, c’est qu’il ne change pas dans le temps, d’où son nom.

Changer l’URL d’une page qui existe déjà, même pour une raison valable, a des conséquences directes sur le référencement : tous les liens entrants qui pointaient vers l’ancienne adresse deviennent des impasses, et Google doit réapprendre l’emplacement du contenu. Si vous devez absolument modifier un permalien, il faut systématiquement mettre en place une redirection 301 (redirection permanente) qui envoie automatiquement l’ancienne adresse vers la nouvelle. C’est une manipulation technique à ne pas négliger. Sur WordPress notamment, les paramètres de permaliens méritent d’être configurés correctement dès la création du site, pas en cours de route.

Un persona, ou buyer persona, est un portrait semi-fictif de votre client idéal construit à partir de données réelles : observations terrain, retours commerciaux, interviews clients, données analytiques. Il va bien au-delà d’une simple tranche d’âge ou d’une catégorie socio-professionnelle. Un persona bien construit décrit une personne concrète : ses objectifs, ses frustrations, ses habitudes de recherche, les questions qu’elle se pose avant d’acheter, les objections qu’elle formule, et les canaux par lesquels elle s’informe. C’est le portrait de quelqu’un qui existe vraiment dans votre clientèle, synthétisé en un profil représentatif.

La plupart des entreprises sautent cette étape ou la traitent trop vite, en produisant des personas génériques qui ne ressemblent à personne. « Marie, 42 ans, cadre, aime voyager » n’aide personne à rédiger un contenu ou à concevoir une page web. Un persona utile répond à des questions précises : qu’est-ce qui l’empêche de dormir la nuit ? Pourquoi hésite-t-elle à nous contacter ? Quel mot elle utiliserait pour chercher ce qu’on fait sur Google ? C’est cet outil, bien fait, qui guide la rédaction de vos pages, le choix de vos mots-clés et la conception de votre parcours utilisateur. Sans lui, vous communiquez dans le vide en espérant que ça atterrisse quelque part.

Un picto, abréviation de pictogramme, est un symbole graphique épuré qui représente une idée ou une action de façon visuelle et immédiatement compréhensible. C’est différent d’une icône dans l’usage courant, même si les deux termes sont souvent confondus : le pictogramme est plus souvent utilisé dans un contexte de signalétique, d’impression ou d’identité visuelle (les pictos d’une plaquette commerciale, d’un panneau, d’un rapport annuel), là où l’icône est davantage associée aux interfaces numériques et aux sites web.

Dans une charte graphique ou un design system bien construits, les pictos font l’objet d’un travail spécifique de cohérence visuelle : trait régulier, style homogène (plein, contour, arrondi…), taille normalisée. Un jeu de pictos bien dessiné renforce instantanément la perception de professionnalisme d’une marque. Et comme pour les icônes, le format vectoriel (SVG ou EPS) est indispensable pour garantir un rendu impeccable quelle que soit la taille d’affichage ou d’impression.

Une pictolist est une liste dans laquelle chaque élément est accompagné d’un pictogramme ou d’une icône. C’est une façon très efficace de présenter des avantages, des étapes d’un processus ou des caractéristiques de service sur un site web : le visuel rompt la monotonie du texte brut, attire l’oeil et aide à mémoriser l’information. On la retrouve souvent sur les pages de services, les pages tarifaires ou les sections « pourquoi nous choisir » des sites vitrines.

D’un point de vue UX, la pictolist est plus lisible qu’une liste à puces classique parce qu’elle crée une hiérarchie visuelle claire et permet de scanner rapidement le contenu. Pour qu’elle fonctionne bien, les pictos choisis doivent être cohérents entre eux (même style, même poids visuel) et suffisamment parlants pour renforcer le message, pas juste décorer. Une pictolist mal construite, avec des icônes génériques sans rapport avec le texte, produit l’effet inverse et donne une impression de contenu bâclé.

Un pixel est le plus petit point lumineux qui compose une image numérique ou un écran. Quand on parle d’un écran « Full HD 1920×1080 », ça signifie qu’il est composé de 1920 pixels de large pour 1080 pixels de haut. Sur le web, le pixel sert aussi d’unité de mesure pour définir les dimensions des éléments d’une page : la taille d’un texte, l’espacement entre deux blocs, la largeur d’une image. Plus la densité de pixels d’un écran est élevée (comme sur les écrans Retina d’Apple), plus l’affichage est net et précis.

Le mot « pixel » a aussi un autre sens très répandu en marketing digital : le « Pixel Meta » (anciennement Pixel Facebook) est un petit bout de code à installer sur votre site qui permet de suivre le comportement de vos visiteurs et de les recibler ensuite avec des publicités sur Facebook et Instagram. Ce sont deux usages très différents du même mot, ce qui prête souvent à confusion. Dans un brief ou un devis, il vaut mieux préciser de lequel on parle.

Un plugin, aussi appelé extension, est un module complémentaire qu’on installe sur un CMS pour lui ajouter des fonctionnalités sans avoir à développer quoi que ce soit sur mesure. Formulaire de contact, boutique en ligne, gestion du SEO, boutons de partage sur les réseaux sociaux, système de réservation, chat en direct… sur WordPress par exemple, il existe des dizaines de milliers de plugins qui couvrent la quasi-totalité des besoins imaginables.

Les plugins sont une vraie force des CMS open-source, mais ils méritent d’être utilisés avec discernement. Multiplier les plugins sur un site, c’est multiplier les sources de lenteur, de conflits techniques et de failles de sécurité potentielles. Un plugin non mis à jour est une porte d’entrée pour des attaques. La règle de bon sens : n’installer que ce dont vous avez vraiment besoin, choisir des plugins maintenus activement par leurs développeurs, et faire le ménage régulièrement dans ceux qui ne servent plus.

Un pop-up est une fenêtre ou un bloc qui s’affiche par-dessus le contenu d’une page web pour capter l’attention du visiteur. Il peut apparaître dès l’arrivée sur le site, après un certain temps de navigation, au moment où le visiteur s’apprête à quitter la page (exit intent), ou en réaction à une action précise. On les utilise pour proposer une inscription à une newsletter, mettre en avant une promotion, afficher un avis légal ou orienter le visiteur vers une action prioritaire.

Le pop-up est l’un des éléments les plus clivants du webdesign. Bien utilisé, il peut significativement augmenter votre taux de conversion. Mal utilisé, il agace les visiteurs et les fait fuir. Google pénalise d’ailleurs les pop-ups intrusifs sur mobile depuis 2017, en particulier ceux qui masquent le contenu principal dès l’arrivée sur la page. La règle d’or : un pop-up doit apporter quelque chose à votre visiteur (une offre, une information utile), pas juste lui barrer la route. Et il doit toujours être facile à fermer.

Le PNG est un format d’image matricielle qui se distingue du JPEG sur deux points essentiels : il supporte la transparence (un fond transparent, qu’on appelle canal alpha) et sa compression est sans perte de qualité. Ça en fait le format de choix pour les logos, les icônes, les illustrations graphiques et tout élément qui doit s’incruster proprement sur des fonds de couleurs variées sans carré blanc autour. Si vous avez besoin de poser votre logo sur un fond coloré ou sur une photo, vous avez besoin d’un PNG avec fond transparent.

L’inconvénient du PNG, c’est le poids. Une image PNG non compressée peut être bien plus lourde qu’un JPEG équivalent, surtout pour les photos. Il est donc recommandé de ne l’utiliser que quand la transparence est réellement nécessaire, et de recourir au JPEG ou au WebP pour les images photographiques. Sur votre site, votre logo devrait idéalement être en SVG (vectoriel, léger, parfait à toute taille), avec un PNG en fallback pour les contextes où le SVG n’est pas supporté, comme certains clients email.

PHP est un langage de programmation qui s’exécute côté serveur, c’est-à-dire sur l’ordinateur qui héberge votre site, avant que la page arrive dans le navigateur de votre visiteur. Il sert à générer des pages web dynamiques : afficher les articles de votre blog, traiter un formulaire de contact, connecter votre site à une base de données, gérer les comptes utilisateurs… La grande majorité des sites construits sur WordPress, Prestashop ou Drupal tournent grâce à PHP.

En tant que client, vous n’écrivez pas de PHP et vous n’avez pas besoin de le comprendre en détail. Mais il est utile de savoir que la version de PHP installée sur votre hébergement a une importance directe sur la sécurité et la performance de votre site. Une version obsolète de PHP, c’est une porte d’entrée potentielle pour des attaques, et souvent un frein aux mises à jour de votre CMS. C’est l’un des points que nous vérifions lors d’un audit technique, et que votre hébergeur doit être en mesure de mettre à jour sur simple demande.

Le poids d’une page web, c’est la taille totale de tous les fichiers qui la composent et que votre navigateur doit télécharger pour l’afficher : le code HTML, les feuilles de style CSS, les scripts JavaScript, les images, les vidéos, les polices de caractères… tout s’additionne. Plus une page est lourde, plus elle met du temps à se charger. Et plus elle met du temps à charger, plus vos visiteurs partent avant même d’avoir vu votre contenu.

Une page web bien optimisée devrait idéalement peser moins de 2 à 3 mégaoctets. En pratique, beaucoup de sites dépassent largement ce seuil, souvent à cause d’images non compressées ou de scripts tiers chargés en arrière-plan (chat en ligne, outils analytics, publicités, widgets réseaux sociaux). Chaque service tiers que vous ajoutez à votre site ajoute du poids et ralentit l’expérience. Ça ne veut pas dire qu’il faut tout supprimer, mais que chaque ajout doit se justifier par la valeur qu’il apporte réellement à vos visiteurs.

La preprod, ou environnement de préproduction, est un serveur de test privé qui reproduit fidèlement les conditions du site en ligne : même configuration technique, même base de données, même structure de fichiers. C’est là que le site est construit, assemblé et testé en conditions réelles avant d’être rendu public. Seules les personnes autorisées y ont accès, via une adresse provisoire ou un accès protégé par mot de passe. Les visiteurs de votre site actuel ne voient rien et ne sont pas perturbés pendant cette phase de travail.

La preprod est distincte de la préproduction au sens de phase projet (le cadrage en amont de la création) : ici, on parle d’un environnement technique. C’est l’étape qui précède directement la mise en ligne, et elle est indispensable pour le recettage sérieux. Tester directement en production, c’est prendre le risque qu’une erreur soit visible par vos visiteurs le temps d’être corrigée. Un bug sur la preprod n’a aucune conséquence ; le même bug en production peut faire fuir des clients ou générer une mauvaise impression au pire moment. C’est aussi sur la preprod que vous réalisez vos validations finales avant de donner le feu vert à la mise en ligne.

La quadrichromie est le procédé d’impression couleur standard qui reproduit toutes les teintes visibles en superposant quatre encres de base : le Cyan, le Magenta, le Jaune et le Noir, soit les quatre couleurs du modèle CMJN. Chaque couleur est imprimée sous forme de minuscules points de taille variable, orientés selon des angles différents pour chaque encre. Vus de près, ces points sont distincts ; à distance normale de lecture, l’oeil les fusionne et perçoit une gamme complète de couleurs. C’est le fondement de presque toute l’impression couleur professionnelle.

On parle de quadrichromie par opposition à l’impression en tons directs (comme le Pantone), où chaque couleur spéciale est reproduite avec une encre mélangée sur mesure. La quadrichromie permet de reproduire n’importe quelle photo ou illustration en couleurs avec seulement ces quatre encres, ce qui la rend polyvalente et économique. Sa limite : certaines teintes très saturées (orange vif, bleu électrique, vert fluo) sont difficiles à reproduire fidèlement en quadrichromie. Pour ces couleurs identitaires critiques, un ton direct Pantone en supplément garantit la fidélité que la quadrichromie seule ne peut pas toujours assurer.

Le recettage, c’est la phase de tests systématiques qui précède la mise en ligne d’un site web. On vérifie que chaque page s’affiche correctement, que tous les liens fonctionnent, que les formulaires envoient bien les données au bon endroit, que le site est agréable à utiliser sur mobile comme sur desktop, et que rien ne bugue sur les différents navigateurs. C’est en quelque sorte la visite de conformité avant la remise des clés : on ne livre pas un site sans l’avoir testé en conditions réelles.

Le recettage se fait idéalement en deux temps. D’abord en interne, par l’agence, sur un environnement de staging (une version privée du site, non accessible au public). Ensuite par vous, le client, qui parcourez le site avec un regard neuf et vérifiez que tout correspond à ce qui avait été validé en maquette. C’est à cette étape qu’on remonte les dernières corrections avant ouverture. Prévoyez du temps pour ça : un bon recettage client, ça se fait posément, pas en cinq minutes entre deux réunions.

Une redirection 301 est une instruction technique qui dit aux navigateurs et aux moteurs de recherche : « Cette page a définitivement déménagé à cette nouvelle adresse, suivez-la. » Quand un visiteur ou Google tente d’accéder à l’ancienne URL, il est automatiquement redirigé vers la nouvelle, de façon invisible. Le 301 est le code HTTP qui signifie « déplacement permanent », par opposition au 302 qui signifie « déplacement temporaire ».

La distinction entre 301 et 302 n’est pas anodine en SEO : une redirection 301 transfère l’essentiel de l’autorité et des liens entrants de l’ancienne page vers la nouvelle. Une 302 ne le fait pas, ou beaucoup moins bien. C’est donc la 301 qu’on utilise systématiquement lors d’une refonte, d’un changement d’URL ou d’une suppression de page. Omettre ces redirections après une refonte, c’est potentiellement effacer des années de travail SEO en quelques heures. C’est l’une des premières choses que nous vérifions avant toute mise en ligne.

Un site responsive, c’est un site qui s’adapte automatiquement à la taille de l’écran sur lequel il est consulté. Sur un grand écran d’ordinateur, le contenu s’affiche en plusieurs colonnes avec de l’espace. Sur un smartphone, les mêmes éléments se réorganisent en une seule colonne, les textes s’agrandissent pour rester lisibles, et les boutons deviennent suffisamment grands pour être cliqués avec le doigt. Tout ça sans créer deux sites distincts : un seul site, un seul code, qui se reconfigure selon l’appareil.

Aujourd’hui, un site non responsive n’est tout simplement plus acceptable. Plus de 60 % du trafic web mondial vient des mobiles, et Google pénalise explicitement les sites qui ne s’adaptent pas aux petits écrans via son Mobile-First Indexing. Si votre site date d’avant 2015 et n’a pas été retouché depuis, il y a de bonnes chances qu’il ne soit pas vraiment responsive. Ce n’est pas qu’un problème esthétique : c’est un problème de visibilité, de crédibilité et de taux de conversion.

Le RGPD (Règlement Général sur la Protection des Données) est le texte de loi européen, entré en vigueur en mai 2018, qui encadre la façon dont les entreprises collectent, stockent et utilisent les données personnelles des internautes. Il s’applique à toute organisation qui traite des données de résidents européens, quelle que soit sa taille. Sur votre site, ça concerne les formulaires de contact, les cookies de tracking, les inscriptions à la newsletter, les avis clients et tout ce qui touche de près ou de loin à des informations identifiables.

Le RGPD n’est pas une contrainte administrative à expédier en cochant des cases. C’est une démarche de fond qui demande de savoir précisément quelles données vous collectez, pourquoi, comment vous les stockez et combien de temps vous les conservez. En pratique, cela se traduit sur votre site par une politique de confidentialité à jour, une bannière de consentement aux cookies correctement configurée, et des formulaires qui ne demandent que les informations réellement nécessaires. La CNIL (Commission Nationale de l’Informatique et des Libertés) contrôle le respect de ces règles en France et peut sanctionner les manquements, y compris pour les petites structures.

Le fichier robots.txt est un fichier texte placé à la racine de votre site (accessible via « votresite.fr/robots.txt ») qui donne des instructions aux robots des moteurs de recherche sur les parties du site qu’ils peuvent ou ne peuvent pas explorer. C’est une sorte de panneau à l’entrée de votre site : « Bienvenue par ici, mais n’allez pas là. » Il permet d’éviter que Google perde du temps à crawler des pages sans intérêt comme les pages d’administration, les résultats de recherche interne ou les pages de connexion.

Le robots.txt est puissant mais à manier avec précaution. Bloquer par erreur des pages importantes dans ce fichier peut les faire disparaître des résultats Google du jour au lendemain, sans aucun avertissement. C’est une erreur qui arrive plus souvent qu’on ne le croit, notamment lors d’une migration où l’environnement de développement était bloqué et où l’instruction a été oubliée en production. Après chaque refonte ou mise en ligne, vérifier son fichier robots.txt est l’une des premières étapes du contrôle qualité. Son contenu doit toujours être validé par quelqu’un qui comprend ses implications SEO.

Le ROI (Return On Investment), ou retour sur investissement, mesure ce qu’une action vous a rapporté par rapport à ce qu’elle vous a coûté. Si vous investissez 2 000 euros dans la refonte d’une page de services et que cette page génère en six mois 8 000 euros de nouveaux contrats directement attribuables à ce trafic, votre ROI est positif et clairement mesurable. Le ROI s’applique à tous les types d’investissements marketing et digitaux : une campagne publicitaire, un projet SEO, une refonte de site, la création d’une plaquette commerciale.

En communication et en web, mesurer le ROI est souvent plus complexe qu’en publicité directe, parce que les effets ne sont pas toujours immédiats ni facilement attribuables à une action précise. Un client qui signe après avoir visité votre site trois fois sur deux mois, lu deux articles de blog et reçu une newsletter n’est pas « venu d’une seule source ». C’est pourquoi il est important de définir vos indicateurs en amont plutôt que de chercher à justifier un investissement après coup. Un prestataire qui vous promet un ROI précis avant même de commencer est soit malhonnête, soit naïf. Ce qu’on peut promettre, c’est de tout mettre en oeuvre pour qu’il soit positif, et de le mesurer rigoureusement.

Le RVB (Rouge, Vert, Bleu), ou RGB en anglais, est le modèle colorimétrique des écrans. Votre moniteur, votre smartphone, votre télévision créent toutes les couleurs visibles en combinant des intensités de rouge, de vert et de bleu. C’est un modèle additif : plus on ajoute de lumière, plus on se rapproche du blanc. Tous les visuels destinés au web, aux réseaux sociaux, aux présentations ou aux emails doivent être produits en RVB pour s’afficher correctement sur les écrans.

En pratique, les couleurs de votre charte graphique doivent exister dans les deux espaces colorimétriques : en RVB pour le web et les supports numériques, en CMJN pour l’impression. Une bonne charte graphique documente les deux valeurs, ainsi que la valeur hexadécimale utilisée en CSS pour le web. Si votre graphiste ne vous a livré qu’une couleur sans ces déclinaisons, c’est une lacune à combler : chaque nouveau support deviendra une improvisation colorimétrique.

Le SEO (Search Engine Optimization), ou référencement naturel, c’est l’ensemble des actions qui permettent à votre site d’apparaître en bonne position dans les résultats non payants de Google. Il repose sur trois piliers complémentaires : le technique (la façon dont votre site est construit et indexé), le contenu (la pertinence et la qualité de ce que vous publiez par rapport aux recherches de vos clients), et la popularité (les liens entrants d’autres sites qui témoignent de votre crédibilité dans votre domaine).

Le SEO est souvent mal compris, dans les deux sens. Certains l’imaginent comme une boîte noire mystérieuse réservée aux experts. D’autres pensent qu’il suffit d’insérer des mots-clés partout pour être premier sur Google. La réalité est plus nuancée : le SEO, c’est un travail de fond, progressif et durable, qui exige de la cohérence sur le long terme. Il n’y a pas de recette miracle, pas de résultats garantis en 30 jours. En revanche, bien fait, c’est l’un des canaux d’acquisition les plus rentables qui soit, parce que le trafic qu’il génère ne s’arrête pas quand vous coupez un budget.

Le SEA (Search Engine Advertising) regroupe les campagnes publicitaires diffusées sur les moteurs de recherche, principalement Google Ads. Concrètement, vous définissez des mots-clés cibles, rédigez des annonces, et fixez un budget. Quand quelqu’un tape l’un de vos mots-clés dans Google, votre annonce peut apparaître en haut de la page, avec la mention discrète « Sponsorisé ». Vous ne payez que lorsqu’un internaute clique sur votre annonce : c’est le modèle du coût par clic, ou CPC.

La grande différence avec le SEO, c’est l’immédiateté : une campagne SEA peut générer des visiteurs le jour même de son lancement. En revanche, dès que vous coupez le budget, le trafic s’arrête net. Le SEO, lui, prend plus de temps à produire ses effets mais dure dans le temps. Les deux ne s’opposent pas, ils se complètent. Pour une entreprise qui lance son site, le SEA peut combler le vide le temps que le référencement naturel prenne de la hauteur. Pour une offre saisonnière ou un événement ponctuel, c’est souvent l’outil le plus pertinent.

La SERP (Search Engine Result Page), c’est tout simplement la page de résultats que vous voyez après avoir tapé quelque chose dans Google. Elle regroupe les résultats naturels (issus du référencement), les annonces payantes (SEA), et une foule d’éléments enrichis qui sont apparus ces dernières années : featured snippets, encadrés « Autres questions posées », fiches Google Business, résultats images, extraits de vidéos YouTube… La SERP d’aujourd’hui ressemble de moins en moins à une simple liste de dix liens bleus.

Comprendre comment fonctionne la SERP sur vos requêtes cibles est une étape essentielle avant toute stratégie SEO. Si les premières positions sont dominées par des sites institutionnels ou des médias nationaux, les chances de les déloger avec un site de PME sont limitées. En revanche, si la SERP est occupée par des concurrents locaux ou des contenus de faible qualité, il y a clairement une place à prendre. Analyser la SERP, c’est aussi repérer les formats qui s’affichent : si Google met un featured snippet en avant, c’est un signal fort qu’il y a une opportunité à saisir avec le bon contenu.

Un screenshot, ou capture d’écran, c’est une image fixe qui reproduit exactement ce qui s’affiche sur un écran à un instant donné. Sur un ordinateur, une tablette ou un smartphone, il suffit d’une combinaison de touches ou d’un bouton pour immortaliser ce qu’on voit : une page web, une erreur d’affichage, un message, un résultat de recherche… C’est l’outil de communication le plus simple qui soit pour montrer quelque chose plutôt que de l’expliquer par écrit.

Dans la relation client avec une agence, le screenshot est votre meilleur allié. Vous constatez un bug d’affichage sur votre site ? Faites un screenshot plutôt que de le décrire en trois paragraphes. Vous souhaitez pointer un élément précis sur une maquette ? Annotez une capture d’écran. C’est plus rapide, moins sujet à interprétation, et ça évite les malentendus. La plupart des outils de collaboration comme Figma intègrent d’ailleurs des fonctions de commentaire directement sur les visuels, ce qui est encore plus efficace qu’un screenshot envoyé par email.

Un site e-commerce, ou boutique en ligne, est un site web qui permet de vendre des produits ou des services directement sur internet. Vos clients parcourent votre catalogue, ajoutent des articles à leur panier, règlent leur commande en ligne et reçoivent une confirmation par email. Côté gestion, vous disposez d’un back-office dédié pour gérer votre catalogue, vos stocks, vos commandes, vos modes de livraison et vos promotions. C’est un site bien plus complexe qu’un site vitrine, tant sur le plan technique que juridique.

Créer un site e-commerce, c’est aussi ouvrir un commerce : il y a des mentions légales spécifiques obligatoires (conditions générales de vente, politique de retour, délais de livraison), des contraintes liées au paiement en ligne (sécurité des transactions, conformité PCI DSS), et une réflexion sérieuse sur la logistique. Les solutions les plus utilisées sont Shopify (simple et hébergée) et WooCommerce ou Prestashop sur WordPress (plus flexibles, open-source). Le bon choix dépend du volume de produits, du budget et du niveau d’autonomie souhaité. C’est une décision structurante qu’on prend ensemble en amont, pas en cours de route.

Un sitemap, ou plan du site, existe sous deux formes bien distinctes. Le sitemap XML est un fichier technique, invisible pour vos visiteurs, qui liste toutes les pages importantes de votre site avec leurs URL, leur date de dernière modification et leur priorité relative. Il est destiné aux moteurs de recherche et leur sert de feuille de route pour explorer et indexer votre site plus efficacement. Le sitemap HTML, lui, est une vraie page de votre site qui présente l’ensemble de votre contenu sous forme de liens cliquables, à destination de vos visiteurs.

Le sitemap XML est l’un des premiers fichiers à vérifier lors d’un audit SEO. Il doit être à jour, ne lister que les pages réellement publiées et utiles (pas les pages en brouillon, les pages d’administration ou les doublons), et avoir été soumis à Google via la Search Console. Sur WordPress, des extensions comme Yoast SEO ou Rank Math le génèrent et le mettent à jour automatiquement à chaque publication. L’adresse du fichier suit généralement le format « votresite.fr/sitemap.xml ». Si vous ne savez pas si le vôtre existe, tapez cette URL dans votre navigateur : la réponse est immédiate.

Le storytelling, ou narration de marque, c’est l’art de raconter une histoire pour communiquer sur votre entreprise plutôt que de simplement lister des arguments rationnels. Au lieu de dire « nous sommes une agence web expérimentée avec 15 ans d’expertise », vous racontez pourquoi vous avez créé cette agence, quel problème vous cherchez à résoudre pour vos clients, ce qui vous a conduit à travailler différemment des autres. Une histoire retient l’attention, crée de l’émotion, et reste en mémoire bien plus longtemps qu’une liste de bullet points.

Le storytelling est souvent mal compris comme une technique réservée aux grandes marques avec des budgets communication importants. C’est faux. En réalité, les TPE et PME ont souvent les meilleures histoires à raconter : une création portée par une passion, un problème vécu de l’intérieur qui a motivé une reconversion, une façon de travailler née d’une conviction forte. Ce matériau est précieux et authentique. Le storytelling ne demande pas d’inventer, il demande d’aller chercher ce qui est vrai et de le mettre en forme pour que vos clients s’y reconnaissent. Une page « À propos » bien écrite sur ce mode peut valoir mille fois une liste de certifications.

Le SQL (Structured Query Language) est le langage informatique qui permet de dialoguer avec une base de données. Derrière votre site web, il y a presque toujours une base de données : c’est elle qui stocke vos articles de blog, vos pages, vos fiches produits, vos commandes, les comptes de vos utilisateurs… À chaque fois qu’une page se charge, votre site envoie des requêtes SQL à cette base de données pour récupérer le bon contenu et l’afficher.

Comme le PHP, le SQL est un élément de l’infrastructure technique que vous n’avez pas à manier vous-même. En revanche, c’est utile d’en connaître l’existence pour deux raisons concrètes. La première : des requêtes SQL mal optimisées sont l’une des causes les plus fréquentes de lenteur sur les sites construits avec des CMS comme WordPress, surtout quand les bases de données grossissent. La seconde : les injections SQL font partie des attaques les plus répandues sur le web. Votre site doit être configuré pour s’en protéger, c’est une vérification de base dans tout audit de sécurité sérieux.

La structure sémantique d’une page web, c’est la façon dont son code HTML est organisé avec des balises qui ont un sens. Plutôt que d’utiliser des balises génériques pour tout, un HTML sémantique bien écrit utilise des éléments précis : une balise pour le titre principal, d’autres pour les sous-titres dans l’ordre hiérarchique, une balise pour la navigation, une pour l’article, une pour le pied de page… Chaque balise décrit la nature de ce qu’elle contient, pas juste son apparence visuelle.

C’est un sujet qui intéresse à la fois Google et les technologies d’assistance utilisées par les personnes en situation de handicap (lecteurs d’écran notamment). Pour Google, une page bien structurée sémantiquement est une page qu’il comprend facilement : il sait où est le contenu principal, quel est le titre de l’article, quels sont les sous-sujets abordés. Ça facilite l’indexation et renforce la pertinence thématique. En pratique, c’est quelque chose qui se fait en amont et qui ne se voit pas à l’écran, mais dont les effets sur le référencement sont bien réels. C’est l’un des marqueurs d’un site développé avec soin plutôt qu’expédié.

La sidebar, ou barre latérale, est une colonne secondaire placée à droite ou à gauche du contenu principal d’une page web. On la trouve surtout sur les blogs, les sites d’actualité et certains sites e-commerce. Elle sert à afficher des informations complémentaires sans interrompre la lecture : derniers articles publiés, catégories, formulaire d’inscription à la newsletter, tags, publicités, ou liens vers des pages importantes du site.

La sidebar a longtemps été un incontournable du webdesign. Elle se fait aujourd’hui plus rare, pour une bonne raison : sur mobile, une mise en page à deux colonnes se transforme souvent en colonne unique où la sidebar atterrit tout en bas de la page, loin du contenu, là où personne ne la voit. Les designs modernes tendent à privilégier une mise en page pleine largeur et à intégrer les éléments autrefois relégués en sidebar directement dans le flux du contenu ou dans le footer. Si vous avez une sidebar sur votre site actuel, la question mérite d’être posée : ses contenus sont-ils vraiment lus, ou juste là par habitude ?

Un slider, aussi appelé carrousel, est un composant web qui fait défiler plusieurs images ou blocs de contenu dans un espace défini, soit automatiquement toutes les quelques secondes, soit manuellement au clic sur des flèches ou des points de navigation. On le trouve très souvent en zone hero des sites, pour mettre en avant plusieurs messages ou visuels dans un seul espace.

Le slider est l’un des éléments de design les plus utilisés et pourtant les plus décriés par les experts UX et SEO. Les études de comportement sont sans appel : les slides au-delà de la première sont très rarement vues. Les visiteurs ne regardent pas les carrousels défiler, ils font défiler la page. Par ailleurs, un slider chargé de plusieurs images haute résolution pèse lourd et ralentit le temps de chargement, ce que Google pénalise directement. Avant d’en intégrer un, posez-vous la vraie question : est-ce que chacun de ces messages mérite une page dédiée plutôt qu’une diapositive que personne ne verra ?

Le SVG (Scalable Vector Graphics) est un format d’image vectorielle conçu spécifiquement pour le web. Contrairement à un JPEG ou PNG qui stockent des pixels et deviennent flous quand on les agrandit, le SVG stocke des formes mathématiques. Résultat : votre logo, vos icônes ou vos illustrations SVG s’affichent avec une netteté parfaite sur tous les écrans, du smartphone au grand moniteur, quelle que soit la résolution.

Le SVG a un autre avantage souvent méconnu : c’est du code. Ça signifie qu’il peut être stylisé en CSS (changer sa couleur au survol par exemple), animé, et même lu par Google. Un logo SVG bien balisé peut transmettre un signal sémantique à Google, ce qu’un logo JPEG ne fera jamais. C’est aussi un format très léger, ce qui contribue aux bonnes performances web. Pour vos icônes, pictogrammes et logo, le SVG doit être le format de référence sur le web. Pour l’impression, on lui préfère l’EPS.

Le taux de rebond mesure le pourcentage de visiteurs qui arrivent sur une page de votre site et en repartent sans avoir cliqué sur quoi que ce soit, sans avoir visité d’autre page. En clair, ils sont venus, ils ont vu, et ils sont partis. Un taux de rebond de 70 % signifie que 7 visiteurs sur 10 n’ont regardé qu’une seule page avant de fermer l’onglet ou de revenir sur Google.

C’est l’un des indicateurs les plus mal interprétés du web. Un taux de rebond élevé n’est pas forcément un mauvais signe : une page de contact qu’on consulte pour noter un numéro de téléphone, un article de blog qu’on lit en entier avant de refermer l’onglet satisfait, une page FAQ qui répond immédiatement à la question posée – tous auront un taux de rebond élevé, et c’est tout à fait normal. Ce qui compte, c’est de comparer ce taux selon le type de page et l’intention de recherche du visiteur. Un taux de rebond élevé sur une page de vente, en revanche, mérite clairement une investigation.

Le temps de chargement, c’est le nombre de secondes qui s’écoulent entre le moment où un visiteur clique sur votre lien et celui où votre page est réellement affichée et utilisable dans son navigateur. Ce n’est pas un chiffre unique : Google distingue plusieurs métriques, dont le LCP (Largest Contentful Paint, temps avant que l’élément principal soit visible), le FID (délai de réponse au premier clic) et le CLS (stabilité visuelle pendant le chargement). Ces trois indicateurs constituent les Core Web Vitals.

La règle des 3 secondes est souvent citée : au-delà, plus de la moitié des visiteurs mobiles abandonnent la page. Dans les faits, chaque seconde supplémentaire coûte en taux de conversion, et Google en tient compte explicitement dans son algorithme de classement depuis 2021. Les causes les plus fréquentes de lenteur sont connues : images non optimisées, scripts JavaScript trop lourds, plugins superflus et hébergement sous-dimensionné. Mesurer la vitesse de votre site avec Google PageSpeed Insights prend deux minutes et peut révéler des problèmes que vous n’imaginiez pas. C’est souvent le point de départ d’un audit technique.

Le texte alternatif, ou attribut « alt », est une courte description textuelle associée à chaque image dans le code HTML de votre site. Il sert à deux choses. Pour les moteurs de recherche d’abord : Google ne « voit » pas les images, il lit leur description textuelle. Un texte alternatif bien rédigé lui indique ce que représente l’image et contribue à votre référencement, y compris dans Google Images. Pour les personnes malvoyantes ensuite : les lecteurs d’écran lisent ces descriptions à voix haute à la place de l’image, ce qui rend votre site accessible.

En pratique, rédiger un bon texte alternatif, c’est décrire objectivement ce que montre l’image en y intégrant naturellement un mot-clé pertinent si le contexte s’y prête. « Image » ou « photo » ne sont pas des textes alternatifs utiles. « Équipe de l’agence lors de l’atelier de direction artistique à Lyon » en est un. Les images purement décoratives (fonds, séparateurs graphiques) peuvent avoir un attribut alt vide, ce qui indique aux lecteurs d’écran de les ignorer. C’est un détail qui prend peu de temps à soigner lors de la mise en ligne de vos contenus, mais qui fait une vraie différence cumulée sur un site de plusieurs dizaines de pages.

Le trafic organique, c’est l’ensemble des visiteurs qui arrivent sur votre site en cliquant sur un résultat naturel dans Google ou un autre moteur de recherche, sans que vous ayez payé pour apparaître. Ils ont tapé une requête, votre site est apparu parmi les résultats, ils ont cliqué. Aucun budget publicitaire impliqué. C’est la distinction fondamentale avec le trafic payant (SEA), où votre visibilité dépend directement de votre investissement publicitaire du moment.

Le trafic organique est souvent présenté comme « gratuit », ce qui est vrai dans le sens où chaque clic ne vous coûte rien directement. Mais construire cette visibilité demande du temps, du contenu de qualité et un travail technique sérieux. Ce n’est donc pas gratuit au sens strict – c’est un investissement différé qui, une fois capitalisé, génère un flux de visiteurs continu sans coût marginal par visite. C’est ça qui en fait l’un des canaux d’acquisition les plus rentables sur le long terme : contrairement à une campagne publicitaire qui s’arrête quand le budget est épuisé, un bon référencement naturel continue de travailler pour vous même quand vous dormez.

Le tunnel de conversion, ou entonnoir de vente, représente le chemin qu’emprunte un visiteur depuis sa première découverte de votre marque jusqu’à l’acte final souhaité, qu’il s’agisse d’un achat, d’une prise de contact ou d’une inscription. On le représente en entonnoir parce qu’à chaque étape, une partie des visiteurs s’en va : beaucoup entrent en haut, peu arrivent en bas. En haut de l’entonnoir, on trouve la prise de conscience (votre prospect découvre que vous existez). Au milieu, la considération (il évalue votre offre). En bas, la décision (il passe à l’action).

Comprendre à quelle étape vous perdez vos prospects est bien plus précieux que de savoir combien vous en perdez globalement. Si votre page d’accueil génère beaucoup de trafic mais que personne ne clique vers vos pages de services, le problème est en haut du tunnel. Si les gens arrivent sur votre formulaire de contact mais ne l’envoient pas, le problème est en bas. Chaque étape du tunnel a ses propres leviers d’optimisation, et les traiter dans l’ordre, du plus bas vers le plus haut, est généralement la façon la plus rentable de progresser. Ça ne sert à rien d’attirer plus de visiteurs si la page d’atterrissage ne convertit pas.

La typographie désigne l’ensemble des choix qui touchent à la mise en forme du texte : les polices de caractères utilisées (aussi appelées fontes), leurs tailles, leurs graisses (fin, normal, gras), les espacements entre les lettres et les lignes, l’alignement des paragraphes et la hiérarchie entre les différents niveaux de texte. C’est une discipline à part entière, à la croisée du design graphique et de la communication. Une typographie bien choisie, c’est un texte qu’on lit sans effort, dans une atmosphère qui correspond à l’image que vous voulez projeter.

La typographie est l’un des éléments les plus puissants de l’identité visuelle, et l’un des plus sous-estimés. Une police serif (avec empattements, comme Times New Roman) inspire la tradition et la rigueur. Une police sans-serif (sans empattements, comme Helvetica ou votre texte sur cet écran) évoque la modernité et la clarté. Une police manuscrite crée une proximité, presque une chaleur. Ces associations ne sont pas arbitraires : elles résultent de décennies de conventions culturelles. Sur le web, les polices doivent aussi être légères à charger et lisibles sur tous les écrans, ce qui ajoute une contrainte technique aux choix esthétiques. C’est pour ça qu’une bonne charte graphique documente toujours les polices avec leurs alternatives web.

Une URL (Uniform Resource Locator), c’est l’adresse complète d’une page web, telle qu’elle apparaît dans la barre de votre navigateur. Elle se compose de plusieurs parties : le protocole (https://), le nom de domaine (votreentreprise.fr), et le chemin vers la page spécifique (/services/creation-site-web). Chaque page de votre site a une URL unique qui l’identifie de façon permanente sur internet.

Une URL bien construite, c’est à la fois un signal pour Google et un repère pour vos visiteurs. Elle doit être lisible, courte, et refléter le contenu de la page avec les bons mots-clés. Comparez « votresite.fr/page?id=47 » et « votresite.fr/services/creation-logo » : la seconde dit immédiatement de quoi elle parle, à un humain comme à un moteur de recherche. Les caractères spéciaux, les majuscules et les accents sont à éviter dans les URL pour des raisons de compatibilité technique. Et comme évoqué dans la définition du permalien, une URL ne devrait jamais changer une fois une page mise en ligne, sauf à mettre en place une redirection 301.

L’UI (User Interface), ou interface utilisateur, c’est tout ce que vous voyez et touchez sur un site web ou une application : les boutons, les formulaires, les menus, les couleurs, les typographies, les icônes, la disposition des éléments à l’écran. C’est la couche visible, celle que vos visiteurs perçoivent immédiatement et qui conditionne leur première impression. Une interface bien conçue rend l’utilisation fluide et instinctive, sans que l’utilisateur ait à réfléchir à ce qu’il fait.

L’UI est souvent confondue avec l’UX (User Experience), et les deux disciplines sont effectivement liées, mais elles ne désignent pas la même chose. L’UX s’intéresse au ressenti global et au parcours de l’utilisateur ; l’UI s’intéresse à la réalisation visuelle et interactive de ce parcours. Pour faire simple : l’UX décide qu’il faut un bouton à cet endroit, l’UI décide de sa couleur, sa forme et son texte. Les deux doivent travailler ensemble pour qu’un site soit à la fois logique et agréable. C’est rarement l’un ou l’autre qui pose problème seul.

L’UX (User Experience), ou expérience utilisateur, désigne le ressenti global d’une personne lorsqu’elle navigue sur votre site. Est-ce qu’elle trouve facilement ce qu’elle cherche ? Est-ce que le parcours jusqu’au formulaire de contact est logique ? Est-ce qu’elle repart frustrée ou satisfaite ? L’UX ne s’intéresse pas à l’apparence visuelle des choses (c’est le rôle de l’UI), mais à la façon dont elles fonctionnent du point de vue de l’utilisateur : la logique de navigation, la clarté des messages, la cohérence du parcours.

Un bon UX design repose sur la compréhension des vrais comportements de vos visiteurs, pas sur ce que vous imaginez qu’ils feront. C’est là que les données analytics (où cliquent-ils, où sortent-ils ?) et les tests utilisateurs (qu’est-ce qui les bloque concrètement ?) deviennent indispensables. Google en tient compte indirectement : un site où les visiteurs restent, naviguent et convertissent envoie des signaux positifs à l’algorithme. Un site où ils fuient en 10 secondes envoie l’inverse. L’UX et le SEO sont plus liés qu’on ne le croit souvent.

Une image vectorielle est une image construite à partir de formes mathématiques (points, courbes, lignes) plutôt que de pixels. Conséquence directe : elle peut être agrandie à l’infini sans jamais devenir floue ou pixellisée. Votre logo imprimé sur une carte de visite et le même logo sur la façade de votre bâtiment sont identiques, nets, parfaits. C’est ce qui distingue le vectoriel du format matriciel (JPEG, PNG), qui lui est composé d’un nombre fixe de pixels et perd en qualité dès qu’on le dépasse.

Tous les logos, pictogrammes et illustrations de qualité professionnelle sont créés en vectoriel. Les formats courants sont l’EPS et l’AI (Adobe Illustrator) pour l’impression, et le SVG pour le web. Si on vous a livré votre logo uniquement en JPEG ou en PNG, vous n’avez pas le fichier source vectoriel, ce qui posera tôt ou tard un problème quand vous aurez besoin de l’imprimer en grand format. C’est une question à poser systématiquement lors de toute création graphique : « Est-ce que je reçois les fichiers vectoriels ? »

Le versioning, ou gestion des versions, c’est la pratique qui consiste à enregistrer chaque modification apportée à un fichier ou à un site web, de façon à pouvoir consulter l’historique complet des changements et revenir à une version antérieure si nécessaire. Dans le développement web, cela se fait principalement avec des outils comme Git, qui tracent chaque modification du code, par qui elle a été faite, et quand. Dans la relation client, le versioning s’applique aussi aux fichiers créatifs : maquette_v1, maquette_v2_après_retours…

Pour vous, la notion de versioning a une implication concrète et immédiate : les sauvegardes de votre site. Un site sans sauvegarde régulière, c’est un site qui peut disparaître du jour au lendemain en cas de problème technique, de piratage ou de fausse manipulation. Votre hébergeur propose souvent des sauvegardes automatiques, mais il vaut mieux vérifier leur fréquence et leur durée de rétention. Pour les projets en développement actif, nous travaillons sous Git : ça signifie que n’importe quelle modification peut être annulée en quelques secondes, ce qui rend les interventions sur votre site bien moins risquées.

Le webdesign, c’est la discipline qui consiste à concevoir l’apparence et l’organisation d’un site web. Il englobe à la fois la dimension esthétique (couleurs, typographies, visuels, mise en page, cohérence avec la charte graphique) et la dimension fonctionnelle (ergonomie, lisibilité, hiérarchie de l’information, fluidité du parcours utilisateur). Un bon webdesign, c’est un design qui sert l’objectif du site, pas juste un design qui fait joli dans un portfolio.

Le webdesign ne se résume pas à l’aspect visuel, et c’est souvent là que le malentendu s’installe avec les clients. Un site « beau » qui se charge lentement, dont les boutons sont trop petits sur mobile, et dont le message principal est noyé dans des animations, n’est pas un bon site. À l’inverse, un site sobre et efficace, bien structuré, rapide et lisible peut très bien performer sans être spectaculaire visuellement. Le webdesign de qualité, c’est l’équilibre entre les deux : une expérience qui inspire confiance, donne envie de rester, et guide naturellement vers l’action.

WordPress, souvent abrégé WP, est le CMS (système de gestion de contenu) le plus utilisé au monde. Il fait tourner plus de 40 % des sites web, des blogs personnels aux grands médias en passant par des millions de sites d’entreprises. C’est un logiciel open source, qui s’enrichit via un écosystème de plugins (extensions fonctionnelles). Son interface d’administration permet de gérer les contenus de votre site sans toucher au code.

WordPress s’impose comme le choix de référence pour les PME et TPE, à condition d’en tirer pleinement parti. Comme tout outil professionnel performant, il fonctionne mieux avec un suivi régulier : mises à jour du cœur, des thèmes et des extensions, sauvegardes, et une surveillance basique de la sécurité. Un site bien entretenu est un site qui dure et qui performe. Pour le e-commerce, WooCommerce offre une flexibilité remarquable. Les projets à fort volume méritent simplement une architecture pensée en amont pour rester fluide et scalable.

Une PME, ou Petite ou Moyenne Entreprise, désigne selon la définition européenne toute entreprise de moins de 250 salariés dont le chiffre d’affaires annuel ne dépasse pas 50 millions d’euros. En France, elles représentent plus de 99 % des entreprises et constituent l’essentiel du tissu économique local. Dans le domaine du web et de la communication, les besoins d’une PME sont bien spécifiques : des solutions robustes, maintenables en autonomie, et dimensionnées à des budgets réalistes, loin des grands projets sur mesure réservés aux grands comptes.

Travailler avec des PME, c’est notre quotidien et notre spécialité. Ce public a des contraintes que les grandes agences ne comprennent pas toujours : pas de service informatique interne, pas de chef de projet digital dédié, des décisions qui se prennent vite mais des budgets qui s’arbitrent avec soin. Notre rôle, c’est justement d’apporter une expertise de haut niveau adaptée à cette réalité : des outils bien choisis, des livrables clairs, et un accompagnement qui vous rend autonome plutôt que dépendant.

Une refonte de site consiste à repenser et reconstruire un site web existant, partiellement ou intégralement. Elle peut toucher le design (nouvelle identité visuelle, nouvelle mise en page), l’architecture (réorganisation des pages et de la navigation), les contenus (réécriture, mise à jour, ajout de nouvelles sections), la technologie (changement de CMS, migration vers un nouvel hébergeur) ou l’ensemble de ces dimensions à la fois. On parle de refonte plutôt que de création quand un site existe déjà et qu’on cherche à le faire évoluer de façon substantielle.

Une refonte n’est pas anodine sur le plan SEO, et c’est l’aspect que les clients sous-estiment le plus souvent. Changer des URL sans redirections, réécrire des contenus qui étaient bien positionnés sans stratégie de mots-clés, changer de CMS sans vérifier que les balises sont correctement reprises : autant d’actions qui peuvent faire plonger une visibilité acquise sur des années en quelques semaines. Une bonne refonte commence par un audit du site existant pour comprendre ce qui fonctionne et mérite d’être préservé, avant de toucher à quoi que ce soit. On ne démonte pas une maison sans avoir d’abord identifié les murs porteurs.

La RSE (Responsabilité Sociétale des Entreprises) désigne la démarche par laquelle une entreprise prend en compte son impact social, environnemental et éthique dans l’ensemble de ses activités. En matière de communication et de présence digitale, ça se traduit par la façon dont vous parlez de vos engagements sur votre site, vos réseaux sociaux et vos supports imprimés : politique environnementale, conditions de travail, ancrage local, partenariats associatifs, accessibilité numérique…

La RSE est devenue un vrai sujet de communication, mais elle mérite d’être abordée avec honnêteté. Le greenwashing, c’est-à-dire afficher des engagements environnementaux ou sociaux qui ne reposent sur rien de concret, est de plus en plus scruté par les consommateurs, les journalistes et les autorités. Une page RSE crédible parle d’actions réelles, mesurables, avec des chiffres et des exemples. C’est d’ailleurs ce type de contenu factuel et engagé qui fonctionne le mieux en SEO : il répond à des questions précises, il est cité et partagé, et il construit une autorité thématique durable.

Le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) est le standard français qui définit les règles à respecter pour rendre un site web accessible à tous, y compris aux personnes en situation de handicap, qu’il soit visuel, moteur, auditif ou cognitif. Il traduit en critères concrets et vérifiables les recommandations internationales des WCAG. On y parle de contrastes de couleurs suffisants, de textes alternatifs sur les images, de navigation clavier, de sous-titres sur les vidéos, et de bien d’autres critères.

Jusqu’ici, le RGAA était surtout une obligation pour les services publics et les grandes entreprises. Mais la réglementation s’étend progressivement, et les entreprises privées d’une certaine taille sont désormais concernées. Au-delà de la conformité légale, l’accessibilité est tout simplement une bonne pratique : un site accessible est mieux structuré, plus lisible, mieux référencé par Google. Ce n’est pas un surcoût, c’est un investissement dans la qualité. Et l’anticiper dès la conception coûte infiniment moins cher que de rattraper le retard après coup.

Une TPE (Très Petite Entreprise) désigne, selon la classification européenne, toute entreprise de moins de 10 salariés dont le chiffre d’affaires annuel ne dépasse pas 2 millions d’euros. Artisans, commerçants, professions libérales, consultants indépendants, micro-entrepreneurs… c’est un tissu économique immense et varié, avec des besoins en communication digitale bien spécifiques. Sur le web, une TPE a rarement besoin d’un site complexe, mais elle a toujours besoin d’un site qui travaille pour elle : bien référencé, crédible, et suffisamment clair pour convaincre en quelques secondes.

Travailler avec une TPE, c’est souvent travailler directement avec le dirigeant, la personne qui a créé et fait vivre l’entreprise. Ce contexte change tout : les décisions vont vite, le budget est précieux, et chaque euro dépensé doit se justifier concrètement. Notre approche pour les TPE, c’est de concentrer les efforts là où l’impact est réel : un site bien structuré, une fiche Google Business optimisée, et un contenu qui répond aux vraies questions de leurs clients. Pas de superflu, pas de solutions surdimensionnées.

Les WCAG (Web Content Accessibility Guidelines) sont les recommandations internationales qui définissent comment rendre les contenus web accessibles à toutes les personnes, quelles que soient leurs capacités. Publiées et maintenues par le W3C (World Wide Web Consortium), elles constituent la référence mondiale en matière d’accessibilité numérique et servent de socle à la quasi-totalité des réglementations nationales, dont le RGAA français. Les critères sont organisés en trois niveaux de conformité : A (minimum), AA (recommandé pour la majorité des sites) et AAA (niveau optimal, exigé dans certains contextes spécifiques).

Les WCAG reposent sur quatre grands principes, résumés par l’acronyme POUR :

• Perceptible (l’information doit être présentée de façon que tout le monde puisse la percevoir, que ce soit visuellement ou via un lecteur d’écran),
• Utilisable (les fonctionnalités doivent être accessibles au clavier, sans délais contraignants),
• Compréhensible (le contenu et les interactions doivent être clairs et prévisibles)
• et Robuste (le code doit être suffisamment solide pour fonctionner avec les technologies d’assistance actuelles et futures).

En pratique, viser le niveau AA des WCAG 2.1 est le bon objectif pour la grande majorité des sites professionnels : c’est ce niveau qui est exigé par le RGAA et reconnu comme référence dans les marchés publics et de plus en plus dans les appels d’offres privés.

Le WebP est un format d’image développé par Google, conçu spécifiquement pour le web. Son objectif : produire des images plus légères que le JPEG et le PNG à qualité visuelle équivalente. En pratique, un WebP peut être 25 à 35 % plus léger qu’un JPEG comparable, et il cumule les avantages des deux : il supporte la compression avec ou sans perte de qualité, et il gère la transparence comme le PNG. C’est le format d’image le mieux adapté aux exigences actuelles du web, tant pour la performance que pour le référencement.

Le WebP est aujourd’hui supporté par tous les navigateurs modernes, Chrome, Firefox, Safari et Edge inclus. C’est la première chose que nous configurons lors de l’optimisation des médias d’un site : convertir les images au format WebP réduit significativement le poids des pages et améliore les scores performance web sans aucun impact visible pour vos visiteurs. Sur WordPress, des plugins comme Imagify ou ShortPixel font cette conversion automatiquement à chaque upload. C’est l’une des optimisations les plus simples à mettre en place pour un impact immédiat et mesurable.

Un wireframe, ou maquette filaire, est un schéma simplifié qui représente la structure et l’organisation d’une page web avant d’aborder le design. Il montre où se placent les blocs de contenu, les menus, les titres, les images et les boutons, en niveaux de gris, sans couleurs ni typographies définitives. C’est une étape intermédiaire entre l’arborescence (la liste des pages) et la maquette graphique complète. L’objectif est de valider la logique de navigation et la hiérarchie de l’information avant d’investir du temps dans l’aspect visuel.

Le wireframe est l’outil qui permet de débattre du fond sans se laisser distraire par la forme. Quand on travaille directement sur une maquette en couleurs, les retours portent souvent sur l’esthétique (« j’aime pas ce bleu », « ce bouton est trop grand ») alors que la vraie question est « est-ce que cette page guide bien le visiteur vers l’action souhaitée ? ». Le wireframe oblige à se concentrer sur ce qui compte : la structure, le message, la logique. Il est aussi beaucoup plus rapide et moins coûteux à modifier qu’une maquette finalisée. Pour les projets complexes ou les clients qui ont du mal à visualiser un site à partir d’une description, c’est une étape qui fait gagner beaucoup de temps à tout le monde.

Le XML (eXtensible Markup Language) est un langage de structuration de données qui fonctionne sur le même principe que le HTML : il utilise des balises pour organiser l’information. Là où le HTML décrit comment afficher un contenu dans un navigateur, le XML décrit la nature et la structure de données pour qu’elles puissent être échangées et comprises par des machines. Il est présent en coulisses sur la quasi-totalité des sites web, même si vos visiteurs ne le voient jamais directement.

Dans le contexte du SEO, le XML est surtout connu pour le fichier sitemap.xml, un fichier qui liste l’ensemble des pages importantes de votre site et que vous soumettez à Google via la Search Console. C’est une façon d’indiquer explicitement à Google quelles pages existent et méritent d’être indexées, particulièrement utile pour les sites de taille importante ou les pages nouvellement créées. Sur WordPress, des plugins comme Yoast SEO ou Rank Math génèrent ce fichier automatiquement. C’est l’une des premières vérifications à faire lors d’un audit SEO : est-ce que le sitemap existe, est-il à jour, et a-t-il bien été soumis à Google ?