/ / Comment définir correctement l'attribut ALT sur l'image?

Comment attribuer un attribut ALT à une image correctement?

Chaque page Web est créée à l’aide de balises.- un code écrit dans une langue spécialement fournie (le plus souvent, HTML). Le navigateur de l'utilisateur, à son tour, est capable de lire ce code afin d'afficher correctement toutes les informations que les créateurs de la ressource ont voulu nous transmettre. Il s’avère que tous les éléments de ceux que nous voyons sur la page Web sont fournis par le code source du site que nous visitons.

Optimisation du code

définir l'attribut ALT

Comme vous pouvez le deviner, chaque lettre de cettecode, chaque caractère a une signification. Il est également intéressant de noter que le site peut ne pas contenir visuellement les éléments extrêmement importants pour son optimisation (ce qui signifie que la ressource est correctement configurée pour les moteurs de recherche). Le nombre de ces images peu visibles peut être attribué, par exemple, à l'attribut ALT. Cela fait partie de nombreuses ressources et très souvent, nous ne le remarquons tout simplement pas.

Dans cet article, nous voudrions faire attention à la manière dontune fois cet élément de conception web. Nous vous expliquerons ici pourquoi il est si important pour le classement correct du site, la croissance de son trafic et la convivialité de son utilisation.

Qu'est-ce qu'un attribut ALT?

Commençons par le début: décrivons cet article et pourquoi nous avons besoin de cet attribut.

Attribut ALT

Alors, pour comprendre ce texte d'abordLa file d'attente doit comprendre le langage de balisage HTML. Il s'agit du code sur lequel les pages Web de base sont écrites et qui, comme indiqué précédemment, a la propriété d'être affichée dans le navigateur. La langue entière se compose d'attributs spéciaux (par exemple, IMG, ALT, FONT, etc.). Chacun d'entre eux est responsable de travailler avec un élément de conception particulier. En pratique, l'attribut ALT mentionné ci-dessus est utilisé pour les images pouvant être trouvées sur les pages de sites. Plus spécifiquement, avec son aide, une description est créée pour les images, selon laquelle l'utilisateur (visiteur du site) peut facilement comprendre ce qui est montré sur celles-ci. Vous avez sûrement vous-même rencontré de telles descriptions - elles apparaissent lorsque vous survolez la souris avec la souris.

Signification pratique

Bien entendu, ces attributs sont appliqués dans la pratique.pas juste comme ça. Les webmasters ont besoin de décrire leurs images autant que les visiteurs du site eux-mêmes (et très probablement encore plus). Après tout, si toutes les images ne possèdent pas d'attribut ALT, une personne peut même ne pas s'en rendre compte si des textes explicatifs sont ajoutés aux images de la page. D'autre part, les robots de recherche (avec une ALT vide) peuvent ne pas attribuer une note suffisamment élevée au site, réduire sa position dans le numéro et, par conséquent, ne pas attirer suffisamment de visiteurs. Par conséquent, nous pouvons affirmer avec certitude que les descriptions des images sur le site jouent également un rôle important pour les webmasters eux-mêmes, elles ne doivent donc pas être négligées.

toutes les images visibles n'ont pas d'attribut ALT

Bonus des moteurs de recherche

Pour comprendre mieux que le droit rentableDes étiquettes de description remplies aux images, nous en donnons un petit exemple. Disons qu'il y a un site avec des images placées dessus. Si vous ne prescrivez pas l'attribut ALT, l'utilisateur ne souffrira pas car, dans tous les cas, il verra ce qui est représenté sur une photo en particulier. Un résultat complètement différent attend le propriétaire de la ressource, ce qui va négliger l'étiquette ci-dessus, qui perdra une partie du trafic des catalogues d'images, par exemple.

Comment enregistrer l'attribut ALT?

comment ajouter l'attribut alt pour les images

Techniquement, ce n’est pas difficileremplissez la description ci-dessous telle ou telle image. Cela est évident: vous devez accéder à l'éditeur HTML de votre site Web et trouver le code de l'image (il commence par IMG et se termine par celui-ci). À l'intérieur de ce bloc de code, il y a un code. C'est ce qu'ils veulent dire quand ils disent qu'il est nécessaire de prescrire l'attribut ALT. Ceci est fait comme ceci: “alt =“ description ”.

Attribut ALT pour les images

Si vous ne travaillez pas avec du code propre, maisSi vous utilisez un "moteur" distinct pour le site (par exemple, Wordpress ou Joomla), il intègre un mécanisme spécial permettant d'ajouter des "alt", grâce auquel les moteurs de recherche garderont notre site en mémoire. Si vous remplissez un nouvel ALT, la mise à jour est sur votre page.

Qu'est-ce qui est écrit dans l'attribut?

Bien sûr, quand tu as un problèmeprescrire l’attribut ALT, vous ne pensez pas au côté technique. Le plus souvent, cette question est posée si le webmaster ne sait pas quelles informations il doit indiquer sur une image particulière. De ce fait, il est difficile de dire quelles informations seront utiles au site en termes de moteurs de recherche.

En pratique, il existe de nombreuses approches pour résoudreproblèmes de description. Quelqu'un travaille avec des modèles typiques, selon lesquels la balise est simplement remplie avec des mots-clés pour lesquels la page est créée. C’est peut-être la pratique la plus courante que l’on trouve souvent. Parfois, au lieu de chercher comment configurer un attribut ALT, l’utilisateur laisse simplement cet endroit vide. Ici, il convient de préciser que chacun prend sa propre décision quant à la description à indiquer.

attribut alt manquant

Exigences

Cependant, il existe plusieurs grandsrègles (ou, si vous préférez, exigences), selon lesquelles tout le monde peut créer l’attribut idéal pour ses images. Ils consistent en un petit nombre d'éléments, chacun faisant référence à la description de photos et d'images sur le site.

Par exemple, la première exigence de ce type est la longueurtexte entier. Si vous cherchez comment enregistrer correctement l'attribut ALT, la solution est simple: n'utilisez pas plus de 2-3 mots. Premièrement, le texte de cette taille sera idéalement lu par un robot de recherche (et rendra votre site plus pertinent); Deuxièmement, une telle description est plus compréhensible pour les utilisateurs eux-mêmes. Acceptez de lire toute la phrase, si vous voulez juste savoir ce qui est montré dans l'image, personne ne le fera. Il suffit de décrire brièvement et précisément la description, ce qui sera utile à la fois pour vous et vos clients.

Ne pas oublier la charge sémantique. Si vous publiez une photo avec un éléphant, assurez-vous de décrire sa race ou son histoire. Précisez pourquoi il est représenté sur cette photo, ce que vous voudriez dire. Il sera utile que le visiteur connaisse votre opinion sur cet éléphant.

Un autre point important (qui a été installé dansnombreux tests pratiques) - c’est unique. Si vous cherchez comment prescrire l'attribut ALT à une image, rappelez-vous: il doit être sélectionné de manière unique pour chacune des photos répertoriées sur le site. Par exemple, il sera faux de publier trois images consécutives avec la signature «mon éléphant» - cela ne fait que nuire à votre ressource dans les résultats de recherche. Il est préférable d'appeler les images «éléphant 1» et «éléphant 2», ce qui les rendra plus uniques.

comment définir l'attribut ALT correctement

Enfin, rappelez-vous les paramètres des images elles-mêmes,vous cherchez comment ajouter un attribut alt. Pour les images, il est important de respecter un certain nombre de critères - ne pas avoir des tailles trop petites, avoir l’air réaliste. Autrement dit, si vous spécifiez une description, faites-le pour les images plus sérieuses qui sont prises en compte plus lourdes. Ne spécifiez pas l'attribut ALT pour les petits sourires ou quelque chose comme ça.

Recherche ALT

Enfin, nous avons parlé des bases de l’attribut, de lacertaines des règles pour sa préparation et les exigences des deux parties (utilisateurs et robots de recherche). Maintenant, réfléchissons: alors comment rechercher des mots-clés et des expressions que nous enregistrerons sur notre site Web? Comme indiqué ci-dessus, la recherche doit être dirigée vers des bases de données prédéfinies de mots clés qui commencent réellement à attirer des clients sur votre site. Bien entendu, cela ne sera pas réalisé s'il vous manque encore l'attribut ALT. Prenez sous une forme prête à l'emploi les mots-clés et expressions que vous utilisez dans le contenu et collez-les dans des images.

Si vous n'avez pas cette information et que vous n'êtes pas du toutSi vous envisagez de commencer un peu pour promouvoir votre ressource, nous vous suggérons de commencer par rechercher une base de données contenant des «mots-clés» avec lesquels vous pourrez facilement créer de nouveaux sites. Pour cela, des services tels que Google Keyword Extract Tool ou Yandex.Wordstat sont parfaits, car les statistiques de recherche de certaines expressions sont affichées. En "jouant" avec ces paramètres, vous pouvez augmenter considérablement le partage du trafic de recherche sur vos sites et commencer ainsi à en tirer de nouveaux avantages. L'essentiel est d'éviter une situation dans laquelle toutes les images visibles n'ont pas d'attribut ALT.

Conclusions

Alors, que pouvons-nous dire à propos de la décrit dans ceattribut article? Il fait partie du langage dans lequel les sites les plus simples sont créés - HTML. C'est très simple, car un langage élémentaire et basique est décrit. Afin de toujours enregistrer la balise dans les images, vous devez l'organiser indépendamment via le code source. Ou, profitant de la nouvelle instruction, commencez la réémission. Quoi qu'il en soit, l'indication des balises ALT constitue le cas idéal d'avantage mutuel, lorsque le visiteur et le propriétaire de la ressource sont satisfaits.

La spécification d'une balise peut générer de nouveaux visiteurs.- On observe souvent un tel phénomène sur des services tels que Google et Yandex Images. Lorsque vous cliquez sur l'image, le site détermine la source à partir de laquelle l'image a été prise et redirige le visiteur. Et comme vous le comprenez, il est très important de pouvoir le faire à l’avenir.

</ p>>
Lisez plus: