\u00bfHa notado indicaciones para escribir texto \u00abalt\u00bb de imagen (a veces estilizado como texto ALT) al crear publicaciones de blog o compartir fotos en las redes sociales? He aqu\u00ed por qu\u00e9 esta parte del est\u00e1ndar HTML es importante y c\u00f3mo puede escribirla bien.<\/p>\n
\u00bfPor qu\u00e9 es importante el texto ALT?<\/h2>\n
Los atributos Alt existen como una forma de copia de seguridad del contenido; cuando el tipo principal de contenido no se puede representar, en su lugar se representa su atributo alternativo o \u00abalt\u00bb. En el caso del texto alternativo, si la imagen no se puede representar por alg\u00fan motivo, obtendr\u00e1 la descripci\u00f3n del texto alternativo en su lugar.<\/p>\n
Esto permite que alguien, por ejemplo, copie una imagen \u00abcomo texto\u00bb. O si guarda un sitio web sin im\u00e1genes, el texto alternativo permanece y le indica lo que las im\u00e1genes deb\u00edan mostrar.<\/p>\n
El texto alternativo tambi\u00e9n es un componente crucial de la accesibilidad web. Los visitantes tienen problemas de visi\u00f3n y dependen del software de lectura de pantalla para escuchar la descripci\u00f3n del texto alternativo de una imagen. Si no hay texto alternativo, o si el texto alternativo es pobre, eso afecta negativamente la experiencia de los usuarios con problemas visuales. Tambi\u00e9n puede dificultar la navegaci\u00f3n para aquellos con conexiones a Internet limitadas que dependen de navegadores basados \u200b\u200ben texto.<\/p>\n
El texto alternativo tambi\u00e9n es importante en SEO (optimizaci\u00f3n de motores de b\u00fasqueda), ya que ayuda a los motores de b\u00fasqueda como Google o Bing a indexar mejor su contenido. La indexaci\u00f3n es lo que hace que el contenido se pueda encontrar con esos motores de b\u00fasqueda.<\/p>\n
C\u00f3mo escribir un buen texto alternativo<\/h2>\n
El texto alternativo no debe ser simplemente una descripci\u00f3n literal de lo que hay en tu imagen. Debe considerar el contexto de la imagen y por qu\u00e9 est\u00e1 all\u00ed en primer lugar. Considere esta imagen:<\/p>\n Si el texto alternativo de esta imagen fuera \u00abUna gran estatua de una mujer sosteniendo una antorcha y sosteniendo un libro\u00bb, ser\u00eda una descripci\u00f3n precisa de lo que hay en la imagen, pero no ser\u00eda un buen texto alternativo.<\/p>\n Una mejor descripci\u00f3n podr\u00eda ser: \u201cLa Estatua de la Libertad en Nueva York contra un cielo azul nublado\u201d. El contexto de la p\u00e1gina tambi\u00e9n importa. Si la imagen fuera parte de una noticia sobre inmigraci\u00f3n, el texto alternativo podr\u00eda ser \u00abLa Estatua de la Libertad en Nueva York, un s\u00edmbolo poderoso para los posibles inmigrantes\u00bb.<\/p>\n \u00a1Piensa en el prop\u00f3sito de la imagen y escribe tu texto alternativo en consecuencia!<\/p>\n Es importante que su palabra clave principal aparezca en parte de su texto alternativo, pero no la incluya en todas las im\u00e1genes, especialmente si la palabra clave no forma parte de una buena descripci\u00f3n de texto alternativo.<\/p>\n Hay dos situaciones en las que el uso de texto alternativo es algo que se debe evitar. El primero es para im\u00e1genes que son puramente decorativas. Estas im\u00e1genes no son interesantes para nadie que use un lector de pantalla y son irrelevantes para sus esfuerzos de SEO. De hecho, describir im\u00e1genes puramente decorativas puede confundir la indexaci\u00f3n del motor de b\u00fasqueda y hacer que su art\u00edculo sea m\u00e1s dif\u00edcil de entender para cualquiera que use un lector de pantalla.<\/p>\n Al igual que con los principios generales de escribir un buen texto alternativo, la decisi\u00f3n de escribir un texto alternativo se basa en lo que m\u00e1s beneficia al lector. Si el texto alternativo aumenta su comprensi\u00f3n y ayuda a retener el valor de las im\u00e1genes originales, debe hacer un esfuerzo para incluirlo.<\/p>\n El texto alternativo no es solo algo que los dise\u00f1adores de sitios web y los blogueros deben tener en cuenta. La mayor\u00eda de nosotros publicamos im\u00e1genes en las redes sociales, y la mayor\u00eda de las plataformas de redes sociales ofrecen una forma de agregar texto alternativo a esas fotos. Es posible que ni siquiera lo sepa, pero en algunos casos, el texto alternativo se genera autom\u00e1ticamente utilizando tecnolog\u00eda de visi\u00f3n artificial.<\/p>\n Los pasos para agregar o editar texto alternativo en las redes sociales cambian con el tiempo a medida que estas plataformas experimentan cambios. Hemos visto muchas instrucciones desactualizadas para las diversas plataformas de redes sociales, por lo que su mejor opci\u00f3n es consultar la documentaci\u00f3n oficial de Facebook y Gorjeo<\/a>.<\/p>\n Agregar texto alternativo solo toma unos segundos por imagen, pero puede marcar la diferencia en el rendimiento de su contenido y cu\u00e1n accesible es la web para las personas con discapacidades visuales.<\/p>\n RELACIONADO:<\/strong> C\u00f3mo agregar texto alternativo a un objeto en Microsoft Word<\/em><\/strong><\/p>\n<\/div>\n![\"La](\"\/pagespeed_static\/1.JiBnMqyl6S.gif\")
Cu\u00e1ndo no usar texto alternativo<\/h2>\n
Agregar texto ALT en las redes sociales<\/h2>\n