El texto alternativo también conocido como atributos alt se utilizan dentro de un código HTML para describir el aspecto y la función de una imagen en una página.
Usos del texto alternativo
- Agregar texto alternativo a las fotos es ante todo un principio de accesibilidad web. Los usuarios con discapacidad visual que usan lectores de pantalla leerán un atributo alternativo para comprender mejor una imagen en la página.
- Las etiquetas Alt se mostrarán en lugar de una imagen si no se puede cargar un archivo de imagen.
- Las etiquetas Alt proporcionan mejores descripciones / contexto de imagen para los rastreadores de motor de búsqueda, ayudándoles a indexar una imagen correctamente.
¿Por qué el texto alternativo es importante?
Accesibilidad
El texto alternativo es un principio de diseño web accesible. Su propósito original (y aún primario) es describir imágenes a visitantes que no pueden verlas. Esto incluye lectores de pantalla y navegadores que bloquean las imágenes, pero también incluye a los usuarios con problemas de visión o que de otro modo no pueden identificar visualmente una imagen.
Incluir texto alternativo con sus imágenes garantiza que todos los usuarios, independientemente de su capacidad visual, puedan apreciar el contenido de su sitio.
Imagen SEO
Usar texto alternativo en sus imágenes puede mejorar la experiencia del usuario, pero también puede ayudarlo a obtener beneficios de SEO tanto explícitos como implícitos. Junto con la implementación del título de la imagen y las mejores prácticas de nomenclatura de archivos, el texto alternativo también puede contribuir a la imagen de SEO.
Si bien la tecnología de reconocimiento de imágenes del motor de búsqueda ha mejorado enormemente a lo largo de los años, los rastreadores de búsqueda todavía no pueden "ver" las imágenes en una página web como nosotros, por lo que no es prudente dejar la interpretación únicamente en sus manos.
Si no entienden, o se equivocan, es posible que clasifiquen para palabras clave involuntarias o se pierdan en el ranking por completo.
¿Cómo escribo un buen texto alternativo?
- Describe la imagen tan específicamente como sea posible. El texto alternativo, en primer lugar, está diseñado para proporcionar explicaciones de texto de las imágenes a los usuarios que no pueden verlas. si una imagen realmente no transmite ningún significado / valor y solo está ahí para fines de diseño, debe vivir dentro del CSS, no en HTML.
- Mantenerlo relativamente corto: Los lectores de pantalla más populares cortan el texto alternativo en alrededor de 125 caracteres, por lo que es aconsejable mantener el conteo de ese personaje o menos.
- Use sus palabras clave El texto alternativo le brinda otra oportunidad para incluir su palabra clave objetivo en una página y, por lo tanto, otra oportunidad para indicar a los motores de búsqueda que su página es muy relevante para una consulta de búsqueda en particular. Si bien su primera prioridad debe ser describir y proporcionar contexto a la imagen, si tiene sentido hacerlo, incluya su palabra clave en el texto alternativo de al menos una imagen en la página.
- Evite el relleno de palabras clave. Google no penaliza por texto alternativo mal escrito, pero estarás en problemas si usas tu texto alternativo como una oportunidad para incluir en él tantas palabras clave relevantes como puedas imaginar. Concéntrese en escribir texto alternativo descriptivo que proporcione contexto a la imagen y, si es posible, incluya su palabra clave objetivo, y déjelo así.
- No use imágenes como texto: Esto es una mejor práctica alternativa de texto alternativo y más un principio general de desarrollo web amigable con SEO. Debido a que los motores de búsqueda no pueden leer texto dentro de sus imágenes, debe evitar el uso de imágenes en lugar de palabras. Si debe hacerlo, explique qué dice su foto en su texto alternativo.
- No incluya "imagen de", "imagen de", etc. en su texto alternativo. Ya se asumió que su texto alternativo se refiere a una imagen, por lo que no es necesario especificarlo.
- No olvide longdesc = "". Explore utilizando la etiqueta longdesc = "" para imágenes más complejas que requieren una descripción más larga.
- No descuides los botones de formulario. Si un formulario de su sitio web usa una imagen como botón de "enviar", dele un atributo alternativo. Los botones de imagen deben tener un atributo alt que describa la función del botón como "buscar", "aplicar ahora", "registrarse", etc.
