¿Cómo se debe utilizar el alt text en las redes sociales?

Importancia de describir imágenes en la webComo usar el Alt Text en las Redes Sociales, conoce la importancia y buenas prácticas para la accesibilidad.

Seguramente en algún momento hayas escuchado acerca del alt text y su uso para las imágenes en técnicas de accesibilidad web. El alt text, se conoce de como descripciones alt o atributos alt es sencillamente el texto que sigue a las imágenes y que leen bien en alto los lectores de pantalla, de forma de ayudar a las personas que padecen de discapacidad visual para que puedan navegar por la web.

Sin embargo alt text, es mucho más importante pues hace mucho más por el SEO de tus imágenes de lo que tú crees, por lo que dejar los atributos alt sin nada puede llegar a dañar tu lugar en las mismas.

Comencemos, con la explicación de todo..

¿De qué se trata el Alt Text para imágenes?

El alt text se encarga de describir no solo el contenido de la imagen, al mismo tiempo trabaja con su contexto. Con mucha habitualidad es confundida con la etiqueta alt, pero no el alt text es una parte del código HTML, pero solo es un tipo de descripción de la imagen que contiene la etiqueta alt, no todo el atributo como tal. El significado del alt text es proveniente del texto alternativo, y es muy viable que lo hayas encontrado mucho antes si en alguna ocasión te hayas encontrado con imágenes en una página que no se cargan como debe ser. El alt text simplemente es el texto escrito que se enseña en vez de las imágenes.

Agregar alt text a las imágenes es una de las prácticas usadas que dan resultados increíbles por los profesionales en el área de SEO para perfeccionar imágenes en la web. Este es el aspecto de la etiqueta alt HTML de una imagen:

Como se observa en el código fuente del lado derecho, el alt text para tomar una captura de pantalla de nuestro escritorio: Puede quedar asíPrincipales funciones de la etiqueta Alt. Veamos a continuación sus principales propósitos.

1.-Para anunciar y contextualizar el contenido.

La intención principal del alt text es generar información y ayudar a contextualizar todo el contenido a las personas que padecen de discapacidad visual que trabajan con lectores de pantalla.Debes tener en cuenta que perteneces a este fragmento de la población. Te encuentras leyendo un artículo con tu lector que tu ayuda en las pantallas al momento llegas a una imagen.

La imagen se encarga de aportar contenido de valor a ese texto donde van juntos y es un complemento idóneo para las personas sin problemas de visión, sin embargo, tú solo escuchas en el momento:“DSC434567.jpg”; o puede ser que no oigas nada porque no existe el atributo como tal y cuando el lector salta al otro párrafo, te das cuenta de la carencia que existe de la información; quizás el texto alternativo solo lo acomoda una palabra clave o un keyword: Como lo es gráfico de analytics; puede ser que contenga un listado de palabras claves: analytics, gráfico de analytics, google analytics, o el conocido gráfico de resultados, entre otros.

Si te identificas realizando el uso de algunas de estas composiciones, como norma estarás obviando el objetivo fundamental del texto alternativo y dejando al aire accesibilidad del sitio web. Suministrar la información si te encuentras con problemas determinados.

Entre sus funciones conseguimos facilitar la información en caso de que la imagen que es parte de nuestro trabajo no cargue en las conexiones con poco ancho de banda o por otros motivos como lo son:

1.-URL imperfecta de la fuente de la imagen.

2.-Protección ante el rastreo: si lo tienes activo en tu navegador, puede llegar a fracasar la carga de las imágenes que necesitamos.

3.-Navegadores muy antiguos, que no pueden interpretar algunos archivos de imagen.

4.-Visualización que se mantiene desactivada, en algunos tipos de navegadores se genera la opción de no enseñar los archivos de la imagen.

Servicio de ayuda a crawlersAyuda a los crawlers a descifrar acerca de qué trata la imagen. Sin embargo la tecnología que usa Google para hacer el reconocimiento de las imágenes se mantienen en constante desarrollo, aun en nuestros días los motores de búsqueda tienen problemas para comprenderlas.

Por otro lado puede servir de texto de enlace si lo que deseas es emplear imágenes como enlaces.

La práctica del día a día dentro del mundo del Marketing completo y del SEO en individual, es proponer el texto alternativo únicamente para los objetivos SEO, olvidándonos de su propósito esencial de accesibilidad.

¿Cómo se crea un alt en HTML?

El fragmento de código de un texto descriptivo es muy simple:• img src: hace reseña al archivo de la imagen que se desea enseñar.• alt: es referente al texto que nos describe lo que enseña la imagen. Para lograr una optimización excelente de la imagen, que también avale la accesibilidad, lo ideal es trabajar las diferentes partes existentes en el código, prevaleciendo siempre al usuario relación a los motores de búsqueda

¿De qué se trata el SEO para las imágenes? 

Usualmente conocido como la optimización de las imágenes, esta práctica se encarga de mejorar las imágenes de tu sitio por dos motivos fundamentales:

1. Para perfeccionar la visibilidad general y la optimización de una página web.

2. Para conseguir posiciones mucho más altas en la búsqueda de imágenes dentro de Google. El significado de esto es que necesitas poner a trabajar con una serie de tareas que ayudarán a Google a comprender mucho mejor las imágenes de tu sitio web. Estas tareas pueden ser: incluir un nombre correcto para los archivos, sumar y mejorar el texto alt, minimizar el tamaño de los archivos y mucho más. Entre las diferentes interrogantes que emergen con mucha frecuencias en relación con el SEO para las imágenes es: ¿si este tipo de trabajos aún son requeridos? dado que el adelanto de Google en con el empleo de la IA y machine learning para el reconocimiento de imágenes es acelerado. La respuesta es sí.

Debes saber que Google aun no puede leer toda clase de imágenes, a pesar de que su contenido para realizarlo ha mejorado muchísimo en los últimos tiempos. De igual forma es significativo conocer que el SEO para imágenes, no se trata solo de servir de ayuda a los motores de búsqueda a entender lo que nos enseña una imagen como tal. Las imágenes que están mal optimizadas son una de las causas de que consigamos páginas web muy lentas, y al corregir puedes contar con un buen impacto en la rapidez presente en la carga de tu sitio.Es muy importante señalar que el SEO para las imágenes con frecuencia se detiene con la optimización de los atributos alt. Si bien es muy cierto, es una parte fundamental de todo el proceso, no es la única que existe. Con lo anterior se debe entender el concepto y la fiel intención de los atributos alt y el texto alt ya que son un punto de partida excelente.

¿Por qué el Alt Text es tan relevante para el SEO de las imágenes?

El alt text para las imágenes se convierte más relevante a medida que los diferentes motores de búsqueda acrecientan su habilidades para poder leer cualquier clase de imagen de una página y a medida que la experiencia del usuario se engrandece con el contenido visual.

Si estás instaurando cualquier clase de contenido para el internet de nuestros días, vas a necesitar contenido visual. Viéndolo desde el lado del usuario, encajar imágenes en la página es mucho más atractivo que hacer clic en un enlace, y los resultados de búsqueda de Google lo saben muy bien.

Con frecuencia, los resultados más óptimos en las búsquedas de Google se encuentran mediante el uso del contenido visual. Ejemplo de esto, es si buscamos ejemplos de animales mamíferos, este es el detalle de los resultados en la búsqueda:Sobre todo se debe a la expansión continua de Google hacia la búsqueda de lo visual, y a que está al día con la tecnología de machine learning y renderizado de AR. Google determino la enorme importancia de las etiquetas alt en el 2007 en primera ocasión, y son una parte general de las directrices de la compañías acerca de la publicación de las imágenes.El propósito de los motores de búsqueda de adelantar hacia una búsqueda visual más específica ha sido confirmado en cada uno de los reajustes. 

¿Cómo cargar el alt text a las imágenes de tu página?

Ahora que desde BLG te hemos explicado por qué el alt text cuenta con tanta importancia en el SEO de las imágenes, es un requerimiento aprender dónde se encuentran las diferentes opciones de atributo en tu CMS, ya que la gran mayoría de las plataformas de suelen tener las funciones apropiadas ya dispuestas. La importancia de agregar texto alt a imágenes en WordPress.Si le das uso a WordPress, es verdaderamente fácil agregar texto alt a tus imágenes. Solo debes hacer clic en una imagen en la ventana que pertenece al editor y verás que aparece un campo justo para esto en la pestaña que se trata de Configuración de imagen.Otra forma es hacer clic en una imagen de la biblioteca de multimedia y allí encontraras las opciones.

¿Cómo añadir texto alt a las imágenes en Magento?

Añadir texto alt a las imágenes en una tienda de Magento es fácil: Necesitarás hacer clic en Catálogo> Productos, luego, escoger el producto al que deseas agregar el texto alt, y trasladarte a la sección Imágenes y videos. Pasa a hacer clic en una imagen y podrás publicar el texto alternativo.¿Cómo colocar texto alt a imágenes en Shopify?Si eres de los que necesitas Shopify, puedes colocar texto alt a las imágenes de tu tema como, y también, a las imágenes que te interesan. Para mejorar el texto alt en las imágenes de los productos, dirígete a Productos> Todos los productos donde debes hacer clic en la lista de productos en los cuales debes editar. En la página que corresponde a los detalles del producto, procede a hacer clic en un elemento multimedia y busca la página de pre visualización de multimedia. Ahora puedes hacer clic para añadir el texto alt.Para sumar el texto alt a las imágenes de los temas, dirígete a Online Store > Temas y haz clic para tipificar el tema de tu tienda.Llegaras al menú de secciones en el lado izquierdo de la página donde puedes crear el clic en bloques de imágenes y, desde allí, en imágenes individuales.Encontraras un cuadro de texto donde puedes sumar tu texto alt.¿Cómo colocar texto alt a imágenes en Wix?Hace algún tiempo, no era posible agregar texto alt a las imágenes en una tienda en Wix. No obstante, la plataforma ha invertido recursos para solucionar estas frustraciones comunes de SEO en los últimos años, y la edición de texto alt ahora es posible.Puedes agregar texto alt a las imágenes en la ventana de edición. Para ello haz clic en la imagen donde quieres agregar texto alt y abre las opciones de configuración. Desde aquí verás el campo “¿Qué hay en la imagen?”. Ahí es donde puedes agregar tu texto alt.¿Cómo redactar alt text que funcionen?El texto alt nos brinda la eventualidad de completar las palabras clave objetivo de manera que sea distinguido y con significado de modo que dignifique el contenido y brinde una mejor experiencia para el usuario. Agregar las palabras clave objetivo en el alt text no es solo algo a tomar en cuenta cuando se trata de optimar las imágenes. Al momento de redactar alt text para las imágenes en una página, debes recuerda:1.-Describe la imagen de la manera más objetiva que te sea posible en última instancia, el alt text se demuestra cuando la imagen no se lograr cargar, por lo que es un requerimiento que sea una descripción que tenga que ver con la imagen.2.-Proporciona contexto a la imagen, esta es la manera que los rastreadores puedan indexarla como es.3.-Soportalo corto y directo para las descripciones más largas usa el atributo longdesc.4.-Dale uso a las palabras claves Utiliza, pero debes evitar el keyword stuffing: todas las reglas usuales de contenido que son de excelente calidad se aplican también a los alt text. El Keyword stuffing no trabaja para tu contenido y no funcionará para el alt text.Prácticas de alt text para el SEO de imágenes.Una orientación fundamental en el SEO es evitar darle uso a las imágenes en vez de palabras, desde que los motores de búsqueda pueden leer como nosotros, darle uso a la imagen en vez del texto confunden a los rastreadores y puede generar daño en las posiciones.Una regla general que no se debe omitir es asegurarse de agregar a tu alt text a todas las imágenes de una página. Esto también incluye imágenes como los botones. El texto alt para los botones puede contar con descripciones como consíguelo ahora entre otras.Alt text, ejemplos del peor al mejorVamos a dejarte algunos ejemplos de alt text ordenados de peor a mejor para que veas su importancia.¿Cómo se redacta alt text para los webs ecommerce?En una ocasión más, el alt text requiere ser lo más expresivo posible. Es muy importante evitar alt text del tipo: «zapatos converse en liquidación compra las tuyas ya. Esto puede hacer que se activen las alarmas de spam.Uso comercial gratis de PixabayUna excelente etiqueta alt cuando se trata de mejorar las imágenes para ecommerce debería ser así: Descubriendo problemas con la ayuda de alt text de imágenes.Cuando intentamos hacerlo lo mejor posible al redactar alt text que trabajen muy bien, algunas veces podemos llegar a perdernos.Cuando deseas mejorar las imágenes para la web, la herramienta Auditoría de Semrush, el sitio puede ayudarte a sobresalir los problemas con imágenes en tu página. Imágenes que están rotas.Las imágenes rotas proveen una experiencia al usuario pobre porque no se observan apropiadamente, dando la impresión general de que tu página tiene mala calidad. Una vez que los motores de búsqueda se dan cuenta de ello, las imágenes rotas pueden dañar tus posiciones.La herramienta Auditoría del sitio te ayudará a resaltar la causa de las imágenes rotas. A continuación, tendrás que remediar:1.-Una, URL que está mal escrito o una ruta de archivo que es no válida: censura un error tipográfico en la URL; si se movió el archivo de la imagen, ordena la URL para que apunte hacia el lugar actual.2.-La imagen ya no existe: si el archivo de la imagen se dañó, cámbialo por uno que sea nuevo o si ya no requieres más la imagen, quítala también del código HTML de la página.Lo único que debes saber muy bien, es la diferencia existente entre las imágenes internas rotas y las externas. Como no cuentas con el control acerca de las imágenes externas, el mejor consejo es reemplazarlas todas al mismo tiempo.Imágenes sin atributos altComo te hemos mencionado en los apartados anteriores, un atributo alt que está vacío es una oportunidad perdida de encontrar los mejores ranking estando en la búsqueda de imágenes. Por otro lado, no brinda una excelente experiencia de usuario a los usuarios que padecen de discapacidad visual. Darle uso a la herramienta Auditoría del sitio para hacer la revisión de todas las imágenes que no posean atributos alt, haciéndote mucho más fácil interponerse y repletar el atributo alternativo con el texto adecuado. Observa el atributo alt vacío que puedes ver aquí:Cámbialo a este:Preguntas habituales de alt text.Estas son algunas de las interrogantes que hemos encontrado con más frecuencia cuando trabajamos con las etiquetas alt: ¿Cómo sé si una imagen tiene un alt text?En el momento de examinar una imagen en el código fuente de la página, si la etiqueta alt detrás de «alt=» solo muestras dos comillas que no cuentan con contenido en medio, es que el contenido del atributo alt está vacío, no existe texto alt. ¿Cómo le sumo el texto alt a un archivo jpg?En Microsoft Word, puedes hacer clic derecho en una imagen y escoger editar alt text desde el propio menú. Pasa a rellenar la representación de la imagen en la caja de entrada y procede a hacer clic en OK. Recuerda evidenciar dos veces tu texto tanto desde el lugar que corresponde a lo gramático como la redacción, porque las cajas de entrada no cuentan con la comprobación de texto. ¿Cómo encuentro una etiqueta alt en una página?Elige cualquier sección de una página con el mouse, debes hacer clic en el botón derecho y escoger inspeccionar desde el menú. El código fuente de la página surgirá en la parte derecha de la pantalla.Hacer clic en la primera estampa de la izquierda en el panel de código HTML, la búsqueda de la imagen de la página cuya etiqueta alt quieras observar y hacer clic en ella al mismo tiempo. El código HTML de ese dispositivo se resaltará con todos las propiedades de la imagen.¿Cómo se puede leer el texto alt en el código HTML?Una vez que ya hayas hecho clic en inspeccionar, necesitas prestar atención suficiente a la etiqueta HTML en el panel que enseña el código fuente de la página. El alt text está antecedido por una etiqueta que dice alt=, y lo que es siguiente es la descripción del texto alternativo.¿Se puede utilizar comas y puntos en el alt text?Sí, puedes. Contener la puntuación conveniente en el texto alternativo permite a los lectores de pantalla brindar una mejor experiencia para el usuario. En el texto alternativo se demuestra cuando una imagen no se carga de forma correcta. Los textos de buena calidad aseguran una experiencia mucho mejor al usuario. ¿Cómo de largas deberían ser las etiquetas alt?La longitud aconsejable del alt text que se ajusta a la mayoría de los lectores de pantallas es de 125 caracteres. El alt text es una sección muy importante del SEO de las imágenes y la accesibilidad de los usuarios, así que tómalo en cuenta cuando optimices tus etiquetas alt. Los usuarios y los motores de búsqueda emplean el alt text para comprender mucho mejor las imágenes de tu página. Sigue cada uno de los pasos que te hemos mencionado, te mantendrás en el mejor camino para realizar páginas que sean fáciles de utilizar y rastrear.Teléfono: (901) 352-8963Web: www.blgadvisors.com#marketingdigitalkatytx #katytx #houston #marketingkatytx #socialmediakaty #socialmedia #tendenciassocialmedia #redessociales #emprendedoreskatytx#PostPerfection #ConstrucciónCreativa #InstagramMasterpiece #Neuromarketing101 #ScienceMeetsMarketing #UnlockThePowerOfTheMind