+++ term = “¿Qué es el texto alternativo?” lastmod = “2026-10-08” title = “¿Qué es el texto alternativo?” keywords = [ “texto alternativo”, “accesibilidad del texto alternativo”, “texto alternativo se relaciona”, “agregar texto alternativo”, “escribir texto alternativo”, “texto alternativo efectivo”, “alt”, “texto” ] url = “/affiliate-marketing-glosario/texto-alternativo/” aliases = [ “/affiliate-marketing-glossary/alt-text/” ] description = “El texto alternativo describe imágenes en HTML. Aprende qué es el texto alternativo, por qué es importante y cómo escribirlo bien.” date = “2024-11-07 10:49:27” image = "" shortDescription = “El texto alternativo (del inglés "alternative text") es una descripción textual proporcionada a través del atributo alt de una imagen en HTML.” tags = [ “SEO”, “Accessibility”, “AltText”, “AffiliateMarketing”, “BestPractices” ] categories = [ “Glossary” ] showCTA = true ctaHeading = “Mejora tu Sitio Web con Texto Alternativo Adecuado” ctaDescription = “Optimiza tu sitio para la accesibilidad y los motores de búsqueda. Descubre cómo un texto alternativo efectivo puede potenciar tus resultados de marketing de afiliados.” ctaPrimaryText = “Obtener Más Consejos SEO” ctaPrimaryURL = “/blog/” ctaSecondaryText = “Iniciar Prueba Gratuita” ctaSecondaryURL = “/trial/”
[[faq]] question = “¿Alguien puede ver el texto alternativo?” answer = “Los usuarios videntes normalmente no ven el texto alternativo a menos que una imagen no se cargue. Los usuarios de lectores de pantalla lo escuchan. Los desarrolladores y editores pueden verlo inspeccionando el HTML o usando las herramientas de desarrollo del navegador. Algunos navegadores permiten a los usuarios ver el texto alternativo haciendo clic derecho en una imagen y seleccionando "Inspeccionar" o "Ver información de la imagen".”
[[faq]] question = “¿Qué tan largo debe ser el texto alternativo?” answer = “La mayoría de las guías recomiendan mantener el texto alternativo por debajo de los 125 caracteres. Siteimprove sugiere aproximadamente 100 caracteres como máximo práctico. Si una imagen requiere una descripción más larga — como un gráfico complejo o una infografía — proporciona un resumen breve como texto alternativo e incluye la explicación completa en el texto circundante o en una página de descripción larga enlazada.”
[[faq]] question = “¿Toda imagen necesita texto alternativo?” answer = “Toda etiqueta <img> necesita un atributo alt, pero no toda imagen necesita texto alternativo descriptivo. Las imágenes decorativas deben usar un atributo alt="" vacío. Las imágenes informativas y funcionales necesitan un texto alternativo significativo y apropiado al contexto. La regla clave: el atributo alt siempre debe estar presente, incluso cuando su valor está vacío.”
[[faq]] question = “¿Cuál es un ejemplo de buen texto alternativo?” answer = “Mal ejemplo: alt="Imagen de un perro"
La versión buena describe lo que importa en la imagen sin desperdiciar palabras en "imagen de" — que el lector de pantalla ya proporciona.”
[[faq]] question = “¿Puedo usar el texto alternativo para rellenar con palabras clave?” answer = “No. Rellenar con palabras clave en el texto alternativo — como alt="zapatos baratos comprar zapatos mejores ofertas de calzado descuento" — perjudica la accesibilidad al producir una salida inaudible para el lector de pantalla y puede desencadenar acciones manuales de los motores de búsqueda. Usa palabras clave solo cuando describan genuinamente la imagen.”
[[faq]] question = “¿Cuál es la diferencia entre texto alternativo y un pie de foto?” answer = “El texto alternativo proporciona un equivalente textual de una imagen para usuarios que no pueden verla. Un pie de foto (a menudo en un elemento <figcaption>) es visible para todos los usuarios y típicamente añade contexto, crédito o comentarios. Sirven para diferentes propósitos y pueden coexistir en la misma imagen — pero no deben ser idénticos. Si ambos están presentes, el texto alternativo debe describir la imagen, y el pie de foto debe añadir información que no sea obvia solo a partir de la imagen.”
[[lnks]] text = “relleno con palabras clave” path = “/faq/can-i-overuse-keywords-affiliate-content/” title = “Aprende por qué el relleno con palabras clave perjudica el SEO de afiliados y cómo optimizar las palabras clave de forma natural. Descubre las mejores prácticas para evitar penalizaciones de Google mientras mantienes buenos posicionamientos en 2025.”
[[lnks]] text = “cómodo con HTML” path = “/faq/how-to-add-image-html/” title = “Aprende cómo añadir imágenes en HTML usando la etiqueta img. Descubre las mejores prácticas para los atributos src, alt, imágenes responsivas y técnicas de optimización para el rendimiento web.”
[[lnks]] text = “marketing de afiliados” path = “/affiliate-marketing-glossary/seo-affiliates/” title = “Los afiliados SEO, también conocidos como afiliados de búsqueda, te ayudan a mejorar el posicionamiento de tu sitio en la página de resultados de búsqueda. Descubre cómo los afiliados SEO utilizan estrategias expertas para generar tráfico orgánico y potenciar el éxito del marketing de afiliados.”
[[lnks]] text = “ámbito del marketing de afiliación” path = “/faq/visual-content-affiliate-campaigns/” title = “Descubre por qué el contenido visual es crucial para el éxito del marketing de afiliados. Aprende cómo las imágenes, videos e infografías aumentan el compromiso, las conversiones y el ROI en 2025.”
[[lnks]] text = “comercializadores afiliados” path = “/faq/html-benefits-affiliate-marketers/” title = “Descubre cómo el HTML potencia a los comercializadores afiliados con optimización SEO, capacidad de respuesta móvil, seguimiento de conversiones y una experiencia de usuario mejorada para impulsar mayores ventas y compromiso.”
[[lnks]] text = “como "imagen de" o "foto de"” path = “/faq/what-does-good-alt-text-look-like/” title = “Aprende cómo se ve un buen texto alternativo con ejemplos prácticos. Descubre las mejores prácticas para escribir texto alternativo conciso y específico que mejore la accesibilidad y el SEO de tu sitio web.”
[[lnks]] text = “accesibilidad web” path = “/faq/how-to-write-good-alt-text/” title = “Aprende cómo escribir texto alternativo efectivo para imágenes. Descubre las mejores prácticas de accesibilidad, optimización SEO y pautas específicas para diferentes tipos de imágenes.” +++
En esta página
El texto alternativo — del inglés alternative text — es una descripción textual proporcionada a través del atributo alt de una imagen en HTML. Comunica el propósito y la información esencial de una imagen cuando esta no puede verse.
Los lectores de pantalla anuncian el texto alternativo en voz alta para usuarios ciegos o con baja visión. Los navegadores muestran el texto alternativo en lugar de una imagen si el archivo de imagen no se carga. Los motores de búsqueda leen el texto alternativo para entender qué representa una imagen y cómo se relaciona con el contenido circundante de la página.
El atributo alt ha sido parte de la especificación HTML desde HTML 2.0 (1995). Lo que ha cambiado con el tiempo no es su función técnica sino los estándares de calidad que lo rodean — las pautas modernas de accesibilidad como WCAG 2.2 y la Sección 508 requieren un texto alternativo que transmita significado, no solo una etiqueta.
Una etiqueta de imagen con texto alternativo sigue esta estructura:
<img src="golden-retriever-beach.jpg" alt="Golden retriever corriendo en una playa de arena al atardecer">
src señala la ubicación del archivo de imagen. El atributo alt contiene la descripción textual.No — aunque los términos se usan a menudo indistintamente en la conversación cotidiana. “Alt tag” es un coloquialismo. El término técnico correcto es atributo alt, porque alt es un atributo del elemento <img>, no una etiqueta HTML independiente. En la práctica, “texto alternativo”, “atributo alt” y “alternative text” se refieren al mismo concepto.
Configura el seguimiento avanzado en minutos. No se requiere tarjeta de crédito.
El texto alternativo sirve a tres audiencias distintas, cada una con diferentes necesidades.
Muchas personas usan lectores de pantalla — software que convierte el contenido de la pantalla en voz o braille.
Esto no es un lujo; es un requisito funcional según las Pautas de Accesibilidad al Contenido Web (WCAG) 2.2, específicamente el Criterio de Éxito 1.1.1 (Contenido no textual).
Los usuarios de lectores de pantalla dependen del texto alternativo para navegar por páginas de productos, entender infografías, identificar botones y comprender el significado completo de una página. La falta de texto alternativo o uno mal escrito excluye a estos usuarios de la conversación por completo.
Las imágenes fallan. Una conexión lenta, un error del servidor, un archivo eliminado, un cliente de correo que bloquea imágenes por defecto — todas estas son situaciones comunes. Cuando una imagen no se carga y no hay texto alternativo presente, los usuarios ven nada o un nombre de archivo críptico.
El texto alternativo proporciona un respaldo que preserva el significado. En el marketing por correo electrónico — donde el bloqueo de imágenes está muy extendido — el texto alternativo a menudo determina si un destinatario entiende el mensaje. Para los comercializadores afiliados que envían correos promocionales, el texto alternativo en las imágenes de productos puede significar la diferencia entre un clic y un borrado.
Los motores de búsqueda usan el texto alternativo junto con los nombres de archivo, el texto circundante y la estructura de la página para indexar imágenes. La propia documentación de Google confirma que el texto alternativo ayuda al motor de búsqueda a entender qué muestra una imagen y cómo se relaciona con el tema de la página.
Las imágenes con texto alternativo descriptivo y preciso tienen más probabilidades de aparecer en los resultados de Google Imágenes — un canal que genera tráfico independientemente de la búsqueda web estándar. Para sitios de comercio electrónico y afiliados, la búsqueda de imágenes puede ser una fuente significativa de tráfico cuando las imágenes de productos llevan el texto alternativo adecuado.
Sí — con una salvedad. Los sistemas de IA utilizan cada vez más la visión por computadora para analizar imágenes directamente. Sin embargo, cuando un modelo de IA procesa una página principalmente a través de su texto y HTML (como hacen los rastreadores de búsqueda y algunas herramientas de indexación de contenido), el texto alternativo proporciona una señal explícita, escrita por el autor, sobre lo que la imagen significa en contexto. Esto es particularmente relevante a medida que las funciones de búsqueda impulsadas por IA — como los AI Overviews de Google — sintetizan el contenido de la página para responder consultas de los usuarios.
La decisión de escribir texto alternativo depende del propósito de la imagen. La Iniciativa de Accesibilidad Web del W3C clasifica las imágenes en varios tipos, cada uno con diferentes requisitos de texto alternativo.
Las imágenes que transmiten información relevante para la página necesitan texto alternativo descriptivo. Pregúntate: Si esta imagen desapareciera, ¿perdería el lector contenido significativo? Si la respuesta es sí, escribe un texto alternativo que comunique la información que la imagen proporciona.
Las imágenes funcionales inician acciones — aparecen dentro de botones, enlaces u otros elementos interactivos. Su texto alternativo debe describir la acción, no la imagen en sí.
Ejemplo: Un icono de lupa dentro de un botón de búsqueda necesita alt="Buscar", no alt="Icono de lupa".
Para imágenes funcionales, el usuario necesita saber qué sucede al hacer clic — no cómo se ve el icono.
Siempre que sea posible, el texto debe ser texto HTML real, no incrustado en una imagen. Cuando las imágenes con texto son inevitables (banners, gráficos promocionales, algunas plantillas de redes sociales), el texto alternativo debe reproducir el texto exacto que aparece en la imagen.
Ejemplo: Un banner promocional que dice “20% de descuento en todos los planes — Usa el código SUMMER20” debe tener un texto alternativo que contenga esas palabras exactas.
Sé el primero en conocer las nuevas funciones y actualizaciones del producto.
Las imágenes decorativas no cumplen ningún propósito informativo o funcional — existen puramente por ambiente visual. Los patrones de fondo, las fotos de stock genéricas usadas como divisores de sección y los iconos puramente ornamentales entran en esta categoría.
Para imágenes decorativas, usa un atributo alt vacío: alt="". Esto también se llama texto alternativo nulo.
Este es el comportamiento correcto; anunciar imágenes decorativas añade ruido sin añadir significado.
Detalle crítico: El atributo alt debe seguir presente, solo que vacío. Omitir el atributo alt por completo (<img src="decorative.jpg">) obliga a los lectores de pantalla a leer el nombre del archivo, creando una peor experiencia que el texto alternativo nulo.
Cuando una imagen repite información ya presente en el texto adyacente, añadir texto alternativo crea duplicación. Por ejemplo, si una tarjeta de producto muestra una imagen de “Auriculares Bluetooth Inalámbricos” junto a un encabezado que dice “Auriculares Bluetooth Inalámbricos”, el texto alternativo debe estar vacío — alt="" — porque la información ya está disponible para los usuarios de lectores de pantalla a través del encabezado.
La diferencia entre un texto alternativo adecuado y uno inútil a menudo se reduce a unos pocos principios básicos.
Describe la información que la imagen transmite, no cada detalle visual. Una fotografía de una persona haciendo senderismo no necesita el color de sus cordones — necesita la acción, el contexto y cualquier detalle relevante para el contenido circundante.
La mayoría de los textos alternativos efectivos caben en 125 caracteres. Los lectores de pantalla hacen pausa en la puntuación, por lo que un texto alternativo largo e ininterrumpido se convierte en un muro de audio. Siteimprove recomienda mantener el texto alternativo por debajo de aproximadamente 100 caracteres siempre que sea posible.
La misma imagen puede necesitar diferente texto alternativo según dónde aparezca. Una foto de un portátil sobre un escritorio puede necesitar un texto alternativo que describa el modelo del portátil en una página de producto, o un texto alternativo que describa una escena de trabajo remoto en un blog sobre productividad.
Escribe siempre el texto alternativo para el rol de la imagen en la página específica, no para la imagen de forma aislada.
El texto alternativo existe primero para la accesibilidad. Usa términos relevantes solo cuando describan naturalmente la imagen.
Los lectores de pantalla ya anuncian una imagen como imagen.
Escribe la primera letra en mayúscula. Termina las oraciones con un punto. Los lectores de pantalla usan la puntuación para determinar el ritmo y la entonación. Un texto alternativo gramatical suena más natural y es más fácil de entender.
Cuando el atributo alt está completamente ausente de una etiqueta <img>, el comportamiento varía:
DSC00472.jpg.Una imagen con un atributo alt faltante es fundamentalmente diferente de una con un alt="" vacío. La primera crea confusión; la segunda es una elección deliberada que indica a la tecnología de asistencia que omita la imagen. Toda etiqueta <img> en una página debe tener un atributo alt — ya sea completo o vacío.
La mayoría de las plataformas CMS — WordPress, HubSpot, Shopify y otras — incluyen un campo de texto alternativo en la interfaz de carga de imágenes o biblioteca de medios.
En WordPress, cuando seleccionas una imagen en el editor de bloques o la biblioteca de medios, el campo “Texto alternativo” aparece en el panel de configuración de la derecha. Ingresa tu descripción y guarda. El CMS añade el atributo alt al HTML automáticamente.
Añade el atributo alt directamente dentro de la etiqueta <img>:
<img src="affiliate-dashboard.jpg" alt="Panel de Post Affiliate Pro mostrando resumen de comisiones mensuales">
alt puede aparecer en cualquier lugar dentro de la etiqueta <img>, aunque colocarlo después de src es lo convencional.La mayoría de las plataformas sociales ofrecen una opción de texto alternativo al componer una publicación con una imagen:
Sustituye siempre el texto alternativo generado automáticamente por una descripción escrita por humanos. El texto alternativo generado por IA tiende a etiquetas genéricas — “perro, interior, persona” — que omiten el propósito y contexto de la imagen.
El texto alternativo juega un papel específico y a menudo pasado por alto en los flujos de trabajo de marketing de afiliados, afectando tanto a anunciantes, editores y gestores de programas.
Cuando proporcionas banners, imágenes de productos y creatividades promocionales a tus afiliados, esas imágenes rara vez incluyen texto alternativo. Los afiliados que reciben un archivo de imagen a través de un panel de afiliados pueden no saber qué escribir — y muchos dejarán el atributo alt en blanco o ausente.
Los gestores de programas que incluyen texto alternativo sugerido junto a cada creatividad en el portal de afiliados eliminan esa fricción.
Las publicaciones de reseñas de productos y los artículos de comparación dependen en gran medida de capturas de pantalla, fotos de productos y tablas comparativas renderizadas como imágenes. Cada una de esas imágenes necesita texto alternativo que sirva tanto al lector como al motor de búsqueda.
Cuando los lectores que usan lectores de pantalla encuentran ese texto alternativo, reciben la misma información que un lector vidente obtiene de la captura de pantalla. Cuando los motores de búsqueda indexan ese texto alternativo, la imagen puede aparecer en consultas relevantes sobre configuraciones de comisiones de afiliados.
Las imágenes de productos con texto alternativo preciso y descriptivo pueden posicionarse en Google Imágenes para consultas de cola larga. Ese clic en la imagen lleva a la página — y potencialmente a un registro.
Esto no sustituye al contenido escrito ni al SEO estándar. Es un canal adicional de bajo esfuerzo que funciona solo cuando el texto alternativo se aplica de forma consistente.
Gestiona múltiples programas de afiliados y mejora el rendimiento de tus socios afiliados con Post Affiliate Pro.
Aprende a redactar textos alternativos efectivos para imágenes. Descubre las mejores prácticas para la accesibilidad, la optimización SEO y pautas específicas p...
Aprende cómo debe ser un buen texto alternativo con ejemplos prácticos. Descubre las mejores prácticas para redactar textos alternativos concisos y específicos ...
+++ term = “¿Qué es una meta descripción?” lastmod = “2026-10-08” title = “¿Qué es una meta descripción?” keywords = [ &ldqu...
Únete a nuestra comunidad de clientes satisfechos y brinda excelente soporte al cliente con Post Affiliate Pro.
Consentimiento de Cookies
Usamos cookies para mejorar tu experiencia de navegación y analizar nuestro tráfico. See our privacy policy.