{"id":59848,"date":"2022-10-26T15:05:53","date_gmt":"2022-10-26T15:05:53","guid":{"rendered":"https:\/\/mailrelay.com\/glossary\/alt-text-texto-alternativo\/"},"modified":"2024-09-05T12:24:26","modified_gmt":"2024-09-05T12:24:26","slug":"alt-text-texto-alternativo","status":"publish","type":"glossary","link":"https:\/\/mailrelay.com\/es\/glosario\/alt-text-texto-alternativo\/","title":{"rendered":"ALT text (Texto alternativo)"},"content":{"rendered":"

ALT text o texto alternativo, es la abreviatura del ingl\u00e9s Alternate text<\/em>. Se trata de una etiqueta HTML que se a\u00f1ade a la im\u00e1genes de las paginas web, donde se coloca una breve descripci\u00f3n del contenido de la propia imagen. Los motores de b\u00fasqueda son capaces de leer e interpretar el ALT text de una imagen, sin el menor problema, y con ello conocer el contenido la imagen para posicionarla.<\/p>\n

1. \u00bfQu\u00e9 es el ALT text?<\/h2>\n

El ALT text no es m\u00e1s que una frase asociada a una imagen, con ella se describe el contenido de la im\u00e1genes, se la dota de contexto y de un prop\u00f3sito. Si bien, los actuales gestores de contenidos ya permiten indicar de forma sencilla el ALT text de las im\u00e1genes, tambi\u00e9n puede a\u00f1adirse el texto alternativo de una imagen publicada en un sitio web haciendo uso de su instrucci\u00f3n HMTL<\/a>. Un ejemplo de texto alternativo de una imagen ser\u00eda el siguiente:<\/p>\n

<img src = \u201camanecer-palmeras.jpg\" alt = \u201camanecer en playa del caribe con palmeras\"><\/code><\/p>\n

2. \u00bfPara qu\u00e9 sirve ALT text?<\/h2>\n

El ALT text tiene diversas utilidades. Pero quiz\u00e1 la mas importante es la que tiene que ver con el posicionamiento SEO<\/a> y el SEO local<\/a> de la p\u00e1gina web donde existen im\u00e1genes con la etiqueta ALT text. Dado que esa informaci\u00f3n est\u00e1 en el c\u00f3digo HTML de la web, es le\u00edda por los robots<\/a> o rastreadores que indexan la informaci\u00f3n para crear los resultados que devuelven los buscadores.<\/p>\n

Tambi\u00e9n sirven para reemplazar a la propia imagen en caso de que la p\u00e1gina no cargue de forma correcta. En ese caso, en lugar de la imagen se mostrar\u00eda el texto alternativo y con ello se puede saber que conten\u00eda la imagen que falta.<\/p>\n

Por \u00faltimo, pero no por ello menos importante, son un elemento para otorgar accesibilidad web a las personas con discapacidades visuales, dado que estas personas usan lectores de pantalla especiales y gracias al ALT text pueden conocen el contenido de la propia imagen.<\/p>\n

3. Creando un ALT text<\/h2>\n

Para crear un texto alternativo de forma correcta, que cumpla para las funciones para las que se ha creado la etiqueta Alt, es necesario tener presente estas premisas:<\/p>\n