Comment écrire un excellent texte alternatif pour les images de sites Web

click fraud protection

En plus de choisir les bonnes images et en les préparant correctement pour le Web, écrire un excellent texte alternatif est une tâche cruciale que vous ne devriez jamais négliger. Voici quelques conseils pour rédiger un texte alternatif efficace pour les images de votre site Web.

Répéter le texte dans l'image

Si une image contient du texte, ce texte doit être le texte alternatif. Vous pouvez ajouter d'autres mots, mais le texte alternatif doit dire la même chose que l'image. Par exemple, un logo pour Acme Widgets qui présente les mots réels doit avoir un texte alternatif qui inclut ces mots.

Gardez à l'esprit que les images telles que les logos peuvent impliquer texte, comme la boule rouge dans le logo Dotdash, par exemple. C'est un point, donc le cerveau lit et se souvient du "point tiret". Le texte alternatif de cette icône pourrait être "Dotdash.com", pas seulement "logo d'entreprise."

Logo de tiret de point
 Fil de vie

Gardez le texte court

Plus votre texte alternatif est long, plus il est difficile à lire pour les navigateurs de texte. Il peut être tentant d'écrire de longues phrases de texte alt (une pratique courante de bourrage de mots-clés qui peut entraîner des pénalités de référencement), mais garder vos balises alt courtes réduit la taille de vos pages. Les petites pages se téléchargent plus rapidement. Le sweet spot est entre cinq et 15 mots.

instagram viewer

Utiliser vos mots-clés SEO dans les balises Alt

L'objectif principal de la balise alt n'est pas d'augmenter la valeur SEO, mais d'afficher un texte intelligent qui explique ce qu'est l'image. Un texte informatif et pertinent pour votre balise alt a cependant un effet positif sur la valeur du référencement.

Cela dit, l'utilisation de vos mots-clés dans le texte alternatif est une bonne pratique tant qu'ils sont pertinents. Il est peu probable que les moteurs de recherche vous pénalisent pour y avoir mis des mots-clés si le contenu que vous ajoutez a du sens. N'oubliez pas que votre première priorité est pour vos lecteurs. Les moteurs de recherche détectent spam par mot-clé facilement, et les moteurs de recherche modifient fréquemment leurs règles pour contrecarrer les spammeurs.

En règle générale, n'utilisez pas plus d'un mot-clé dans votre texte alternatif.

Gardez votre texte significatif

N'oubliez pas que le but du texte alternatif est de définir des images pour vos lecteurs. De nombreux développeurs Web utilisent du texte alternatif pour eux-mêmes et incluent des informations telles que la taille de l'image, les noms de fichiers, etc. Cela peut vous être utile, mais cela ne fait rien pour vos lecteurs, qui sont la priorité dans toute conception de sites Web.

Utilisez un texte alternatif vierge uniquement pour les icônes et les puces

Périodiquement, vous utiliserez des images qui n'ont pas de texte descriptif utile, telles que des puces et des icônes simples. La meilleure façon d'utiliser ces images est en CSS, où vous n'avez pas besoin de texte alternatif. Mais si vous devez absolument les avoir dans votre HTML, utilisez un attribut alt vide plutôt que de le supprimer complètement.

Il peut être tentant d'utiliser un caractère tel qu'un astérisque pour représenter une puce, mais cela peut être plus déroutant que de simplement le laisser vide. L'utilisation du texte "bullet" rendrait encore plus étrange dans un navigateur de texte.

Pourquoi le texte alternatif est-il si important, de toute façon?

Les navigateurs de texte et autres agents d'utilisateurs Web qui ne peuvent pas afficher les images utilisent du texte alternatif pour "lire" les images. Cela accomplit plusieurs choses:

  • Cela rend votre les pages Web accessible aux personnes utilisant un lecteur d'écran ou un autre appareil assisté.
  • Si une image ne se charge pas, le texte alternatif permet au spectateur de savoir ce qui devrait être là.
  • Les moteurs de recherche ne peuvent pas "voir" les images, mais ils peuvent le faire et le font avec du texte alternatif. L'inclusion de texte alternatif contribue donc à la valeur SEO de votre page.
instagram story viewer