Le niveau d'un titre (H1 à H6) définit sa fonction SÉMANTIQUE dans la structure de la page — crucial pour le SEO et l'accessibilité — et ne doit PAS être choisi selon sa taille (qui se règle séparément). C'est une confusion fréquente et importante. Ce que sont les niveaux de titre : (1) Le HTML définit six niveaux de titres, H1 à H6, qui hiérarchisent le contenu : H1 = titre PRINCIPAL de la page (le plus important), H2 = grands sous-titres (sections), H3 = sous-sous-titres, etc. C'est une HIÉRARCHIE (comme le plan d'un document : titre → parties → sous-parties). (2) Ces niveaux ont un SENS (sémantique), indépendamment de leur apparence : ils disent la STRUCTURE du contenu, pas sa taille. Pourquoi c'est IMPORTANT : (1) SEO (référencement). Les moteurs de recherche utilisent la hiérarchie des titres pour COMPRENDRE la structure et le sujet de la page. Le H1 signale le sujet principal ; les H2/H3 organisent les thèmes. Une structure de titres claire et cohérente aide le référencement. Un seul H1 par page (le titre principal) est la règle. (2) ACCESSIBILITÉ. Les personnes utilisant un lecteur d'écran NAVIGUENT par les titres (elles sautent de titre en titre pour parcourir la page). Une hiérarchie correcte (H1 → H2 → H3, sans sauter de niveaux) leur permet de comprendre et parcourir le contenu. Des titres mal hiérarchisés désorientent. (3) STRUCTURE et lisibilité. Une bonne hiérarchie de titres organise le contenu logiquement (pour tous les lecteurs). L'erreur classique (à éviter) : (1) Choisir un niveau de titre pour sa TAILLE (« je veux un gros texte, je mets un H1 » ou « je veux un petit titre, je mets un H4 »). C'est une ERREUR : le niveau détermine la SÉMANTIQUE (la structure), pas la taille. (2) Conséquences : plusieurs H1 sur une page (mauvais pour le SEO), une hiérarchie incohérente (H1 puis H4 puis H2…), des titres qui désorientent les lecteurs d'écran. (3) La TAILLE et le STYLE d'un titre se règlent SÉPARÉMENT (dans l'onglet Style d'Elementor) : on peut avoir un H2 qui paraît grand ou petit selon le style choisi — indépendamment de son niveau sémantique. Comment BIEN choisir le niveau : (1) Choisissez le niveau selon la FONCTION dans la structure, pas la taille. (2) UN SEUL H1 par page : le TITRE PRINCIPAL (le sujet de la page). (3) H2 pour les grandes SECTIONS/sous-titres. (4) H3 pour les sous-sections à l'intérieur d'un H2. (5) Ne SAUTEZ PAS de niveaux (ne passez pas d'un H2 à un H4 directement) : respectez la hiérarchie descendante. (6) RÉGLEZ la taille et le style à part (onglet Style), pour l'apparence — indépendamment du niveau. (7) Pour un « titre » purement décoratif sans rôle structurel, on peut parfois utiliser un niveau approprié ou un autre élément selon le cas. Dans Elementor : (1) Le widget Titre permet de choisir le niveau (H1-H6) — choisissez-le selon la STRUCTURE. (2) La taille/le style se règlent dans l'onglet Style (indépendamment). En résumé : le niveau d'un titre (H1 à H6) est important car il définit la HIÉRARCHIE SÉMANTIQUE de la page — le SEO (les moteurs comprennent la structure et le sujet ; un seul H1 = titre principal) et l'ACCESSIBILITÉ (les lecteurs d'écran naviguent par les titres) en dépendent. Choisissez le niveau selon la FONCTION dans la structure (H1 = titre principal unique, H2 = sections, H3 = sous-sections), sans sauter de niveaux — et NON selon la taille voulue (l'erreur classique). La taille et le style se règlent SÉPARÉMENT (onglet Style d'Elementor), indépendamment du niveau. Un H2 peut paraître grand ou petit sans changer son rôle structurel. Bien hiérarchiser les titres (sémantique correcte + style réglé à part) est essentiel pour un site bien référencé, accessible et structuré — une bonne pratique fondamentale souvent négligée.

Bien utiliser les images dans Elementor suppose de renseigner leur TEXTE ALTERNATIF (alt), de les OPTIMISER (poids, dimensions, format) et de les gérer via la médiathèque — pour l'accessibilité, le SEO et la performance. Le TEXTE ALTERNATIF (alt) : (1) Ce que c'est : un texte qui DÉCRIT l'image, associé à elle (renseigné dans la médiathèque WordPress ou le widget Image). Il n'est pas visible normalement, mais joue plusieurs rôles essentiels. (2) ACCESSIBILITÉ : les lecteurs d'écran (pour les personnes malvoyantes) LISENT le texte alternatif à la place de l'image — sans alt, l'image est « invisible » pour elles, ou annoncée par un nom de fichier incompréhensible. Un alt descriptif rend l'image accessible. (3) SEO : les moteurs de recherche utilisent l'alt pour COMPRENDRE le contenu de l'image (ils ne « voient » pas l'image) — utile pour le référencement (notamment la recherche d'images). (4) Affichage de secours : si l'image ne charge pas, l'alt s'affiche. (5) Bonnes pratiques : décrire l'image de façon concise et pertinente (ce qu'elle montre), sans bourrer de mots-clés. Les images purement décoratives peuvent avoir un alt vide. L'OPTIMISATION des images (performance) : (1) Le POIDS : les images sont souvent la première cause de LENTEUR d'un site. Une image trop lourde (plusieurs Mo) ralentit le chargement. COMPRESSEZ vos images (outils de compression, plugins d'optimisation) pour réduire leur poids sans perte visible. (2) Les DIMENSIONS : n'uploadez pas une image de 4000px pour l'afficher en 400px — REDIMENSIONNEZ à la taille d'affichage réelle (une image trop grande gaspille de la bande passante). Elementor/WordPress génèrent des tailles, mais partez d'une image raisonnable. (3) Le FORMAT : privilégiez les formats modernes et efficaces (WebP compresse mieux que JPEG/PNG à qualité égale). (4) Le LAZY LOADING (chargement différé) : charger les images seulement quand elles apparaissent à l'écran (WordPress/Elementor le font souvent nativement, ou via un plugin) — accélère le chargement initial. Gérer les images dans Elementor : (1) Les images viennent de la MÉDIATHÈQUE WordPress (on téléverse, on réutilise). (2) Le widget IMAGE permet de choisir l'image, sa TAILLE (Elementor propose des tailles générées), son alignement, un LIEN éventuel (cliquer sur l'image), et de gérer l'alt. (3) On peut aussi mettre des images en ARRIÈRE-PLAN de conteneurs (niveau 2-1). Les bonnes pratiques d'ensemble : (1) Toujours renseigner l'ALT (descriptif, pertinent) — accessibilité et SEO. (2) OPTIMISER avant/après upload : compresser, dimensionner à la taille réelle, format moderne (WebP), lazy loading. (3) Choisir la bonne TAILLE d'affichage dans le widget (ne pas afficher énorme puis réduire). (4) Utiliser un plugin d'OPTIMISATION d'images (compression automatique) pour tout le site. (5) Nommer les fichiers de façon descriptive (aide un peu le SEO). (6) Ne pas surcharger les pages d'images lourdes (impact performance, niveau 5). Pourquoi c'est important : (1) ACCESSIBILITÉ (alt) : rendre le site utilisable par tous. (2) SEO (alt, poids) : mieux référencer. (3) PERFORMANCE (poids, dimensions, format, lazy loading) : un site rapide (les images sont souvent le principal facteur de lenteur). En résumé : bien utiliser les images dans Elementor consiste à toujours renseigner le TEXTE ALTERNATIF (alt) — descriptif et pertinent (pour l'ACCESSIBILITÉ, où les lecteurs d'écran le lisent, et le SEO, où les moteurs comprennent l'image) —, et à OPTIMISER les images pour la PERFORMANCE : COMPRESSER (réduire le poids — première cause de lenteur), REDIMENSIONNER à la taille d'affichage réelle, utiliser des FORMATS modernes (WebP) et le LAZY LOADING (chargement différé). Gérez les images via la médiathèque, choisissez la bonne taille d'affichage dans le widget, et utilisez un plugin d'optimisation d'images pour tout le site. Ces bonnes pratiques (alt + optimisation) servent l'accessibilité, le référencement et la vitesse — trois enjeux majeurs. Des images sans alt et non optimisées pénalisent le site sur ces trois plans ; des images bien décrites et légères le rendent accessible, bien référencé et rapide.