Mire casi cualquier sitio web en Internet hoy y verá que una de las cosas que tienen en común son las imágenes. Las imágenes se pueden usar en sitios web para agregar un toque visual, ayudar a ilustrar ideas y para agregar al contenido general de la página. Además de elegir las imágenes correctas y prepararlas adecuadamente para la distribución web, asegúrese de que todas las imágenes de su sitio utilicen correctamente el texto Alt es una parte muy importante para el uso correcto de estas imágenes para la web.
¿Qué es Alt Text?
El texto alternativo es el texto alternativo utilizado por los navegadores de texto y otros agentes de usuarios web que no pueden ver imágenes. También es uno de los únicos atributos requeridos por la etiqueta de imagen. Al escribir un texto alternativo efectivo, se asegura de que sus páginas web sean accesibles para las personas que pueden usar un lector de pantalla u otro dispositivo asistido para acceder a su sitio. También se asegura de que se muestre algo en lugar de una imagen en caso de que no se cargue por cualquier motivo (ruta incorrecta, falla de transmisión, etc.). Este es el propósito real del texto alternativo, pero este contenido también puede ofrecerle más lugares para agregar texto de SEO que los motores de búsqueda no lo penalizarán (más sobre esto en breve).
Alt texto debe repetir texto en la imagen
Cualquier imagen que tenga texto debe tener ese texto como texto alternativo. Puede colocar otras palabras en el texto alternativo, pero como mínimo, debe decir lo mismo que la imagen. Por ejemplo, si tiene un logotipo para sus imágenes, el texto Alt debe repetir el nombre de la compañía escrito por su logotipo gráfico.
Además, recuerde que las imágenes como los logotipos también pueden implicar texto, por ejemplo, cuando vea el icono de bola roja en el sitio web de Dotdash, significa "Dotdash.com". Entonces, el texto alternativo para ese ícono podría decir "Dotdash.com" y no solo "logotipo de la compañía".
Mantenga el texto corto
Cuanto más largo sea el texto alternativo, más difícil será leerlo con los navegadores de texto. Puede ser tentador escribir oraciones largas de texto alternativo (normalmente esto se hace porque alguien está tratando de rellenar la etiqueta con palabras clave), pero mantener cortas las etiquetas Alt hace que las páginas se descarguen cada vez más pequeñas.
Una buena regla general para un texto alternativo es mantenerlo entre 5 y 15 palabras en total.
Uso de sus palabras clave SEO en etiquetas Alt
La gente a menudo piensa erróneamente que el propósito del texto alternativo es poner palabras clave en los motores de búsqueda. Sí, ese es un beneficio que puede usar, pero solo si el texto que está agregando tiene sentido para el propósito real de la etiqueta alt: para mostrar un texto inteligente que explique cómo es la imagen, ¡si alguien no puede verlo!
Ahora, dicho esto, el texto Alt no está pensado como una herramienta de SEO no significa que no pueda usar sus palabras clave en este texto. Dado que el texto alternativo es importante y necesario en las imágenes, es poco probable que los motores de búsqueda lo penalicen por colocar palabras clave allí si el contenido que agrega tiene sentido. Solo recuerda que tu primera prioridad es para tus lectores. El spamming de palabras clave en texto alternativo se puede detectar y los motores de búsqueda cambian sus reglas todo el tiempo para evitar los spammers.
Una buena regla general es usar las palabras clave de su motor de búsqueda donde encajen con la descripción de la imagen y no use más de una palabra clave en su texto alternativo.
Mantenga su texto significativo
Recuerde que el punto del texto alternativo es definir las imágenes para sus lectores. Muchos desarrolladores web utilizan el texto alternativo por sí mismos, incluidos elementos como el tamaño de la imagen, los nombres de los archivos de imagen, etc. Si bien esto puede ser útil para usted, no hace nada para sus lectores y, por lo tanto, debe omitirse en estas etiquetas.
Use el texto alternativo en blanco solo para íconos y viñetas
Periódicamente, usarás imágenes que no tienen ningún texto descriptivo útil, como viñetas o iconos simples. La mejor manera de usar estas imágenes es en CSS, donde no necesita texto alternativo. Pero si absolutamente debe tenerlos en su HTML, use un atributo alt en blanco en lugar de dejarlo por completo.
Puede ser tentador poner un carácter como un asterisco (*) para representar una bala, pero esto puede ser más confuso que simplemente dejarlo en blanco. Y al colocar el texto "viñeta", se verá aún más extraño en un navegador de texto.
Editado por Jeremy Girard el 3/3/17
