Comment ajouter correctement l'attribut ALT à une image ?

Table des matières:

Comment ajouter correctement l'attribut ALT à une image ?
Comment ajouter correctement l'attribut ALT à une image ?
Anonim

Chaque page Web est créée à l'aide d'un balisage - un code écrit dans un langage spécialement fourni (le plus souvent HTML). Le navigateur de l'utilisateur, à son tour, peut 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 que nous voyons sur une page Web sont fournis par le code source du site que nous visitons.

Optimisation du code

définir l'attribut ALT
définir l'attribut ALT

Comme vous pouvez le deviner, chaque lettre de ce code, chaque symbole a une signification. De plus, fait intéressant, il arrive que visuellement le site ne contienne pas les éléments extrêmement importants pour son optimisation (c'est-à-dire le réglage correct de la ressource pour les moteurs de recherche). L'attribut ALT peut être attribué au nombre de ces attributs à peine perceptibles, par exemple. C'est sur les pages de nombreuses ressources, et très souvent nous ne le remarquons tout simplement pas.

Dans cet article, nous aimerions prêter attention à cet élément de la conception Web. Ici, nous vous dirons pourquoi il est si important pour le bon classement du site, la croissance de son trafic et la commodité pour l'utilisateur de travailler avec lui.

Qu'est-ce que l'attribut ALT ?

Commençons par le début: nous allons décrire le sujet de cet articlediscours et pourquoi nous avons besoin de cet attribut.

Attribut ALT
Attribut ALT

Donc, pour comprendre ce texte, vous devez d'abord comprendre le langage de balisage HTML. Il s'agit du code sur lequel sont écrites les pages Web de base, qui, comme déjà indiqué, a la propriété d'être affiché dans le navigateur. La langue entière est composée d'attributs spéciaux (comme IMG, ALT, FONT, etc.). Chacun d'eux est responsable de travailler avec l'un ou l'autre élément de conception. En pratique, l'attribut "Image" mentionné ci-dessus est utilisé pour les images que l'on peut trouver sur les pages du site Web. Plus précisément, avec son aide, une description est créée pour les images, selon laquelle l'utilisateur (visiteur du site) peut facilement comprendre ce qui y est affiché. Vous avez sûrement vous-même rencontré de telles descriptions - elles apparaissent lorsque vous passez la souris sur l'image.

Valeur pratique

Bien sûr, ces attributs sont appliqués dans la pratique pour une raison. Les webmasters ont autant besoin de descriptions pour leurs images que les visiteurs du site (probablement plus). Après tout, si toutes les images n'ont pas l'attribut ALT, une personne peut même ne pas le remarquer si des textes explicatifs sont ajoutés aux images sur la page. D'un autre côté, les robots de recherche (avec un ALT vide) peuvent ne pas classer le site assez haut, réduire sa position dans les résultats de recherche et, par conséquent, n'attireront pas un nombre suffisant de visiteurs. Par conséquent, nous pouvons dire avec certitude que les descriptions des images sur le site jouent également un rôle important pour les webmasters eux-mêmes, de sorte qu'ils ne peuvent pasnégligence.

Toutes les images visibles n'ont pas l'attribut ALT
Toutes les images visibles n'ont pas l'attribut ALT

Bonus des moteurs de recherche

Pour mieux comprendre les avantages des balises de description correctement remplies pour les images, donnons un petit exemple. Disons qu'il existe un site Web avec des images hébergées dessus. Si l'attribut ALT n'est pas défini, l'utilisateur ne souffrira pas, car dans tous les cas, il verra ce qui est montré sur une photo particulière. Un résultat complètement différent attend le propriétaire de la ressource, qui négligera la balise ci-dessus, à cause de laquelle il perdra une partie du trafic des répertoires d'images, par exemple.

Comment écrire l'attribut ALT ?

Techniquement, il n'y a rien de difficile à remplir une description sous telle ou telle image. C'est évident: vous devez aller dans l'éditeur HTML de votre site et trouver le code de l'image (commence par IMG et se termine par le même). À l'intérieur de ce bloc de code, il y a du code. C'est ce qu'ils veulent dire quand ils disent que vous devez écrire l'attribut ALT. Cela se fait comme ceci: " alt=""description".

Si vous ne travaillez pas avec du code pur, mais utilisez un "moteur" séparé pour le site (par exemple, Wordpress ou Joomla), il intègre un mécanisme spécial pour ajouter des " alts" à travers lesquels notre site sera mémorisé par les moteurs de recherche. Si vous remplissez un nouveau ALT, la mise à jour est sur votre page.

Qu'écrivent-ils dans l'attribut ?

Bien sûr, lorsque vous avez la tâche d'écrire l'attribut ALT, vous ne pensez pas à la techniquecôté. Le plus souvent, cette question est posée si le webmaster ne sait pas quelles informations il doit fournir sur une image particulière. Il est donc difficile de dire quelles informations bénéficieront au site du point de vue des moteurs de recherche.

En pratique, il existe de nombreuses approches pour résoudre le problème de description. Quelqu'un travaille avec des modèles typiques, selon lesquels la balise est simplement remplie de mots-clés pour lesquels la page est créée. C'est peut-être la pratique la plus courante que l'on retrouve souvent. Parfois, au lieu de chercher comment écrire l'attribut ALT, l'utilisateur laisse simplement cet espace vide. Il convient de préciser ici que chacun prend ses propres décisions quant à la description à indiquer.

attribut alt manquant
attribut alt manquant

Exigences

En même temps, il existe plusieurs règles de base (ou, si vous préférez, des exigences) selon lesquelles chacun peut additionner l'attribut idéal pour ses photos. Ils se composent d'un petit nombre d'éléments, chacun d'eux faisant référence aux descriptions des photos et des images sur le site.

Par exemple, la première de ces exigences est la longueur du texte entier. Si vous cherchez comment écrire correctement l'attribut ALT, la solution est élémentaire: n'utilisez pas plus de 2-3 mots. Un texte de cette taille sera, premièrement, 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. D'accord, lisez toute la phrase, si vous voulez juste savoir ce qui est montré sur l'image, personne ne le fera. Qu'il suffise d'être bref et précis.une description qui vous sera utile ainsi qu'à vos clients.

N'oubliez pas la signification. Si vous postez une photo d'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 par là. Il serait utile que le visiteur sache ce que vous pensez de cet éléphant.

Un autre point important (qui a été établi au cours de nombreux tests pratiques) est l'unicité. Si vous cherchez comment ajouter l'attribut "Image" à une image, rappelez-vous qu'il doit être unique pour chacune des photos listées sur le site. Par exemple, publier trois images d'affilée avec la légende "mon éléphant" sera une erreur - cela ne fera que nuire à votre ressource dans les résultats de la recherche. Il est préférable de nommer les images "éléphant 1" et "éléphant 2", ce qui les rendra plus uniques.

Enfin, gardez à l'esprit les paramètres des images elles-mêmes auxquelles vous recherchez comment ajouter l'attribut ALT. Pour les photos, il est important de répondre à un certain nombre de critères - ne pas être trop petit, avoir l'air réaliste. Autrement dit, si vous spécifiez une description, faites-le pour des images plus sérieuses qui sont prises en compte avec plus de poids. Ne qualifiez pas l'attribut "Image" pour certaines petites émoticônes ou quelque chose comme ça.

Rechercher ALT

Enfin, nous avons parlé des bases d'un attribut, de certaines règles pour sa compilation et des exigences des deux parties (utilisateurs et robots de recherche). Réfléchissons maintenant: comment rechercher des mots clés et des expressions,que nous prescrirons sur notre site Web? Comme indiqué ci-dessus, la recherche doit être dirigée vers des bases de données prêtes à l'emploi de mots-clés qui commencent vraiment à attirer des clients sur votre site. Bien sûr, cela ne peut pas être réalisé si vous n'avez toujours pas l'attribut ALT. Prenez des mots-clés et des phrases prêts à l'emploi que vous utilisez dans votre contenu et collez-les dans des images.

Si vous ne disposez pas de telles informations et que vous n'avez pas du tout pensé à commencer à promouvoir progressivement votre ressource, nous vous suggérons de commencer à rechercher des bases de données de tels "mots clés" avec lesquelles vous pourrez facilement créer de nouveaux sites. Pour cela, des services comme Google Keyword Extract Tool ou Yandex. Wordstat sont parfaits, qui affichent des statistiques de recherche pour certaines phrases. En « jouant » avec ces paramètres, vous pouvez augmenter considérablement la part du trafic de recherche sur vos sites et ainsi commencer à récolter de nouveaux avantages. L'essentiel est d'éviter une situation dans laquelle toutes les images visibles n'ont pas l'attribut ALT.

Conclusions

Alors, que dire de l'attribut décrit dans cet article ? Il fait partie du langage dans lequel les sites les plus simples sont créés - HTML. C'est très facile à faire, car il décrit un langage élémentaire et basique. Afin de toujours enregistrer la balise dans les images, vous devez l'émettre indépendamment via le code source. Ou, en utilisant les nouvelles instructions, recommencez à vous embrasser. Quoi qu'il en soit, la balise "Image" est le cas parfait d'avantage mutuel lorsque le visiteur et le propriétaire de la ressource sont satisfaits.

Indiquer une balise peut conduire à de nouvellesvisiteurs - ce phénomène est particulièrement souvent observé sur des services tels que Google et Yandex Images. Lorsque vous cliquez sur une image, le site détermine indépendamment la source à partir de laquelle l'image a été prise et redirige le visiteur. Et cela, comme vous le comprenez, est très important pour pouvoir le faire à l'avenir.

Conseillé: