Rédigez des descriptions d’images claires et concises pour améliorer votre SEO et le niveau d’accessibilité de votre contenu.

Le texte de remplacement est le texte que vous ajoutez aux images pour les rendre plus accessibles aux visiteurs. Les moteurs de recherche utilisent également le texte de remplacement pour identifier le contenu de l’image. Il s’agit donc d’un excellent moyen d’améliorer le SEO de votre site. Le nom de fichier de votre image sert parfois de texte de remplacement si vous n’en ajoutez pas manuellement. Pour les blocs Image et les dispositions automatiques, vous devez ajouter manuellement le texte de remplacement. 

Le texte de remplacement est également utile pour les lecteurs d’écran ou les navigateurs sur lesquels les images sont désactivées. Si un navigateur ne peut pas afficher l’image, le texte de remplacement peut apparaître à la place. Le texte de remplacement n’a pas besoin d’être visible sous forme de texte brut sur la page pour qu’un lecteur d’écran puisse le lire. Lorsque vous ajoutez un texte de remplacement, utilisez des termes courts et lisibles qui décrivent l’image. Suivez nos conseils pour rendre vos images accessibles.

Ce guide explique comment ajouter du texte de remplacement aux images de votre site et répertorie les images qui incluent automatiquement du texte de remplacement.

Regarder une vidéo

Bonnes pratiques concernant le texte de remplacement

Lorsque vous rédigez votre texte de remplacement, tenez compte du fait que vous vous adressez à des personnes qui utilisent un lecteur d’écran ou qui ont désactivé les images sur leur navigateur. À retenir :

• Faites en sorte que votre description soit utile. Comment décririez-vous cette image à quelqu’un qui ne la voit pas ?
• Le texte doit de préférence être court, douze mots tout au plus.
• Optimisez votre texte pour la recherche en incorporant des mots-clés, mais évitez toute surcharge de mots-clés.
• Rédigez des phrases normales, sans séparer vos mots par des tirets.
• Vous pouvez omettre les articles (« le », « un ») et les termes comme « photo » et « image ». Par exemple, n’appelez pas votre image photo d’un vase vert, mais vase vert.

Nom des fichiers images

Le nom de fichier d’une image est utilisé comme texte de remplacement si aucun autre texte de remplacement n’est ajouté, sauf pour les blocs Image et les dispositions automatiques. Nous vous recommandons de vous référer à nos bonnes pratiques concernant le texte de remplacement lorsque vous créez des noms de fichiers pour vos images.

Pour changer le nom du fichier, mettez-le à jour dans la bibliothèque de ressources.

Astuce : utilisez uniquement des lettres, des chiffres, des tirets bas et des traits d’union dans les noms de fichiers.

Logo du site

Le titre du site sert de texte de remplacement pour le logo du site.

Blocs Image

Vous pouvez ajouter un texte de remplacement de 250 caractères maximum à n’importe quelle disposition de bloc Image. Si vous n’ajoutez pas de texte de remplacement aux blocs Image, l’image sera masquée des technologies d’assistance, telles que les lecteurs d’écran. La méthode pour ajouter du texte de remplacement à un bloc Image dépend de la version de Squarespace qu’utilise votre site.

Images des dispositions automatiques et des sections Galerie

Les dispositions automatiques et les sections Galerie ne sont prises en charge que dans la version 7.1.

Vous pouvez ajouter le texte de remplacement aux dispositions automatiques et aux sections Galerie, mais chacune utilise une méthode différente.

Dispositions automatiques

Si le champ de texte de remplacement de l’image n’apparaît pas dans l’onglet Éléments, activez l’option Afficher l’image. Pour ajouter du texte de remplacement aux images dans les sections de disposition automatique :

1. Lors de la modification d'une page, survolez la section Disposition automatique et cliquez sur Modifier le contenu.
2. Cliquez sur l’onglet Contenu.
3. Cliquez sur l’image pour laquelle vous souhaitez ajouter du texte de remplacement.
4. Faites défiler jusqu'à Texte de remplacement de l'image et entrez votre texte de remplacement dans le champ.
5. Cliquez sur Retour, puis sur Enregistrer.

Si vous n'ajoutez pas de texte de remplacement aux dispositions automatiques, aucun texte de remplacement ne s'affiche.

Sections Galerie

Les sections Galerie présentent principalement des images. Si vous ajoutez une description à une image d’une section Galerie, elle devient automatiquement le texte de remplacement et la légende de l’image.

Images du bloc Galerie

Dans la version 7.1, vous pouvez ajouter des blocs Galerie uniquement aux billets de blog, aux produits et aux événements.

Pour ajouter un texte de remplacement à une image dans un bloc Galerie :

1. Double-cliquez sur le bloc Galerie ou cliquez sur Modifier.
2. Trouvez l’image que vous souhaitez modifier, survolez-la, puis cliquez sur .
3. Ajoutez le texte de remplacement dans le champ Saisir un titre d’image. Si vous n’ajoutez pas de titre à l’image, le texte qui se trouve dans le champ de description devient le texte de remplacement.
4. Cliquez sur Enregistrer.

Images mises en avant de billets de blog et d’événements

Le titre du billet de blog ou de l’événement sert de texte de remplacement pour l’image mise en avant du billet ou de l’événement. Pour les pages Événements, ce texte est le même dans les dispositions liste et calendrier.

Images mises en avant des pages

Les noms de fichier servent de texte de remplacement pour les images mises en avant des pages. Avant de charger vos images mises en avant, donnez-leur le nom que vous souhaitez voir apparaître.

Image miniature du bloc Vidéo

Lorsque vous ajoutez des blocs Vidéo à votre page à l’aide d’une URL, le bloc génère automatiquement une image miniature superposée. Si vous ajoutez une miniature personnalisée, le nom du fichier s’affichera dans l’URL statique, mais pas en tant que texte de remplacement. Il n’est pas possible d’ajouter du texte de remplacement aux images miniatures des blocs Vidéo.

Images de produits

Vous pouvez ajouter un texte de remplacement de 200 caractères maximum à l’image de produit de votre choix. Si vous n’ajoutez pas de texte, le nom du produit devient votre texte de remplacement. Pour ajouter un texte de remplacement :

1. Sur votre page Boutique, survolez un produit, puis double-cliquez dessus.
2. Survolez l'image du produit, cliquez sur les trois points, puis cliquez sur Modifier les métadonnées.
3. Ajoutez votre texte dans le champ de texte de remplacement.
4. Cliquez sur Appliquer.

Images de la page de Couverture (version 7.0)

Pour ajouter un texte de remplacement à une image de la page de couverture :

1. Dans le menu de la page de couverture, cliquez sur le panneau Média.
2. Survolez l’image et cliquez sur .
3. Ajoutez le texte de remplacement dans le champ Entrer le texte de remplacement....
4. Cliquez sur Enregistrer.

Images de la page Galerie (version 7.0)

Pour ajouter un texte de remplacement à une image sur une page Galerie :

1. Cliquez sur la page Galerie dans le panneau Pages.
2. Trouvez l’image que vous souhaitez modifier, survolez-la, puis cliquez sur .
3. Ajoutez le texte de remplacement dans le champ Titre de l’image. Si vous n’ajoutez pas de titre à l’image, le texte figurant dans le champ de description devient votre texte de remplacement.
4. Cliquez sur Enregistrer.

Sections Image, Blog et Produit des campagnes e-mail

Dans les Campagnes e-mail Squarespace, vous pouvez ajouter un texte de remplacement aux images, aux billets de blog et aux produits que vous ajoutez à votre campagne :

1. Dans votre brouillon de campagne, cliquez sur une section Image, une section de blog ou une section Produit.
2. Dans le panneau de droite, cliquez sur l’image, le billet de blog ou le produit auquel vous souhaitez ajouter un texte de remplacement.
3. Ajoutez un texte de remplacement sous Texte de remplacement de l’image. Le texte de remplacement est enregistré automatiquement.

Si vous n’ajoutez pas de texte de remplacement à ces sections, aucun texte de remplacement ne s’affiche. Il n’est pas possible d’ajouter un texte de remplacement aux images ou aux logos dans l’en-tête de la campagne.

Images d'arrière-plan des sections

Il n’est pas possible d’ajouter du texte de remplacement aux images d’arrière-plan. Les images purement décoratives, comme les images d’arrière-plan abstraites ou le contenu graphique servant de séparateur, ne nécessitent pas de description. Pour en savoir plus, consultez les Directives pour l’accessibilité des contenus web.

Si vous souhaitez toujours ajouter du texte de remplacement à une image d’arrière-plan, une solution consiste à utiliser un bloc Image comme arrière-plan de section, remplir le bloc, puis y ajouter du texte de remplacement.

Vous pouvez également ajouter du texte de remplacement à une image d’arrière-plan en ajoutant du code personnalisé. Pour en savoir plus, lisez cette publication sur Squarespace Forum. Notez bien que les modifications de code personnalisé ne sont pas prises en charge par notre service d’assistance. Nous ne sommes donc pas en mesure de vous aider ni pour la configuration de solutions basées sur du code, ni pour leur dépannage.

Étapes suivantes

• Pour plus de conseils sur le SEO, consultez Comment augmenter la visibilité de mon site auprès des moteurs de recherche ?
• Pour savoir comment rendre votre site plus accessible, rendez-vous sur Rendre votre site Squarespace plus accessible.

Conseil : pour vous assurer que la taille des images, le nom des fichiers et le texte de remplacement sont optimisés pour les moteurs de recherche et les visiteurs, connectez l’extension TinyIMG. TinyIMG dispose également d’un audit SEO qui identifie les problèmes affectant le SEO de votre image. Bien que nous travaillions avec des services tiers pour garantir le bon fonctionnement des Squarespace Extensions, nous ne fournissons pas d’assistance pour les extensions. Nous pouvons vous aider à connecter ou à déconnecter vos extensions. Pour toute autre question, contactez directement le fournisseur d’extensions.