Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Les images contribuent à rendre votre site Web attrayant et visuellement attrayant. Cependant, si vous ne le faites pas Optimiser les images avec un texte alternatif (également connu sous le nom de « texte alternatif » ou « balises alt »), vous manquez une occasion importante d’améliorer l’expérience utilisateur et l’accessibilité de votre site Web.

Pour les utiliser correctement, il est important de comprendre d’abord ce que sont les balises alt. Dans cet article, nous allons discuter de ce que sont les balises alt et pourquoi elles sont utilisées. Nous expliquerons également comment ajouter des balises alt aux images dans WordPress et présenterons quelques bonnes pratiques pour ce faire.

Commençons!

Abonnez-vous à notre chaîne Youtube

Qu’est-ce qu’une balise alt?

Des balises Alt sont ajoutées Images en HTMLpour décrire leur contenu et leur contexte sur le site Web. La balise alt apparaîtra également dans le conteneur d’images si le fichier multimédia ne peut pas être chargé ou affiché correctement:

Une balise alt qui apparaît à la place de l'image sur un article de blog.

Les balises Alt aident les personnes qui utilisent des lecteurs d’écran tels que B. Les personnes ayant une déficience visuelle pour comprendre le contenu de votre site Web. Quoi de plus Bots des moteurs de recherche Utilisez-les pour interpréter vos images lorsque vous explorez, indexez et classez votre site Web.

Ajouté dans la balise d’image, une balise alt de qualité est une brève description qui explique non seulement ce que l’image représente, mais également son objectif sur la page. Lorsqu’elle est utilisée en HTML, la balise d’image complète ressemble à ceci:

<img src="motorcycle-sunset.png" alt="Man in black and red checkered shirt riding an orange motorcycle at sunset."/>

Les balises alt d’image sont parfois confondues avec les titres ou légendes d’image. Cependant, les titres d’image sont un type d’attribut différent. Ils apparaissent sous forme de texte contextuel lorsqu’une personne passe la souris sur une image. En revanche, des légendes avec une image apparaissent, généralement ci-dessous, et fournissent des informations supplémentaires ou des détails à ce sujet. Dans des circonstances normales, les visiteurs ne verront jamais les balises alt sur vos images.

Pourquoi utiliser des balises alt pour les images?

Les balises Alt servent à plusieurs fins. Bien que vous n’ayez pas à les utiliser, cela offre des avantages importants. Puisqu’ils sont utilisés à la fois par les robots des moteurs de recherche et par les outils de lecture d’écran, ils constituent un élément important du Accessibilité Web et l’optimisation des moteurs de recherche (SEO).

Ils améliorent l’accessibilité sur Internet

Les balises Alt permettent aux visiteurs de s’assurer qu’ils peuvent accéder au contenu de votre site Web et en profiter, même s’ils utilisent une technologie d’assistance ou des navigateurs de texte brut. Lorsqu’une personne ayant une déficience visuelle visite votre site Web, son lecteur d’écran lira le texte de la page à sa place. Lorsqu’il s’agit d’une image, il utilisera la balise alt pour décrire ce qu’est cette image.

Si la balise alt est manquante, le lecteur d’écran peut lire le nom du fichier image à la place. Non seulement cela est généralement inefficace pour expliquer correctement l’image, mais cela peut aussi être déroutant et ennuyeux, surtout si le nom de fichier n’a pas été optimisé pour le référencement.

Dans certains cas, par ex. Par exemple, si vous laissez le champ de balise alt d’une image dans WordPress vide, le lecteur d’écran ignorera complètement cette image. En supposant que les images que vous mettez sur vos pages Web servent un but, cette absence signifie que le visiteur n’obtient pas la pleine valeur ou l’expérience que vous vouliez en consommant votre contenu.

Vous pouvez améliorer votre classement dans les moteurs de recherche

Les balises alt d’image peuvent vous permettre d’évaluer plus facilement les mots-clés que vous souhaitez cibler. Les robots des moteurs de recherche sont intelligents, mais ils ne peuvent pas interpréter et comprendre les aspects visuels d’une image comme les humains peuvent le faire.

Les attributs Alt offrent un Alternative textuelle à la traduction d’imageset en particulier pour inclure des mots clés pertinents. Les descriptions textuelles contenant des mots-clés cibles peuvent augmenter vos chances de vous classer parmi les meilleurs dans les recherches d’images.

Pour souligner le rôle important que jouent les images (et donc aussi les balises alt) dans l’optimisation des moteurs de recherche, considérez la page de résultats des moteurs de recherche (SERP) pour les «lits king-size»:

Résultats de recherche basés sur des images pour

La première page ne produit pas seulement des résultats textuels. Il existe également de nombreux résultats d’image. Lorsqu’elles sont correctement optimisées et utilisées, les balises alt peuvent aider à améliorer votre référencement et à générer des images hyperliens et cliquables à afficher sur de telles recherches. Ceci est particulièrement bénéfique pour Sites de commerce électronique et les pages de destination.

Comment ajouter une balise alt d’image dans WordPress

Une fois que vous avez compris les avantages de l’utilisation des attributs d’image alt sur votre site Web, il est temps d’apprendre comment cela fonctionne réellement. Heureusement, WordPress rend cette tâche incroyablement facile et directe.

Pour ajouter une balise alt d’image dans WordPress, connectez-vous à votre tableau de bord d’administration et accédez à la page ou à la publication à laquelle vous souhaitez ajouter votre image. Dans le Éditeur WordPressCliquez sur le signe plus et sélectionnez-le photo Bloquer:

Le bloc d'image dans l'éditeur WordPress.

Ensuite, téléchargez votre photo ou choisissez-en une dans votre bibliothèque multimédia. Une fois que vous avez collé l’image dans le bloc, le Paramètres d’image Le panneau de commande s’ouvre dans la barre latérale droite. Vous pouvez saisir votre description dans le champ Texte alternatif Boîte:

Le champ de texte alternatif de l'image dans l'éditeur WordPress.

Lorsque vous avez terminé, enregistrez vos modifications. Vous pouvez également le faire pour les images existantes. Par exemple, si vous souhaitez mettre à jour une image dans un article qui a déjà été publié sur votre site Web, cliquez simplement sur l’image et entrez votre nouvelle balise alt dans la barre latérale.

Comment ajouter une balise alt d’image en HTML

Si vous utilisez WordPress ou tout autre CMS disposant d’un module pour ajouter et modifier des balises alt, il ajoutera automatiquement le HTML pour vous. Cependant, si vous souhaitez ajouter le code vous-même, vous pouvez le faire facilement.

Ajouter HTML Alt-Tag dans WordPressCliquez sur le photo Bloquer. Sélectionnez le bouton avec les trois points verticaux dans la barre d’outils des blocs et choisissez Modifier au format HTML::

L'option de

Le code HTML affiche la balise d’image. Vous remarquerez que l’attribut alt est vide. Mettez votre texte entre guillemets:

Le code HTML d'une balise d'image dans WordPress.

Lorsque vous avez terminé, cliquez sur Aperçu Cliquez sur le bouton pour revenir à l’éditeur visuel et enregistrer vos modifications. Vous pouvez utiliser la même syntaxe et le même format pour modifier la balise d’image HTML de n’importe quel fichier.

Conseils et bonnes pratiques pour l’écriture de balises alt d’image

Il y a quelques points importants à garder à l’esprit lors de la création de vos balises alt. Si vous suivez ces bonnes pratiques, vos balises alt seront plus efficaces:

  • Soyez précis et descriptif. Le but des balises alt est de décrire l’image afin que vous puissiez être aussi précis que possible. Si vous ne savez pas si votre description est suffisante, pensez à l’image que vous visualiseriez si vous ne voyiez que cette ligne de texte.
  • Soyez bref. Bien que vous souhaitiez être détaillé, vous n’avez pas non plus à transformer votre balise alt en un long paragraphe (ou même en une phrase complète). Visez un maximum de 100 à 125 caractères.
  • Ne sois pas superflu. Pour tirer le meilleur parti de votre balise alt, vous ne voulez pas inclure de mots inutiles. Cela comprend l’ajout de «image de» ou «image de» avant la description. Ces éléments ne sont pas obligatoires car ils sont déjà implicites.
  • Intégrez naturellement des mots-clés pertinents. Regardez le vôtre Mots clés cibleset si possible, intégrez-les de manière organique dans le contexte de la page. C’est plus facile si vous utilisez des images très pertinentes qui correspondent au texte.
  • Évitez le bourrage de mots clés. Bien que l’utilisation de mots clés dans vos balises alt puisse améliorer l’optimisation des moteurs de recherche, veillez à ne pas en faire trop. Remplissage de mots-clés peut en fait nuire à votre référencement et créer une mauvaise expérience utilisateur.
  • N’utilisez pas d’images à la place de texte. L’objectif principal d’une balise alt est de fournir un contexte textuel aux machines qui ne peuvent pas traiter et interpréter les éléments visuels d’une page. En tant que tel, il n’a pas de sens d’utiliser du texte dans les images, en particulier pour vos en-têtes et vos titres de page.

Lorsque vous créez des balises alt pour vos images, n’oubliez pas que le but est de décrire l’image à ceux qui ne pourront peut-être pas la voir. Bien que la prise en compte du référencement et des mots-clés soit définitivement une idée intelligente, écrire vos balises alt pour de vrais utilisateurs peut aider à produire des résultats plus positifs.

Conclusion

Les images peuvent aider à améliorer l’apparence de vos pages Web et à les rendre plus intéressantes, informatives et attrayantes. Cependant, pour maximiser leur valeur, il est préférable de les compléter avec des balises alt. Ces explications brèves mais descriptives fournissent un contexte à la fois aux utilisateurs et aux moteurs de recherche. Les balises alt d’image améliorent l’expérience utilisateur, améliorent l’accessibilité et facilitent le classement des mots-clés pertinents.

Avez-vous d’autres questions sur ce qu’est une balise alt ou comment en ajouter une dans WordPress? Faites-nous savoir dans les commentaires ci-dessous!

Image sélectionnée de Honza Hruby / shutterstock.com





Source link

Recent Posts