Alt Attribut - image Search Engine Optimization - SEO travailleurs

Alt Attribut - SEO

Images:. Utilisez l'attribut alt pour fournir un texte descriptif. De plus, nous vous recommandons d'utiliser une légende lisible par l'homme et le texte descriptif autour de l'image.







Pourquoi ils nous demander de le faire? La réponse est simple, vraiment; Les moteurs de recherche ont le même problème que les utilisateurs aveugles. Ils ne peuvent pas voir les images.

De nombreux webmasters et référenceurs inexpérimentés ou contraires à l'éthique abusent de l'utilisation de cet attribut, en essayant de farcir avec des mots clés, dans l'espoir d'obtenir une certaine densité de mots clés qui ne sont pas aussi pertinents pour le classement maintenant qu'il était une fois.

Cette méthode met également les personnes qui utilisent des lecteurs d'écran à un plus grand désavantage. Les lecteurs d'écran sont des outils logiciels qui lisent à haute voix en fait le contenu de ce qui est affiché à l'écran. En naviguant sur le Web, les attributs alt des images sont lues à haute voix aussi bien.

Imaginez écouter un paragraphe de texte qui est suivi par des répétitions de nombreux mots clés. La page serait loin d'être accessible, et, pour le dire crûment, on trouverait assez ennuyeux.

Quel est exactement un attribut Alt?

Un attribut ALT ne doit pas être utilisé comme une description ou une étiquette pour une image, bien que beaucoup de gens l'utilisent de cette façon. Bien que cela puisse sembler naturel de supposer que le texte de remplacement est une étiquette ou une description, il est pas!

Les mots utilisés dans un attribut alt d'une image doit être son équivalent texte et de transmettre les mêmes informations ou servir le même but que l'image serait.

L'objectif est de fournir les mêmes informations fonctionnelles qui verrait un utilisateur visuel. Le texte de l'attribut alt devrait fonctionner comme dans le cas « Tiens-toi à » que l'image elle-même est pas disponible. Posez-vous cette question: Si vous deviez remplacer l'image par le texte, la plupart des utilisateurs ne reçoivent les mêmes informations de base, et serait-il générer la même réponse?

  • Si un bouton de recherche est une loupe ou jumelles son texte alt devrait être « recherche » ou « trouver » et non « loupe » ou « jumelles ».
  • Si une image est destinée à transmettre le contenu littéral de l'image, une description est appropriée.
  • S'il est destiné à transmettre des données, alors que les données sont ce qui est approprié.
  • Si elle est censée véhiculer l'utilisation d'une fonction, la fonction elle-même est ce qui doit être utilisé.

Quelques lignes directrices Alt d'attributs:

Il est utile de classer le contenu non textuel en trois niveaux:

  • Eye-Candy
  • Humeur Réglage
  • Contenu et fonction

I. Eye-Candy

II. Humeur Réglage

Par exemple; Alt text qui est identique au texte adjacent est inutile, et un irritant pour les utilisateurs de l'écran lecteur. Je recommande alt = « » ou des images CSS de fond dans de tels cas. Mais parfois, il est important d'obtenir ce contenu là-dedans pour tous les utilisateurs.

III. Contenu et fonction

La raison pour laquelle de nombreux auteurs ne peuvent pas comprendre pourquoi leur texte alt ne fonctionne pas est qu'ils ne savent pas pourquoi les images sont là. Vous devez compris exactement ce qui fonctionne une image sert. Pensez à ce qu'il est à l'image qui est important pour le public visé de la page.







Chaque graphique a une raison d'être sur cette page: parce que ce dernier améliore le thème / ambiance / atmosphère ou il est essentiel de ce que la page tente d'expliquer. Savoir ce que l'image est pour rend le texte alt plus facile à écrire. Et la pratique les écrire aide certainement.

est d'imaginer lire la page par téléphone à quelqu'un un moyen de vérifier l'utilité du texte alternatif. Que diriez-vous lorsque vous rencontrez une image particulière pour rendre la page compréhensible pour l'auditeur?

En plus de l'attribut alt vous avez deux ou trois autres outils à votre disposition pour les images.

Tout d'abord, dans le degré de titre est entre descriptif alt et longdesc. Il ajoute des informations utiles et peut ajouter de la saveur. L'attribut du titre est éventuellement rendu par l'agent utilisateur. Rappelez-vous qu'ils sont invisibles et non représentés comme une « infobulle » lorsque le focus est reçu par le clavier. (Tant pour l'indépendance de l'appareil). Il faut donc utiliser l'attribut title pour information seulement consultatif.

En second lieu, l'attribut longdesc des points à l'URL d'une description complète d'une image. Si les informations contenues dans une image est importante au sens de la page (à savoir un contenu important serait perdu si l'image a été supprimée), une description plus longue que l'attribut « alt » peut raisonnablement affichage doit être utilisé. Il peut fournir de la documentation riche, expressif d'une image visuelle.

Il doit être utilisé lorsque alt et le titre sont insuffisantes pour incarner les qualités visuelles d'une image. Comme Clark [1] déclare: « A longdesc est une longue description d'une image. L'objectif est d'utiliser toute la longueur de la description nécessaire de communiquer les détails de l'image.

Il ne serait pas négligents d'espérer qu'une longue description évoque une image - l'image - dans l'œil de l'esprit, une analogie qui est vrai même pour les totalement aveugle « .

Bien que l'attribut alt est obligatoire pour l'accessibilité du Web et valide (X) HTML, toutes les images ont besoin texte alternatif, de longues descriptions ou titres.

Dans de nombreux cas, vous êtes mieux d'aller juste avec votre instinct - si ce n'est pas nécessaire d'inclure, et si vous ne disposez pas d'une forte envie de le faire, ne pas ajouter que longdesc.

Cependant, si elle est nécessaire pour la page entière à travailler, alors vous devez ajouter le texte alt (ou le titre ou longdesc).

Ce qui est nécessaire et ce qui est pas dépend beaucoup de la fonction de l'image et de son contexte sur la page.

Recherche Conseils d'optimisation de moteur

Ci-dessous sont les étapes clés dans l'optimisation des images:

  • Choisissez un nom de fichier logique qui renforce les mots-clés. Vous pouvez utiliser des traits d'union dans le nom de fichier pour isoler le mot-clé, mais il faut éviter de dépasser deux traits d'union. Évitez d'utiliser comme séparateur underscores de mot, comme par exemple « brillant diamonds.jpg »;
  • Etiqueter l'extension du fichier. Par exemple, si le moteur de recherche d'image voit un « .jpg » extension de fichier (JPEG), il va supposer que le fichier est une photo, et si elle voit une extension de fichier « .gif » (GIF), il va assumer qu'il est un graphique;
  • Assurez-vous que le texte à proximité de l'image qui est pertinente à cette image.

A propos de ce tutoriel SEO

BTW, pratiquement tous les autres poste d'optimisation de référencement que j'ai vu encourage l'utilisation de balises alt sur toutes les images. Est-ce un autre cas de Ninja vs samouraïs?

Évitez d'utiliser comme séparateur underscores de mot, comme par exemple « brillant diamonds.jpg »;

Il semble que vous donnez un exemple différent de ce que vous avez l'intention.

Voulez-vous dire éviter underscores comme alt_tags.jpg ou d'éviter des traits d'union comme alt-tags.jpg?

Aussi, est-il une limite à la longueur de l'attribut ALT? Si je besoin d'un attribut alt de 500 caractères, puis-je utiliser tout ou doit-il aller à la description longue à ce moment-là?

Je suis également impressionné par votre utilisation de la section « Réactions » et la possibilité d'examiner l'article. Je suis à la recherche de ces examens pour montrer comme un extrait riche! Je dois vous donner cinq étoiles!

SEO Télé-Consulting

Outils de référencement en ligne

SEO travailleurs a longtemps fourni des outils de référencement les plus fiables et efficaces sur Internet.

Conseils SEO - Trucs et astuces

Commander Nos conseils d'optimisation des moteurs de recherche couvrant l'information SEO générale aux techniques avancées qui vous aideront à atteindre un meilleur classement des moteurs de recherche!

Les travailleurs SEO







Articles Liés