Descriptions des images dans l'attribut alt. Texte du titre avec mot-clé. Le rôle des attributs title et alt dans l’optimisation du référencement des images

05.05.2019

Presque tous les articles et pages sur Internet contiennent des liens et des images, et si soudainement vous ne les avez plus, ajoutez-les et optimisez-les immédiatement. Vous pouvez optimiser les images et les liens en utilisant les attributs title et alt. Nous verrons comment procéder correctement dans cet article.

Auparavant, nous l’avons vu de manière générale, parlons maintenant plus spécifiquement des images et des liens.

Une bonne utilisation des attributs title et alt vous permettra d’optimiser vos images et vos liens et contribuera à augmenter le trafic vers votre site.

Navigation dans les pages :

Différence entre les attributs title et alt

Quelle est la différence entre les attributs title et alt ?? À première vue, ils portent une charge informative similaire, mais ils présentent des différences très significatives.

attribut de titre(à ne pas confondre avec la balise Title) décrit l'élément dans lequel il se trouve ; lorsque vous survolez l'élément, vous verrez la description cachée dans l'attribut. L'objectif principal de l'attribut est de fournir des informations supplémentaires au visiteur du site. Le titre doit révéler l'essence de l'élément, que ce soit une image ou un lien.

attribut alt- est un attribut de la balise img dont le but est d'afficher l'essence de l'image dans le cas où il est impossible de charger l'image ou lorsque le dessin des images est délibérément désactivé par les paramètres du navigateur. La deuxième propriété à ne pas négliger est le fait que l’attribut alt est lu par les robots de recherche. Comme ils ne savent pas actuellement lire les images, l’attribut alt est pour eux des informations sur l’image qu’ils saisissent dans leur base de données.

Attributs Alt et title pour les images.

Lorsque vous ajoutez des images aux publications, veillez à utiliser les attributs title et alt. Dans ces attributs, il vaut la peine d'inclure des mots-clés pertinents pour votre message ; cela donnera non seulement une concentration de mots-clés dans « l'image » globale du contenu, mais vous permettra également d'avancer dans les recherches d'images.

Que faut-il écrire dans les attributs title et alt ?

L'attribut title est destiné aux visiteurs, pour obtenir des informations détaillées sur l’image. Lorsque vous passez le curseur sur l'image, nous obtiendrons le texte qui a été écrit dans le titre. Le titre doit inclure une description détaillée, ce qui vous fera comprendre l'essence de l'image.

Alt est plus informatif pour les robots de recherche car il s'agit d'une alternative à une image graphique et il vaut la peine de saisir des mots plus spécifiques dans cet attribut qui résument l'essence de ce qui est présenté.

Un exemple d'utilisation des attributs title et alt lors de l'optimisation des images.

Regardons un exemple d'utilisation des attributs title et alt et leur remplissage optimal. Nous avons cette photo :

La balise img dans ce cas ressemble à ceci :

De cet exemple, nous voyons que la valeur alt est utilisée sous une forme plus stricte, il sera affiché lorsque l'affichage des images est désactivé ou en cas de problèmes de chargement de l'image. Pourquoi sous forme compressée ? Le fait est que si nous écrivons un texte volumineux et que l'image ne se charge pas, nous verrons très probablement une duplication du texte. En d’autres termes, vous ne devez pas transmettre un fragment de texte à l’attribut alt, vous devez l’ajouter le plus court possible ;

Regardons maintenant l'attribut title, il est présenté plus en détail et plus informatif pour le lecteur ; lorsque vous passez le curseur sur l'image, nous verrons l'effet de l'attribut title.

Important : essayez de ne pas dupliquer le titre et l'alt du titre du message principal, cela peut conduire à du spam, ce qui affectera négativement la promotion. Modifiez le texte dans les attributs.

Optimiser les liens internes à l'aide de l'attribut Title

Pour optimiser le lien n'en utiliser qu'un attribut de titre. Le but de l'attribut title dans un lien- fournir des informations sur la transition proposée, pour mieux comprendre à quoi fait référence l'auteur, et ce que l'on verra au final.

Que faut-il écrire dans l’attribut title d’un lien ?

Description dans le lien du titre doit être informatif et pertinent par rapport au texte de la publication elle-même où se trouve le lien et par rapport à la page de destination de la transition. En d’autres termes, vous ne devez citer que des articles dont le sujet est similaire.

Texte du titre doit être différent de l’ancre (texte du lien), ceci est important et ne doit pas être oublié. Ça vaut aussi le coup utiliser des mots-clés dans le titre, ce qui augmentera le poids de la page de destination.

Un exemple d'utilisation de l'attribut title lors de l'optimisation d'un lien

Comme nous le voyons, nous avons contribué attribut de titre dans la description du lien, et l'ancre diffère du texte du titre, mais les deux nous renseignent de manière informative sur le lien, ce que nous devions réaliser.

Si c'est la première fois que vous digérez ces informations, alors vous avez beaucoup de travail devant vous pour optimiser vos liens et vos images, c'est un long chemin difficile, mais cela sera payant.

Ceci conclut la leçon sur l'optimisation des images et des liens, il y a encore beaucoup de choses intéressantes à venir, mais pour l'instant vous pouvez étudier le reste et l'optimisation des moteurs de recherche.

Soyez optimisé et que le TOP 1 soit avec vous)))

Le sujet de l'article d'aujourd'hui est le référencement - optimisation d'image à l'aide de l'attribut ALT. Beaucoup de gens ne savent pas que lorsque vous optimisez cet attribut, vous augmentez la probabilité que des personnes visitent votre site. Alors, je vous le dirai plus en détail plus tard dans l’article :

Qu'est-ce que l'attribut ALT ?

ALT est un attribut qui contient un texte alternatif pour une image. L'attribut est affiché lorsque le navigateur est désactivé pour afficher l'image, mais vous ne le verrez pas dans les paramètres standard.

Comment rédiger correctement une description d'image

Avant d'écrire le titre, je vais vous signaler les erreurs courantes que je remarque sur les sites Web.

Attributs videsALTEtTITRE. En règle générale, de nombreux optimiseurs de référencement ne se soucient pas de cette balise. Oui, il est possible que si votre site est très grand et compte 100 000 visiteurs par jour, vous ne devriez pas vous en soucier, mais si vous débutez et que vous avez besoin de votre premier trafic, cela vaut toujours la peine de préciser les attributs.

L'image et les attributs ne correspondent pas. Disons que si votre photo montre une BMW X5 et que vous spécifiez une Audi A3 dans l'attribut, ne vous attendez pas à ce qu'une personne suive votre photo sur le site.

Réoptimisation. Il s’agit d’un problème courant qui peut être utilisé comme exemple de ce qu’il ne faut pas faire. Les optimiseurs, dans l'espoir d'obtenir le trafic tant convoité, écrivent plusieurs mots-clés dans l'attribut « alt » et attendent que les positions dans les résultats de recherche parmi les images commencent à augmenter. Vous devez comprendre que ce texte sera lu par des personnes qui évalueront plusieurs images, et s'il ne s'agit que de spam, personne ne cliquera sur le lien. Il n'est pas recommandé d'ajouter des mots commerciaux « acheter, commander, prix, coût, nom de la ville ».

Les moteurs de recherche peuvent également vous imposer des sanctions, alors ne vous laissez pas emporter.

Comment devez-vous écrire des balises pour les images ?

Description brève et claire de l'image. Décrivez l'image aussi précisément que possible et si l'ALT a été créé automatiquement, revérifiez toutes les pages.

La longueur de l'attribut est limitée. Les moteurs de recherche prennent en compte 3 à 4 mots (environ 250 caractères), ce qui rend difficile la description d'une image.

Inclusion de mots-clés. En fait, c'est pourquoi l'attribut ALT mérite d'être spécifié. Écrivez le mot-clé dans un texte convivial.

Par exemple:

alt="Réparation d'ordinateurs à Cheboksary"

Attributs uniques pour chaque image. C’est également un élément important, le problème le plus courant parmi les optimiseurs de référencement. À l'aide d'un exemple, je vais vous montrer comment le résoudre.

La fiche produit contient de nombreuses photos

Comment pouvez-vous séparer les images du même produit si vous ne pouvez pas envoyer de spam et si vous devez enregistrer chaque image unique ? Disons que « système divisé HYUNDAI H-AR6-07H » peut s’écrire comme suit :

«Système divisé HYUNDAI H-AR6-07H Type 1»

«Système divisé HYUNDAI H-AR6-07H Type 2»

En plus des photos de produits, vous avez des éléments sur votre site internet : des produits similaires, ce produit est consulté plus souvent, etc. Ce type d'image ne doit pas être négligé et optimisé pour le référencement en spécifiant ALT et Titre. De plus, cela vaut la peine de prendre le temps de noter précisément : la marque, le modèle, le numéro du produit, tous les paramètres importants que les gens peuvent saisir dans la recherche.

Taille de l'image– plus la résolution de l’image est élevée, mieux c’est. Dans tous les cas, son affichage peut être ajusté grâce aux attributs « largeur » et « hauteur ». Mais il ne faut pas rendre l'image trop petite, sinon les moteurs de recherche ne prendront pas en compte une image inférieure à 150 pixels et la considéreront comme une icône.

Emplacement de l'image– le plus proche possible du texte qui contient les mots-clés. C'est pourquoi de nombreux optimiseurs prennent ce facteur en compte et la disposition standard de l'image ressemble à ceci :

Texte du titre avec mot-clé

Description supplémentaire

Réduire le poids de l'image. La taille de l'image joue un rôle clé, car si elle pèse tellement qu'elle ralentit même la vitesse de chargement du site, cela affectera le classement de l'ensemble du site. Oui, oui, c'est arrivé !

Légende sous l'image

Si votre site comporte beaucoup d’images et quasiment pas de texte, une légende avec une image sera utile, il est donc nécessaire de l’optimiser d’un point de vue SEO :

Spécifiez des mots-clés. L'inclusion de mots-clés dans la signature est obligatoire, puisque ce texte jouera un rôle dans le classement de l'ensemble de la page ;
Énoncez un fait/un avantage concernant l’image.

Par exemple, vous avez une photo des haut-parleurs de l'iPhone 7.

Dans la signature, indiquez ce fait : « Le son de l'iPhone 7 est devenu sensiblement meilleur grâce à l'éclairage. » L'attitude de Yandex envers l'attribut ALT

« Comment puis-je mettre ma photo en premier ? »

Lors du classement des images, le texte adjacent à l'image est pris en compte. Plus la description de l’image correspond précisément à la requête de l’utilisateur, plus la probabilité que l’image s’affiche sur la première page des résultats de recherche est élevée.

Le texte sous l’image est bien plus utile pour le moteur de recherche que l’ALT lui-même.

Classement des images Google

Outre l'ALT susmentionné, voici ce que Google prend en compte lors du classement des images.

Passons en revue les principaux facteurs pour Google.

Photos de bonne qualité– cela devrait être clair, donc. Personne ne sera intéressé par des photos floues ou simplement de mauvaise qualité. Ici plutôt, la qualité de l'image joue un rôle dans sa cliquabilité, un certain CTR.

Pages séparées pour chaque image– une idée intéressante, mais honnêtement, je rencontre rarement de tels sites. L'optimisation devient problématique : boutiques en ligne, sites one-page, sites catalogue où sont stockés un grand nombre d'images.

Qu’en est-il de l’attribut Title ?

Google n'a pas mentionné et Yandex n'a pas mentionné l'attribut Title. (A ne pas confondre avec le tag). Il ne sera certes pas superflu de l’indiquer, mais cela n’est possible que parce que le Titre s’affiche au survol de l’image et est porteur de sens. À cet égard, comme pour le texte sous l'image, vous pouvez expérimenter, indiquer des informations utiles : faits divers, avantages, etc.

En tout cas, il est bien plus utile que celui que j’ai écrit tout récemment.

C'est ça. Posez des questions dans les commentaires sur ce que vous pensez des attributs ALT et TITLE. Comment stylisez-vous vos images ?

Bonjour, chers amis. Aujourd'hui, à la demande d'un de mes abonnés, je vais vous parler de la balise ALT (attribut), qui doit être présente dans les paramètres de chaque image du site.

L’absence de l’attribut alt n’apparaît pas extérieurement dans l’image elle-même. Mais, en interne, dans le code source, l’absence de balise alt est une erreur. Et les robots de recherche comptent toutes ces erreurs. Et de telles bagatelles semblent ralentir la promotion de n’importe quel site Web sur les moteurs de recherche.

Et si, lorsque vous placez des images dans un article, vous pouvez immédiatement indiquer le texte alternatif souhaité, alors avec des images (éléments) de conception, ce sera plus difficile. Il arrive que ces éléments de conception particuliers n'aient pas de balise alt. Et de nombreux débutants ne connaissent même pas la présence de ces erreurs sur leurs sites Web.

Pourquoi l'attribut alt est-il nécessaire ?

Tout dépend du mécanisme par lequel le navigateur charge une page de site Web. Lorsqu'une page se charge, le texte de l'attribut alt est chargé en premier, puis le texte est transformé en image. Si le chargement des images est désactivé dans le navigateur, alors à la place de l'image il y aura un texte alternatif (à partir de l'attribut alt).

Les robots de recherche voient la page uniquement sous forme de code source et la présence d'une balise alt les renseigne sur le contenu de l'image. D'ailleurs, même la présence d'une balise alt sans texte sera déjà acceptée par le moteur de recherche comme un signe de bonne forme. Autrement dit, la présence de l'attribut lui-même est obligatoire, mais sa valeur est facultative.

Alt="valeur" !}

Comment vérifier les images pour l'attribut alt

Le moyen le plus simple et le plus accessible à tous est de vérifier le code source de la page (validation du code) pour détecter les erreurs.

Pour ce faire, vous devez ouvrir le service de vérification du code W3C et entrez l'URL de la page.

Après avoir vérifié le code source sur la page spécifiée, un rapport de disponibilité et des informations d'erreur (le cas échéant) s'ouvriront à l'écran. Et s'il manque une balise alt à au moins une image de la page, vous verrez cette erreur :

Remarque : s'il y a beaucoup d'erreurs, je vous conseille d'utiliser la recherche CTRL+F pour trouver rapidement l'information dont vous avez besoin.

Voici une autre manière qui vous permettra de vous renseigner sur les erreurs dans le code source de votre site. Mais pour utiliser cet outil, vous devez vous inscrire sur le compte webmaster Bing. Et dans ce même bureau il y a un outil "Outils d'analyse SEO".

Où vous entrez également l'adresse de la page du site pour analyse et recevez un rapport. Et s'il manque une balise quelque part alt, vous le verrez.

Vous pouvez également consulter le code source de la page pour voir exactement où chercher. Pour ce faire, vous devez accéder au favori "Code des pages" et trouvez où l'erreur a été commise. C'est facile à faire ; le code requis sera surligné en jaune.

Comment trouver le fragment de code source souhaité et ajouter l'attribut alt

Tout d’abord, vous devez examiner de près les données que vous avez reçues des outils d’analyse. Faites attention:

- au nom du fichier image,

— le nom de la classe, le bloc dans lequel se trouve l'image,

- aux éléments adjacents.

Tous ces éléments aideront à l'avenir à trouver le fichier et le fragment de code source souhaité.

À titre d'exemple, regardez la capture d'écran ci-dessus. Le code dont nous avons besoin est banal. Oui, nous savons sur quoi figure cette bannière Le nouveau livre gratuit d'Azamat. D’ailleurs, on sait que la bannière se situe dans la barre du site. Mais imaginons que je n'y ai pas prêté attention. Alors, que pouvez-vous apprendre de ce code ?

Tout d’abord, nous connaissons le nom du fichier image. Et peu importe que l’image se trouve sur un autre site. On voit aussi un bloc DIV avec une classe

. Et le fait que ce bloc se trouve à l'intérieur d'une liste dont l'élément a l'identifiant id=”text-10″ .

Et déjà à partir de la classe « textwidget », il devient clair que le code dont nous avons besoin se trouve dans Widgets. Et si c’est le cas, alors inutile de chercher tous ces éléments auxquels nous avons prêté attention. Puisque dans la plupart des thèmes WordPress, les widgets de la barre de site sont générés dynamiquement. Cela signifie que dans le code du fichier responsable de la barre de site ( barre latérale.php) sera principalement du code PHP. Ce qui ne pointe en aucun cas vers un widget spécifique.

Passons donc au panneau d’administration WordPress – "Apparence" — "Widgets" et recherchez le widget souhaité.

Et ici, nous ajoutons l'attribut alt aux paramètres de l'image.

Après

alt="Infomarketing 20/80" !}/>

Voilà. Tout est prêt.

Mais avec le widget, tout est clair, tout le monde peut le gérer. Qu’en est-il des éléments de conception spécifiques ?

A titre d'exemple, je vais montrer le modèle que j'utilise actuellement, uniquement dans sa version originale. Autrement dit, au stade de l'installation, il y avait déjà 21 erreurs (attribut alt manquant).

Ouvrir l'onglet "Code des pages" et analyser le code. Nous recherchons des éléments auxquels nous pouvons nous accrocher, grâce auxquels nous pouvons trouver le fichier et le code requis.

Dans les paramètres de recherche, vous devez choisir de rechercher tous les fichiers dont le code contient une mention de l'élément que vous recherchez. Dans notre cas, le nom du fichier image.

Ensuite, il est préférable de faire une copie de sauvegarde du fichier (copiez-le séparément sur votre ordinateur) et vous pourrez commencer à le modifier. Dans Total Commander, sélectionnez simplement le fichier et appuyez sur F4. Ou vous pouvez copier le fichier sur votre ordinateur et l'ouvrir à l'aide de Notepad++. Eh bien, ou du moins, via le Bloc-notes.

Alors, ouvrez le fichier et recherchez le code requis. Vous pouvez utiliser la recherche CTRL+F.

Nous l'avons trouvé et inséré l'attribut alt requis. Donc avec toutes les images qui ne l’ont pas.

Une fois les modifications apportées, enregistrez le fichier et vérifiez à nouveau avec les outils d'analyse.

C'est ainsi, mes amis, que les attributs alt sont ajoutés aux images. Pour un exemple visuel, regardez le didacticiel vidéo. Et rappelez-vous qu'il est préférable d'effectuer toutes ces modifications de modèle sur

Et bien sûr, lisez l’article à ce sujet en général. Vous découvrirez que de nombreuses images modèles non seulement n’ont pas de balises alt, mais ne sont pas du tout optimisées.

Et c'est tout pour moi aujourd'hui. J'attends avec impatience vos commentaires. Que du succès et de la bonne humeur ! Rendez-vous dans de nouvelles vidéos et articles.

Salutations, chers utilisateurs du site. L'optimisation de votre blog est un processus complexe qui nécessite certaines compétences, une certaine expérience, et si vous ne l'avez pas, vous devez alors disposer d'une large base de connaissances, que nous tirons d'articles sur les blogs de webmasters populaires.

Beaucoup de gens disent que le référencement est en train de mourir, mais nombreux sont encore ceux qui continuent de suivre les règles de ces trois lettres. Quiconque n’est pas du tout conscient de ce qu’est le SEO peut se retrouver dans une impasse. Cependant, ce problème est facilement résolu pour tout le monde. Après avoir appris les principaux aspects de ce domaine, vous serez en mesure de maîtriser les règles de promotion de votre blog dans les moteurs de recherche, et comme nous le savons, c'est la chose la plus importante.

Alors, de quoi parlera l’article d’aujourd’hui ? Nous allons maintenant parler de l'erreur de nombreux designers, blogueurs, etc. En général, manque de soin dans l'optimisation des images sur le site, ce qui affecte la promotion de votre ressource sur le réseau.

Qu'est-ce qui n'est pas l'attention ? Par exemple, le titre de l’image doit contenir la requête clé pour laquelle l’article est adapté. Yandex et Google y prêtent attention, mais les gens de la blogosphère n'y pensent même pas.

Commençons !

Que sont l'alt et le titre des images ?

L'attribut "alt" !

Son but est d'afficher un fragment de texte à partir d'une image. Le plus souvent, il s’agit d’une description de l’image qui n’est pas perceptible par vos utilisateurs. Ces balises sont très importantes pour la promotion des moteurs de recherche. Ils ne signifient pratiquement rien pour les gens.

Laissez-moi vous expliquer avec mes doigts. Le robot de recherche parcourt les sites, est venu vers vous, et si vous vous en souvenez, dans l'article sur les images uniques, j'ai écrit qu'il fait attention aux images thématiques pour la publication, mais non seulement l'image doit être là, elle, à son tour , doit être optimisé, à partir duquel vous devez entrer un nom.

De cette façon, le contrôle de recherche capturera l’intégralité de votre article et il n’y aura aucune lacune ni erreur mineure. Sur cette base, le vagabond sera proche du TOP-10 ou y volera complètement.

TOP signifie un trafic élevé. J'ai écrit sur la façon de l'augmenter dans un article sur

attribut de titre !

"titre" est le titre. Tout le monde le sait probablement. Dans une image, c'est un titre accessible à tous ; par exemple, lorsque l'on passe la souris sur l'image, un court texte apparaît, qui est le titre. Tout cela est clair. Vous pouvez spécifier le titre sur votre PC ou ordinateur portable, puis télécharger l'image dans la publication elle-même et saisir à nouveau le titre et la description (alt).

Quant à savoir quoi écrire où, ne vous inquiétez pas.

Dans le titre, indiquez une requête clé. Vous avez écrit un article sur un plan du site pour les personnes, puis dans le titre et remplissez le champ avec la même phrase, plan du site pour les personnes. La description ou l'alt n'est visible par personne sauf le robot, vous pouvez donc faire quelque chose comme ceci :

Un plan du site pour les gens, un plugin comme celui-ci, cette ligne doit être écrite ici, etc. Essayez de présenter votre article de manière concise. Notez seulement les aspects principaux, juste quelques lignes.

Voici autre chose à propos du « titre ». Ils ne doivent pas dépasser 5 mots. Il est également conseillé de les écrire en latin, c'est-à-dire en anglais. Et surtout, le format de l’image doit être jpg. Cela réduit le poids, ce qui signifie qu'il se chargera plus rapidement, ce qui a un impact significatif sur le trafic du site.

Vous pouvez réduire le poids d'une image dans Photoshop. Ouvrons-le. Cliquez sur le fichier puis sur Enregistrer pour le WEB. Là où est écrit le nombre 50, 60 ou autre, vous pouvez l'ajuster, moins il est petit, plus le poids est faible. Si vous n'avez pas encore Photoshop, allez-y et maîtrisez-le. Après tout, cela fait partie intégrante de tout webmaster.

Si quelqu’un doute que l’optimisation des images ait un impact important sur la promotion d’un blog, alors je peux dire une chose : n’en doutez pas. Essayez de vérifier, faites une expérience. L'essentiel est de ne pas fermer les yeux sur cela, car ce n'est pas dommage d'y consacrer 5 minutes supplémentaires. Surtout si vous avez déjà écrit un article et y avez mis une partie de vous-même. Je pense qu’il ne serait pas superflu de le concevoir du mieux possible, qu’en pensez-vous ?

Pourquoi est-il important d’inclure des balises titre et alt ? Comment sont-ils ajoutés aux images ?

Je vous en ai parlé un peu. Mais maintenant, nous allons y regarder de plus près. Regardez, juste en dessous se trouve une liste d'actions qui doivent être effectuées lors de la publication d'un nouvel article de blog.

Les voici :

La première étape, bien sûr, consiste à rédiger un article et à trouver une image unique. En règle générale, chacun crée son propre modèle standard et insère une image, des captures d'écran par exemple, ou dessine quelque chose, ou même le commande à un artiste.
Nous avons examiné les phrases clés que vous avez utilisées pour le message et en avons inclus une dans le titre ;
La deuxième clé a été écrite en alt, dans la description et quelques mots supplémentaires ont été ajoutés, diluant la demande avec un seul mot.
Maintenant, nous enregistrons les modifications et ajoutons une image au texte, puis nous parcourons l'article et passons le curseur sur l'image, voyons quel titre est affiché. Tout est prêt.

Bref, les avantages sont les suivants ; ceci s'adresse à ceux qui ne sont pas encore totalement convaincus.

Plus de trafic ;
Sa qualité est supérieure, puisque vous avez indiqué les clés exactes auxquelles l'article est consacré, le visiteur les saisira dans la recherche et trouvera les informations dont vous avez besoin, ce qui signifie qu'il restera plus longtemps sur votre blog et que le nombre d'échecs sera moins;

Cette information s'adresse à ceux qui travaillent sur leur site Internet depuis plus d'un an, mais il n'y a aucun résultat. C'est peut-être exactement le problème !

C’est ici que je terminerai la rédaction de cet article. Je vous souhaite bonne chance dans votre promotion. IMPORTANT! N’ayez pas peur de telles bagatelles. Écoutez les recommandations qui vous aideront certainement. Au revoir tout le monde !

Sincèrement,Jouk Youri.

Dans l'article d'aujourd'hui, je souhaite expliquer pourquoi il vaut toujours la peine de remplir l'attribut HTML Alt pour les images et en quoi il diffère de l'attribut Title. Le matériel est destiné aux webmasters débutants et novices qui s'intéressent à la question de savoir pourquoi et pourquoi ils doivent remplir l'attribut Alt. À la fin de l'article, j'ai préparé des réponses aux questions courantes sur ces attributs. Commençons par les bases.

Qu'est-ce que l'attribut Alt ?

Alt pour une image est une source alternative d'informations pour les utilisateurs qui, pour une raison quelconque (Internet faible, affichage désactivé des images, etc.), n'affichent pas d'images sur la page. Il est affiché sous forme de texte là où il devrait y avoir une image.

Regardons un exemple.

Par exemple, j'ai pris une photo à partir d'un site de fonds d'écran. Le contenu principal de la page est constitué d’images.

Après avoir désactivé l'affichage des images dans le navigateur, tous les graphiques de la page ont cessé de s'afficher et vous pouvez voir une description alternative de l'image.

Avec son aide, nous comprenons ce qu'il y a sur la page. De plus, cet attribut est utile non seulement à l'utilisateur, il aide également le robot de recherche à comprendre ce qui est affiché dans l'image. Google et Yandex utilisent Alt comme l'un des critères de classement pour les recherches d'images.

La question suivante se pose : que faut-il ajouter à Alt pour le rendre le plus utile possible tant pour l'utilisateur que pour le moteur de recherche ?

Comment remplir correctement l'attribut Alt pour les images

Pour comprendre comment remplir correctement l'attribut Alt, considérons l'exemple suivant : nous avons une boutique en ligne de fournitures pour animaux de compagnie et nous souhaitons saisir Alt pour la fiche produit avec une « balle pour chien ».

Il existe plusieurs options pour remplir l'attribut :

Option 2. Écrivez dans Alt « Chien avec une balle dans la gueule ». Dans ce cas, nous décrivons l'image elle-même, mais vous devez faire attention au fait que la demande « Chien avec une balle dans la gueule » est informative. Il ne convient pas pour décrire l’image d’une boutique en ligne.

Option 3. Alt "Balle pour chiens" - cette option nous convient davantage, mais comme il peut y avoir beaucoup de balles dans le magasin, il est préférable de clarifier la demande.

Option 4. Alt « Humunga Chomp dog ball » - cette option est optimale pour nous. L'attribut contient le nom du produit et son fabricant. S'il existe de nombreux produits de ce type, vous pouvez développer Alt en utilisant la couleur et le nom du modèle.

Option 5. Alt « Balle pour chien Humunga Chomp, jouet Humunga Chomp, acheter, pas cher, Moscou » - cette option peut être perçue par le moteur de recherche comme du spam et n'apportera pas le résultat souhaité.

De ces exemples, il résulte que l'attribut Alt :

doit être significatif et décrire l’image ;
se composent de 3 à 5 mots, mais pas plus de 250 caractères (il est difficile de décrire une image en deux mots) ;
ne devrait pas être du spam.

Pourquoi l'attribut Title est-il nécessaire ?

Le titre des images donne des informations supplémentaires sur l'image. Il est nécessaire pour permettre à l'utilisateur de comprendre plus facilement ce qui est affiché dans l'image. L'attribut s'affiche lorsque vous survolez l'image.

L'image ci-dessus montre comment l'attribut est affiché sur la page.

Dans le code HTML, l'attribut s'écrit comme suit :

Il est recommandé de remplir le titre. Cela peut avoir un effet positif sur les paramètres comportementaux du site. Lorsqu'il est difficile pour l'utilisateur de comprendre ce qui est montré dans l'image, il peut automatiquement pointer sa souris dessus et l'indice du titre l'aidera à s'orienter.

Les exigences de base pour Title sont similaires à celles pour Alt :

doit être significatif et décrire l’image ;
se compose de 3 à 5 mots, mais pas plus de 250 caractères ;
ne doit pas être trop volumineux, car en survol, un texte de 3 à 4 lignes peut être intimidant ;
si possible, contenir une requête clé ;
ne devrait pas être du spam.

Sachant cela, passons aux questions.

Réponses aux questions courantes sur Alt et Title

Alt sont des descriptions pour les images ?

Pas vraiment. Alt est une description alternative qui sera affichée à la place d'une image si l'utilisateur n'affiche pas d'images.

Est-il nécessaire de renseigner les attributs Alt et Title pour les images ?

Si vous êtes intéressé par le trafic issu de la recherche d'images, Alt doit être renseigné, le titre est facultatif.

Alt et Title doivent-ils être différents ou identiques ?

Il existe deux opinions principales à ce sujet :

1) Alt et Title doivent être uniques ;

2) les attributs doivent être les mêmes.

Si vous regardez comment ces attributs sont renseignés par les sites dont les images sont dans le TOP des recherches d'images, nous verrons les deux options de remplissage.

Yandex écrit ce qui suit à ce sujet :

Je pense que ces attributs peuvent être les mêmes. L’essentiel est qu’ils donnent une description claire et structurée de votre image.

Est-il nécessaire d'inclure le titre à côté de l'attribut Alt ?

Facultatif, mais gardez à l'esprit : l'attribut Titre permet dans certains cas de mieux comprendre ce qui est affiché dans l'image. Cela peut avoir un impact positif sur les performances comportementales du site.

L'Alt de l'image doit-il avoir les mêmes mots-clés que l'article, ou d'autres ?

De préférence. L'essentiel est que Alt soit significatif et décrive l'image.

Dois-je inclure des mots-clés dans ces attributs ?

Si ces mots-clés décrivent l’image, alors oui.

Comment écrire correctement l'attribut Alt : cyrillique ou latin ?

Si votre site est en russe, remplissez-le en cyrillique.

Comment écrire - avec une majuscule ou une minuscule ?

Cela n'a pas d'importance.

Et si l’article a déjà été indexé par les moteurs de recherche, est-il possible d’inclure une description dans les images ou cela n’en vaut-il pas la peine ?

Peut. Lorsque les moteurs de recherche réindexeront votre page, ils prendront en compte ces descriptions.

Où dois-je remplir Alt et Title ?

Tout dépend du CMS sur lequel votre site est réalisé.

S'il s'agit de HTML pur, alors :

Généralement, les champs Alt et Titre sont situés dans les paramètres de l'image. Par exemple, si votre site est réalisé sur WordPress, lorsque vous ouvrirez les options d'image, vous verrez un champ pour remplir l'attribut Alt. Dans les paramètres supplémentaires, il y a un champ pour l'attribut Titre.

Si votre site est sur 1C-Bitrix, dans les paramètres supplémentaires des paramètres d'image, il y a un champ pour l'attribut Alt. L'attribut Titre sera extrait du champ « Titre ».

Vous devez comprendre que tout est individuel. Tout dépend du CMS sur lequel votre site est créé et de la manière dont il est configuré.

Est-ce que cela en vaut la peine et est-il possible de préciser Alt et Titre pour vos photos dans les commentaires ?

Je n'en vois pas la nécessité, et il est peu probable que quiconque dans les commentaires ait la possibilité d'optimiser les images.

Lorsque j'écris un titre et un alt en russe pour des images, des hiéroglyphes s'affichent sur le site, que dois-je faire ?

Cela se produit à cause du codage. Vous devez convertir l'encodage actuel en UTF-8.

Résultats

Revenons une fois de plus sur ce que devraient être Alt et Title.

Exigences de base pour l'attribut Alt :

significatif, décrit l'image ;
environ 3 à 5 mots (jusqu'à 250 caractères) ;
devrait inclure une requête clé si possible ;
ne devrait pas être du spam.

Pourquoi devriez-vous remplir Alt :

1. est pris en compte par les moteurs de recherche lors du classement des images, ce qui signifie que si votre image arrive au TOP, elle est source de trafic supplémentaire ;

2. sera utile à un utilisateur qui a désactivé les images sur le site.

Attribut du titre :

significatif et décrit l’image ;
environ 3 à 5 mots ou jusqu'à 250 caractères ;
si possible, doit contenir une requête clé ;
pas de spam.

Pourquoi devriez-vous remplir le titre :

1. sera utile à l'utilisateur qui a du mal à comprendre ce qui est montré dans l'image ;
2. Les indices de titre peuvent avoir un impact positif sur le comportement du site.