Titre

Liens en vedette

1. Documentation Company XYZ sur les icônes
2. Documentation Company XYZ sur les paramètres des en-têtes
3. Documentation Company XYZ sur les titres
4. Documentation Company XYZ sur les paramètres de couleurs
5. Documentation Company XYZ sur les paramètres de visibilité
6. Documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez le bloc Heading pour introduire du contenu, aérer les longues pages et créer une hiérarchie de lecture plus claire. Il combine un titre, un texte d’accompagnement facultatif et un appel à l’action facultatif dans un seul bloc flexible.

Utilisez un seul H1 sur une page. Pour la plupart des titres intégrés à la page, choisissez H2 ou un niveau inférieur afin que la structure de la page reste claire et adaptée au SEO.

Paramètres d’en-tête

Ces paramètres définissent le message et la hiérarchie du bloc. Utilisez-les pour contrôler l’alignement, choisir le bon niveau de titre, ajouter du texte d’accompagnement et décider si le bloc doit inclure un bouton. Pour un aperçu plus large du fonctionnement des blocs dans l’éditeur de thème, consultez la documentation Shopify sur les sections et les blocs

Les meilleurs résultats viennent généralement du fait d’attribuer à chaque niveau de texte un rôle distinct : une courte légende pour le contexte, un titre principal pour le message clé et un sous-titre pour les détails supplémentaires. Si le contenu commence à sembler répétitif, supprimez le niveau le moins important plutôt que de remplir chaque champ.

Les champs d’icône vous permettent d’ajouter un emoji ou un nom d’icône pour un accent visuel supplémentaire. Cela fonctionne mieux lorsque l’icône renforce le sens du titre plutôt que de servir uniquement de décoration. Pour des conseils sur les icônes, consultez Icons.

Choisissez le type de titre en fonction de la place du bloc dans la page, pas seulement de sa taille visuelle. Si vous avez besoin d’aide pour choisir la structure du titre, consultez Paramètres d’en-tête et la Titre spécifique au bloc.

Le bouton est facultatif, mais utile lorsque le titre introduit une étape suivante, comme parcourir des contenus, en lire davantage ou ouvrir une destination mise en avant. Les styles remplis rendent l’action plus visible, tandis que les styles simples ou plus petits maintiennent l’attention sur le contenu du titre.

La disposition et la position du bouton comptent surtout lorsque l’espace est limité. Sur mobile, déplacer le bouton sous le texte ou le mettre en pleine largeur peut améliorer le confort de toucher et faciliter la lecture rapide du bloc.

Astuce

Si vous utilisez un bouton composé uniquement d’une icône, assurez-vous que l’icône communique clairement l’action. Une courte étiquette texte est généralement plus facile à comprendre au premier coup d’œil.

Paramètres standard de bloc

Paramètres de couleur

Ces couleurs remplacent le style par défaut du thème pour ce bloc uniquement. Utilisez-les lorsque le titre a besoin d’un contraste plus fort, d’un accent différent ou d’un traitement du texte d’accompagnement plus doux que le contenu environnant.

Privilégiez d’abord la lisibilité, surtout si le bloc apparaît sur un arrière-plan chargé ou sombre. Les choix vides ou de style par défaut conservent généralement le style de secours du thème, tandis que les couleurs ou dégradés explicites rendent le bloc plus indépendant du contenu environnant.

Si vous souhaitez plus de contexte sur les contrôles de couleur partagés, consultez Paramètres de couleur.

Paramètres de visibilité

Utilisez les contrôles de visibilité pour afficher le bloc sur tous les appareils ou le masquer sur ordinateur ou mobile. C’est utile lorsque vous souhaitez un traitement du titre plus court, un emplacement différent pour le bouton ou une pile de contenu plus simple sur les petits écrans.

Note

La visibilité spécifique à l’appareil fonctionne mieux lorsque chaque version a un objectif clair. Évitez de dupliquer le même titre sauf si les mises en page mobile et ordinateur ont réellement besoin d’un traitement du contenu différent.

Vérifiez les vues ordinateur et mobile après avoir modifié la visibilité, car la mise en page, l’alignement et le comportement des médias peuvent varier selon la taille d’affichage.

Pour en savoir plus sur le comportement de visibilité partagé, consultez Paramètres de visibilité.

Notes d’utilisation

1. Choisissez le bon niveau de titre. Faites correspondre le type de titre à la structure de la page et réservez H1 au titre principal de la page.
2. Donnez une utilité à chaque champ de texte. Utilisez la légende, le titre et le sous-titre uniquement lorsque chacun apporte une valeur distincte.
3. Rendez l’action du bouton évidente. Ajoutez un bouton uniquement lorsque le bloc doit mener quelque part, et utilisez un texte concis qui indique aux visiteurs ce qui se passe ensuite.
4. Vérifiez les deux tailles d’affichage. Examinez les mises en page ordinateur et mobile après avoir modifié l’alignement, la visibilité ou l’emplacement du bouton afin que le bloc reste lisible sur chaque taille d’écran.
5. Utilisez les remplacements avec discernement. Appliquez des couleurs personnalisées, des dégradés ou des médias spécifiques à l’appareil uniquement lorsque le style par défaut ou la mise en page partagée ne correspondent plus au contenu.
6. Gardez les médias lisibles. Si vous utilisez des médias séparés pour l’ordinateur et le mobile, assurez-vous que le recadrage et le comportement de secours prennent toujours en charge le titre et tout texte superposé.