Attributs ALT et TITLE pour décrire les images. attribut alt de la balise img

23.06.2019

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 Internet.

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 un peu parlé. Mais maintenant, nous allons y regarder de plus près. Regardez, juste en dessous se trouve une liste d'actions à effectuer 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 un modèle standard, le sien, 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.

De l'auteur : L'attribut alt pour les images permet de définir le texte qui apparaîtra pour l'utilisateur si l'affichage de ces mêmes images est désactivé. Mais ce n'est pas tout ce que vous devez savoir sur lui. Examinons de plus près comment appliquer cet attribut.

En général, pour comprendre comment il est écrit, vous devez connaître les bases du HTML, avoir au moins une idée de la façon dont le texte et les images sont ajoutés aux pages Web. En particulier, une photo est une seule balise img, qui n'a qu'un seul attribut obligatoire : src. C'est le chemin d'accès au fichier.

Évidemment, si vous le saisissez incorrectement, vous ne verrez rien à l’écran. Bref, pour afficher une image il vous suffit d'écrire ceci au bon endroit dans le code html :

< img src = "chemin vers l'image">

Tout cela devrait être clair, mais outre src, il existe d'autres attributs qui peuvent être écrits en img. Désormais, ils sont facultatifs, c'est-à-dire que vous pouvez vous en passer. En particulier, alt. Un attribut qui affiche ce qu'on appelle un texte alternatif.

Pourquoi alternatif ? Parce qu'il ne sera affiché que si les graphiques sont désactivés dans le navigateur de l'utilisateur. Dans ce cas, il doit y avoir une sorte d’alternative ? Dans tous les cas, si vous insérez une photo de la Tour Eiffel dans un article, alors c'est super, mais si du coup il y a une personne qui a désactivé l'affichage des images dans son navigateur, elle ne verra tout simplement rien à cet endroit. Il y aura simplement une croix (ou icône) qui indique qu'il doit y avoir une image à cet endroit. Par exemple, sur cette image, vous pouvez voir une carte du monde :

Mais si une personne a désactivé l’affichage graphique, elle ne le verra pas. Si vous entrez alt, il y aura un texte explicatif à côté de la croix. Dans ce cas, une personne aura au moins une idée approximative de ce qu'il y a dessus. Je soupçonne également que les navigateurs vocaux peuvent d'une manière ou d'une autre lire le contenu de cet attribut.

L’influence de l’alt dans le SEO

Oh, combien de discussions j'ai vues sur les forums SEO pour savoir si le fait de remplir un attribut améliore le classement d'un site et de ses articles individuels dans la recherche. On peut dire sans se tromper qu’aujourd’hui, tout reste pareil. Certaines personnes pensent que remplir l'alt aide à l'optimisation des moteurs de recherche, tandis que d'autres pensent que cela n'a absolument aucun effet.

Je dirais que les deux opinions peuvent être contestées et qu’il vaut mieux choisir quelque chose entre les deux. Autrement dit, il ne faut pas dire que cela donne un résultat direct et significatif, mais en même temps, il ne faut pas penser que cela n'a absolument aucun sens.

Vous savez, je comparerais le remplissage alt à la mise en page multi-navigateurs (si quelqu'un comprend de quoi nous parlons). C'est à ce moment-là que le site s'adapte à tous les navigateurs populaires. Si vous remplissez cet attribut pour les images les plus importantes de votre site, vous améliorerez au moins un peu votre projet. Vous rendrez également votre projet un peu plus accessible aux gens.

Bien sûr, aujourd’hui, de moins en moins de personnes utilisent des navigateurs avec des images désactivées. Je dirais qu'il y en a très peu. Mais si vous êtes perfectionniste et souhaitez idéaliser votre projet, merci de remplir cet attribut, qui vous en empêche ?

Comment remplir alt ?

Mais c'est le plus important, à mon avis. Si vous avez lu mes précédents articles sur le référencement, vous avez probablement entendu plus d’une fois que les moteurs de recherche aiment le naturel. En conséquence, le remplissage idéal de l'attribut serait la description la plus précise et la plus courte de l'image. En règle générale, 30 à 100 caractères suffisent. La longueur maximale doit être d'environ 250 caractères. Mais pourquoi décririez-vous l’image avec autant de détails ?

Dans le même temps, vous devriez essayer d'écrire un tel texte dans l'attribut afin qu'en le lisant, vous puissiez imaginer mentalement l'image, même si vous ne la voyez pas. De nombreux optimiseurs conseillent d'ajouter un alt à la première image d'une publication, qui contiendra une phrase clé.

Ici, vous devez comprendre que les moteurs de recherche sont devenus plus intelligents. Si vous avez inséré une mauvaise image et écrit de manière flagrante la clé, vous ne devriez pas vous attendre à un résultat positif. Je ne dis pas que le moteur de recherche vous punira, mais il n'y aura aucun effet en tant que tel.

De plus, si vous introduisez plus de mots-clés dans toutes les images et faites cela avec chaque page de votre site, la punition sera bien réelle. Dans ce cas, c'est une question de temps.

Comment est-ce possible ? Si vous insérez une sorte de phrase clé dans l'alt, ajoutez-la uniquement à la description d'une image par article. Aussi, n’essayez pas à tout prix d’ajouter une phrase à son occurrence exacte. La requête peut être insérée avec dilution.

Eh bien, le plus important est d'essayer d'écrire alt de manière à ce que ce soit aussi naturel que possible, comme si vous y utilisiez accidentellement la clé. Pour cela, la description devra peut-être être un peu plus grande, mais ceci ne concerne qu'une seule image dans laquelle vous insérerez la clé.

En fait, pour le reste des images, s'il y en a plusieurs dans l'article, vous pouvez remplir l'alt, mais vous ne pouvez pas. C'est votre décision personnelle. En général, il est important de remplir cet attribut sans aucune attente inutile, comme si vous le remplissiez correctement et que vous seriez au top demain. Il se peut qu'il n'y ait aucun effet, ou qu'il soit minime, mais l'essentiel ici est que vous ayez tout fait efficacement.

Résumons donc les bases du remplissage alt :

Vous devez décrire l'image aussi simplement et brièvement que possible

Si vous insérez une phrase clé, faites-le une seule fois et pour qu'elle paraisse naturelle

Pour les autres photos, remplissez l'alt à votre demande personnelle

Encore une fois, ne pensez pas qu’il s’agisse d’une sorte de guide d’action. Ce ne sont que des recommandations. Chaque webmaster le fait différemment. Certaines personnes ne remplissent jamais l'alt d'une image, d'autres le font comme recommandé ici, et certaines touches anti-spam.

Parmi ces trois options, la première et la seconde sont optimales. Autrement dit, il existe 2 solutions : soit ne jamais toucher l'alt du tout, soit le remplir le plus naturellement possible.

Dois-je remplir alt ou pas ? Cela dépend du site

Par exemple, disons que vous gérez un blog personnel. Eh bien, pourquoi as-tu abandonné cette alternative ? Très probablement, vous aurez besoin d'images uniquement pour diluer le texte, mais pas pour attirer les clients. Une autre chose est un site commercial. Par exemple, une boutique en ligne. Ici, les images jouent un rôle énorme, car les gens achètent le plus souvent ce qui plaît le plus à leurs yeux.

En conséquence, pour chaque produit d'une boutique en ligne, il est raisonnable de spécifier une alternative. Regardons un exemple de la façon de procéder correctement. Disons que nous avons un produit - un ordinateur portable ASUS G560 (ne le cherchez pas, j'ai inventé le nom). Naturellement, il y a une photo de cet ordinateur portable. Comment lui écrire un texte alternatif ? Voici les options :

"Photographie", 1, "yyavpv" et ainsi de suite - ce sont toutes des options qui ne conviennent en aucun cas. Sur la base de cette description, on ne sait absolument pas de quel produit nous parlons. Le texte « photo » ou « image » (car les photos sont souvent signées) est généralement le plus drôle, car les gens comprennent déjà qu'il ne s'agit pas d'une vidéo. C'est comme accrocher une pancarte sur un éléphant disant que c'est un éléphant.

« Un ordinateur portable rouge cool pour les jeux » est une bonne description si l'ordinateur portable est vraiment un ordinateur portable de jeu. Mais si vous ciblez le trafic à partir d'images, cette description n'est pas la plus optimale, puisque 0 personne tape une phrase similaire dans la recherche. Les gens tapent plus souvent les noms de modèles spécifiques ou au moins le fabricant.

« Ordinateur portable » est une description qui peut être caractérisée comme suit : mieux que rien. Mais ce n’est pas non plus optimal, puisqu’il n’y a pas de détails. Vous ne signerez pas tous les produits comme celui-ci, n’est-ce pas ? La description doit être unique pour chaque ordinateur portable.

« Ordinateur portable ASUS G560 » est la meilleure option, il y a une description spécifique. Peut-être que si le produit est disponible en différentes couleurs, vous pouvez ajouter la couleur, ainsi que les mots souvent utilisés pour décrire les ordinateurs portables : pour la bureautique, puissant, pour les jeux, etc.

« Ordinateur portable ASUS G560, acheté à Moscou avec livraison, avis » – cela ressemble à du spam, n'est-ce pas ? C’est la pire option de toutes.

Conclusion

Il n'y a pas grand chose à dire ici. L'optimisation des images avec l'attribut alt peut vous aider à améliorer votre site et à générer du trafic grâce aux recherches d'images. C’est une affaire de perfectionnistes, car il est tout à fait possible de s’en passer. Et bien sûr, cela vaut la peine de réfléchir au type de site Web dont vous disposez. S'il s'agit d'un message commercial, il est conseillé de signer les images, mais si vous exploitez un blog ou un site d'information, vous pouvez l'oublier complètement.

L'attribut alt est une source alternative d'informations pour les utilisateurs dont l'affichage des images dans le navigateur est désactivé. Si l'attribut alt est défini, alors lorsqu'il est impossible d'afficher l'image, le texte de l'attribut sera affiché à sa place :

Sans l'attribut alt défini, l'image sera affichée vide :

Il est particulièrement important de décrire les images à l'aide de l'attribut alt pour les sites dont le contenu est principalement constitué d'images.

Vous pouvez définir l'attribut alt comme suit :

Dans l'attribut alt, vous ne devez pas écrire tous les mots-clés du site ou de la page, mais uniquement ceux qui se rapportent réellement à l'image. Cela aidera le robot à trouver l'image plus précisément et l'utilisateur Yandex à la sélectionner dans les résultats de recherche et à accéder à votre site Web. Il n'est pas conseillé de laisser l'attribut alt vide.

Si vous ajoutez plusieurs images similaires (par exemple, des photos d'un produit d'une boutique en ligne), il vaut la peine de définir des attributs alt uniques (vue de face, vue de dos).

Texte de l'attribut du titre de la balise IMG

L'attribut title fournit des informations supplémentaires sur l'image. Le texte contenu dans cet attribut apparaît lorsque vous survolez l'image :

Vous pouvez définir l'attribut title comme ceci :

Pour chaque image, vous devez spécifier un titre unique. Il n'est pas conseillé de laisser l'attribut title vide.

Autres textes

En plus des valeurs des attributs alt et title, les textes suivants sont utilisés lors de la recherche par images :

des liens texte vers des images provenant d'autres pages et d'autres sites ;

texte adjacent à l'image - situé sur la page à proximité immédiate de l'image ;

des textes et titres de documents courts encadrant une seule image ;

noms de fichiers et de scripts d'images, y compris en tenant compte de la translittération et de la traduction interlinéaire simplifiée.

Cependant, les attributs alt et title sont les plus universels et doivent donc toujours être inclus.

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 se trouvent 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.

Bonjour les gens. Afin de ne pas perdre votre temps, soyons brefs et précis.

Le titre de l'image est l'inscription qui apparaît lorsque vous passez le curseur sur l'image. Ceci est nécessaire pour donner un indice au visiteur. Dites ce qui est montré sur l’image ou où chercher.

Images alternatives – du mot anglais alternative. C'est une chose tellement utile que les moteurs de recherche adorent indexer afin de déterminer ce qui est représenté. De plus, il sera visible si l'utilisateur désactive l'affichage des images dans le navigateur. Ce qui n’a aucun sens et se produit dans de rares cas.

Si, toutefois, l'utilisateur désactive l'affichage du contenu graphique ou si une défaillance se produit du côté de quelqu'un, une petite icône avec du texte sera visible à la place de l'image. Ce texte est l'alt de l'image.

Images alternatives et de titre pour le référencement

Pour le titre de l'image il a une valeur minimale. Il n’est pas facile à indexer, mais il peut jouer en votre faveur en termes de facteurs comportementaux. Nous sommes en 2018, le référencement est désormais synonyme de convivialité et de contenu de qualité. Par conséquent, n’attirez en aucun cas l’attention de l’utilisateur.

Pensez-y, c’est plus agréable lorsqu’une info-bulle apparaît sur une image.

Mais les images alternatives sont un trésor. Premièrement, GoogleBot considère son absence comme une erreur ; Yandex est plus fidèle. Deuxièmement, elle est facilement indexée et une telle image se retrouve dans la section « Images » de la recherche. Cela signifie que vous pouvez ainsi attirer du trafic supplémentaire vers votre site.

Troisièmement, puisqu’il est indexé, il est possible de l’utiliser pour augmenter la valeur de la page. Ce sera bien si vous ajoutez une requête extra basse fréquence à alt. Mais ici, il faut être prudent.

Comment remplir correctement l'alt et le titre des images

Avec le titre, tout est beaucoup plus simple. Il n’y a pas de règles pour un moteur de recherche, mais cela ne signifie pas que vous écrivez ici une hérésie. Ci-dessus, nous avons résumé les facteurs comportementaux. Il est conseillé de ne pas déranger l'utilisateur, mais de lui être utile.

1) Cela ne devrait pas tarder. D'accord, un indice de 4 lignes entraînera un rejet.

2) Doit avoir un rapport avec l'image d'une manière ou d'une autre.

3) Ne doit pas être dupliqué avec le titre principal, les en-têtes h1-h5 ou les attributs alt.

Les images alternatives ont du poids auprès du moteur de recherche, il existe donc des restrictions avec des règles, mais il existe également des possibilités.

1) Un mot ne suffit pas, il convient de rester dans la limite de 3 mots. Le nombre maximum de caractères est de 250.

2) Il doit correspondre au contenu de l’image.

4) De préférence, ne doit pas être répété avec d'autres alts sur la page.

Alors, lorsque vous ajoutez une autre image à votre blog, réfléchissez. Peut-être que quelqu'un voudra la retrouver ? Essayez de le transformer en trafic supplémentaire.

Où remplir l'alt et le titre des images en utilisant WordPress comme exemple

Par exemple, dans WordPress il vous suffit de passer du panneau de configuration (console) à la section "Médias" — "Bibliothèque". Ensuite, sélectionnez n’importe quelle image.

Ou, lors de la modification d'un article, cliquez simplement sur n'importe quelle image insérée, puis sur le crayon.

Bien sûr, il est plus facile de le montrer en utilisant WordPress comme exemple, mais de nombreux CMS populaires offrent cette opportunité. Voici par exemple Joomla. Cela a ses pièges, mais la plupart des contenus graphiques peuvent être réglés sur alt si vous appuyez sur "Modifier l'image"

C'est tout. Nous espérons vraiment que nous vous avons été utiles. Si oui, aimez-le. Cela nous motive à créer du contenu plus intéressant et de haute qualité !

Cordialement, Votre Essence.