Élément d'en-tête

Qu'est-ce que l'élément d'en-tête ?

Le Élément d'en-tête GemPages vous permet d'ajouter des titres et des sous-titres à vos pages Web. Il se concentre sur la présentation des titres avec des styles clairs et visuellement attrayants, aidant les visiteurs à comprendre rapidement les informations les plus importantes.

En utilisant les titres de manière stratégique, vous pouvez :

• Faites ressortir les informations clés.
• Améliorez la lisibilité de votre page.
• Améliorez le référencement de votre page en utilisant les balises de titre correctes.

Comment ajouter un élément de titre à votre page ?

Étape 1 : Consultez la Tableau de bord GemPages > Pages, puis cliquez sur votre page cible pour localiser l'éditeur.

Étape 2 : Dans la barre latérale gauche, recherchez le Élément d'en-tête et faites-le glisser et déposez-le à l'emplacement souhaité sur votre page.

Étape 3 : Cliquez sur l'élément pour ouvrir ses paramètres pour une personnalisation supplémentaire.

Configurer l'onglet Paramètres des éléments d'en-tête

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Paramètres Dans l'onglet, vous pouvez configurer tous les champs suivants, notamment :

Style de texte

Personnalisez le texte à l'intérieur de votre élément de titre :

• Style:Choisissez le titre
• Fonte:Sélectionnez un style de police qui correspond à l’identité de votre marque.
• Taille:Ajustez la taille de la police pour rendre le titre visible.
• Couleur:Choisissez une couleur qui complète votre design.
• Aligner: Ajustez l'alignement de votre texte à gauche, au centre, à droite ou justifiez.

Cliquez à nouveau sur Afficher plus pour développer les paramètres complets dans le Style de texte section:

• Poids de polices:Contrôlez l'épaisseur ou la finesse du texte.
• Hauteur de ligne:Ajustez l'espace entre les lignes pour une meilleure lisibilité.
• L'espacement des lettres:Créez un look plus moderne ou compact en modifiant l'espace entre les lettres.
• Transformez:Convertissez le texte en majuscules, en minuscules ou mettez en majuscule la première lettre de chaque mot.
• Shadow:Ajoutez une ombre de texte pour donner de la profondeur à vos titres.

Taille

En vertu des Normes sur l’information et les communications, les organismes doivent rendre leurs sites et applications Web accessibles. Ils y parviennent en conformant leurs sites Web au niveau AA des Web Content Accessibility Guidelines (WCAG). Taille section, vous pouvez configurer la largeur et le remplissage de votre titre en fonction de la mise en page de la page.

Par exemple, nous définissons la largeur sur Pleine (100%) et l'espacement inférieur sur 48 px.

Présentation

Dans l' Présentation section, vous pouvez définir une couleur unie/dégradée ou un arrière-plan d'image pour votre titre afin d'améliorer son attrait visuel. 

• CouleurSaisissez un code couleur, choisissez-en un dans le nuancier ou utilisez le sélecteur de couleurs. Vous pouvez également sélectionner une couleur préférée dans le Couleurs récentes Suggéré pour vous listes.

• Image(s):Téléchargez une image comme arrière-plan pour créer un design plus dynamique.

Forme

Personnalisez la forme de votre élément d'en-tête :

• Frontière: Activez la bordure pour encadrer votre titre.

• CORNER: Ajustez le rayon de la bordure pour contrôler la façon dont les coins du conteneur d'en-tête apparaissent arrondis.

• Shadow: Ajoutez de la profondeur en activant un effet d'ombre autour de votre titre.

Le SEO

L'utilisation des balises de titre correctes est essentielle pour le référencement et la lisibilité.

Chaque balise de titre (H1–H6) remplit un objectif spécifique sur votre page :

• H1:Utilisez-le pour le titre principal de la page. Chaque page ne doit contenir qu'un seul H1 pour représenter le sujet principal.
• H2:Idéal pour les titres de section ou les sous-sections principales sous le H1.
• H3:Utilisez-le pour les sous-titres sous H2 pour organiser davantage le contenu.
• H4:Fonctionne bien pour les sections plus petites ou les points détaillés sous H3.
• H5 et H6:Convient aux détails mineurs ou aux sous-points imbriqués.

Remarque : Respectez une hiérarchie logique (H1 → H2 → H3) pour garantir que les moteurs de recherche et les lecteurs peuvent facilement suivre la structure de votre contenu.

Pour des conseils de personnalisation supplémentaires, consultez notre guide sur le Élément de bloc de texte.

Aligner

Ajustez l'alignement du titre pour une meilleure lisibilité. Vous pouvez choisir entre un alignement à gauche, au centre ou à droite.

Configurer l'onglet Avancé

Pour une personnalisation plus avancée, accédez à l'onglet Avancé et suivez les instructions cet article.

FAQ sur l'élément d'en-tête

1. Puis-je avoir plusieurs titres H1 sur une page ?

Nous recommandons d'utiliser uniquement un H1 par page pour maintenir une structure de contenu claire pour les utilisateurs et les moteurs de recherche. Utilisez H2 à H6 pour les sous-titres et les sections complémentaires.

2. Puis-je créer un en-tête de texte rotatif ou animé dans GemPages ?

Pas pour le moment. GemPages n'offre actuellement pas de prise en charge intégrée pour la rotation ou la modification automatique des en-têtes de texte.

3. Quelle est la différence entre l'élément de titre et l'élément de bloc de texte ?

L'élément d'en-tête est optimisé pour les titres et les sous-titres et prend en charge les balises d'en-tête (H1–H6) pour le référencement.
Le Élément de bloc de texte est plus flexible et est généralement utilisé pour le contenu du corps, les liens et les paragraphes.