Le alt text, également appelé texte alternatif ou attribut alt image, décrit avec du texte une image HTML insérée sur une page web. La description n'apparaît pas nécessairement à l'écran, pourtant le rôle du alt text est fondamental : le moteur de recherche « lit » plus facilement un texte qu'il ne comprend une image.
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. Il est donc une solution de secours en cas de bug technique (lenteur, indisponibilité du serveur, etc.).
Comment rédiger une balise « alt » pertinente ? L'attribut « alt » doit correspondre à l'image : il s'agit donc, en peu de mots, de décrire l'image tout en donnant son contexte. Pour la longueur, il est recommandé d'utiliser 3 à 5 mots environ. Rien ne sert de rédiger un long paragraphe de description.
Insérez l'attribut alt à l'intérieur de la balise de l'image et saisissez votre texte de remplacement.
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.
C'est quoi une balise h1 ? La balise h1 désigne un titre sur la page d'un site Internet. La plus importante de toutes les balises Hn, la H1 contient le mot clé principal, car c'est à elle que Google accorde le plus d'importance. Ainsi, la balise H1 est un composant essentiel pour le référencement naturel.
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.
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.
Ce type de rédaction permet de décrire une image qui se retrouve sur votre site web. Ces quelques mots ne sont pas visibles auprès de l'internaute, car ils apparaissent seulement dans le code source du site web.
En langage html, l'alternative textuelle doit être saisie dans l'attribut alt, qui doit lui-même être ajouté à la balise <img>. Ce qui nous donne : <img src=''https://www.nomdusite.com/nom-image.jpg'' alt=''description écrite de l'image'' />.
Appuyez sur la touche Ctrl enfoncée ou cliquez avec le bouton droit sur une image, puis sélectionnez Afficher le texte de remplacement. Sélectionnez une image, puis format de l'image > Texte de remplacement.
À l'instar de la balise h1 HTML, la balise h2 revêt une importance cruciale pour le SEO. Mais, contrairement au titre principal de la page, elle peut être utilisée plusieurs fois pour structurer correctement le texte. Agissant comme des sous-titres, les balises h2 vont offrir un premier découpage du contenu.
<br> : l'élément de saut de ligne. L'élément HTML <br> crée un saut de ligne (un retour chariot) dans le texte. Il s'avère utile lorsque les sauts de ligne ont une importance (par exemple lorsqu'on écrit une adresse ou un poème).
Dans le cas d'un article ou d'une page, gardez à l'esprit que le niveau de titre H1 est la section la plus importante, les H2 et H3 vous servent à organiser les sous-parties tandis que les H4, H5 et H6 ont plus vocation à apporter des compléments d'informations, avec un niveau de détail plus poussé, des exemples…
Les balises Hn correspondent pour une page web aux titres introduisant les différents contenus dans le code HTML. On compte au total 6 balises Hn (le H signifiant « Heading » en anglais).
Les balises strong sont utilisées pour indiquer un texte fort en HTML, tandis que les balises b sont utilisées pour indiquer un texte en gras. La différence entre les deux est que la balise strong indique que le texte doit être accentué, tandis que la balise b rend seulement le texte gras.
L'attribut src contient donc l'adresse à laquelle on va chercher l'image (voir le chapitre Liens). On peut utiliser une adresse absolue ou relative. Il faut cependant proscrire l'inclusion des objets (images, sons, vidéo) situés sur d'autres sites, ce que l'on appelle des « liens à chaud » (hot links).
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.