La etiqueta ALT es una etiqueta de accesibilidad que se introdujo para las personas que tienen dificultades visuales, incluso a través de Google, para usarla para determinar de qué se trata una imagen. Nunca debería considerar poner etiquetas alt para fines de SEO antes de sus visitantes.
Muchas personas e incluso Matt Cutts, que trabaja en Google, hablan de etiquetas alternativas como si estuvieran específicamente diseñadas para motores de búsqueda para informar a los bots de qué se trata la imagen, esto simplemente no es cierto.
Sin embargo, puede informar a Google de qué se trata la imagen mientras cuida a su audiencia, nunca solo ingrese palabras clave en la etiqueta alt, amortigua la experiencia del usuario y es muy poco natural.
Un buen ejemplo de esto es que, a menudo, alguien dice que quiere clasificar para la palabra clave 'Bournemouth' que tendrá Bournemouth en el título, en la H1, meta descripción y luego crea una imagen con la etiqueta alt 'Bournemouth', mientras que esto funcionará para El SEO amortigua la experiencia del usuario y pierde todo el punto de la etiqueta alt. La etiqueta alt es para personas que tienen problemas de visión o deshabilitan todas las imágenes. Entonces, la etiqueta ALT fue diseñada para informar al usuario de qué se trata la imagen.
Un buen ejemplo de esto se puede ver a continuación
<img src="i.jpg" alt="Bournemouth" />
vs
<img src="i.jpg" alt="Birdseye view of Bournemouth" />
El ejemplo anterior aún incluye su palabra clave mientras explica a Google y a su audiencia de qué se trata la imagen.
Entonces, ¿qué pasa con la etiqueta del título?
La etiqueta del título se diseñó para brindar más información cuando se pasa el mouse sobre un elemento, no es muy útil para IMG porque si tiene la intención de usar la misma información para ALT y TITLE, puede usar un script para leer la etiqueta alt y hacer que su propios desplazamientos usando JS. Solo recomendaría la etiqueta del título si va a proporcionar más información que la de la etiqueta ALT, como una descripción más larga; no es necesario proporcionar la información exacta en ambos elementos, ya que eso solo hincha el código.
La etiqueta del título es realmente útil para los enlaces, ya que al pasar el cursor sobre ella puede brindarle a su audiencia más información sobre el enlace en el que están a punto de hacer clic. Valdrá la pena leer más sobre la etiqueta del título aquí .
alt
atributo. Esto es obligatorio y sus páginas fallarán en la validación sin él (¿a menos que tal vez en algunos casos extremos con HTML5?).