Pour coder le texte alternatif, il faut renseigner l'attribut alt dans la balise < img src >, de cette manière : < img src="URL source de l'image" alt="texte alternatif" >.
L'attribut Alt est un texte alternatif qui apparaît lorsque la photo prévue ne s'affiche pas correctement à l'écran. Il fournit donc une description aux visiteurs de ce qu'ils devraient voir.
Le texte de remplacement est un texte descriptif qui transmet la signification et le contexte d'un élément visuel dans un paramètre numérique, par exemple sur une application ou une page web.
Pour la rédaction du texte alternatif, il suffit de décrire simplement ce que représente l'image, sans bourrage de mot-clé, comme le conseille Google : « Attachez-vous à créer un contenu utile et informatif qui utilise des mots-clés de manière appropriée et coïncide avec le thème de la page.
Insérez l'attribut alt à l'intérieur de la balise de l'image et saisissez votre texte de remplacement.
L'attribut alt
Il est nécessaire de donner, pour chaque image, un texte de remplacement pour les navigateurs ne supportant pas l'affichage d'images ou pour des raisons d'accessibilité des pages web (cf normes W3C). Le texte de remplacement est spécifié par l'attribut alt : <img src="bienvenue. png" alt="Bienvenue !" >
Les textes alternatifs sont utiles pour des raisons d'accessibilité, c'est-à-dire pour aider les participants ayant un handicap physique ou visuel à naviguer sur votre site. Ils permettent également d'améliorer l'optimisation de votre site pour les moteurs de recherche.
Google et d'autres moteurs de recherche utilisent le texte alternatif pour déterminer ce que les images représentent (ou vers quoi elles renvoient). Cela leur permet de mieux comprendre votre contenu et donc de mieux le classer.
Revenons au point de départ : pourquoi fournir un texte alternatif ? Le contenu de l'attribut alt est un texte permettant de décrire le contenu d'une image. Pourquoi décrire le contenu d'une image ? Parce que tout le monde n'a pas la possibilité d'interpréter un élément visuel pour en restituer le sens.
Cliquez avec le bouton droit de la souris sur l'image et choisissez l'option "Copier le texte de l'image" pour continuer. Le texte sera copié et vous pouvez maintenant le coller où vous voulez.
Sélectionnez les caractères. Choisissez Format - Caractère. Cliquez sur l'onglet Arrière-plan, sélectionnez la couleur d'arrière-plan. Pour les paragraphes, il est possible de choisir un dégradé, une couleur unie, un motif, des hachures ou une image.
Une balise meta est une balise HTML qui se trouve dans la partie HEAD du code source d'une page et qui fournit des méta-données au navigateur, c'est-à-dire des informations au sujet de la page en question.
La balise canonical ou tag canonique est un élément du code HTML qui permet de signaler aux moteurs de recherche qu'un document web propose du contenu dupliqué, repris d'une autre page.
Pas mal, mais peut mieux faire : une image à l'attribut simple, par exemple <img src="chaton. jpg" alt="chaton"/> Image bien optimisée : un attribut « alt » descriptif, par exemple <img src="chaton. jpg" alt=" un chaton qui dort dans son panier "/>
Baliser les images légendées avec <figure role="figure"> et <figcaption> Les images légendées doivent être balisées avec <figure role="figure"> et <figcaption> . La balise <figure role="figure"> doit : Englober l'image ainsi que la légende, qui doit de son côté être balisée avec <figcaption> .
L'attribut src contient un chemin pointant vers l'image que vous voulez intégrer, qui peut être une URL absolue ou relative, de la même manière que l'élément <a> href= attribue des valeurs.
Faites défiler la page vers le haut et appuyez sur « Modifier le texte alternatif », qui se trouve en bas à droite de l'image ou de la vidéo publiée.
Accédez à Format de forme > Effets de texte > Transformer et choisissez l'effet souhaité.