¿Qué es otra etiqueta y cómo debes usarla?

Las imágenes lo ayudan a que su sitio sea atractivo y visualmente atractivo. Sin embargo, si no optimiza las imágenes con texto alternativo (también llamado “texto alternativo” o “etiquetas alt”), perderá una oportunidad clave para mejorar la experiencia del usuario y la accesibilidad de su sitio para usarlas correctamente, es importante que Primero comprenda cuáles son las etiquetas alternativas. En esta publicación, discutiremos cuáles son las otras etiquetas y por qué se usan. También explicaremos cómo agregar otras etiquetas a las imágenes de WordPress e introduciremos algunas buenas prácticas para hacerlo.
¡Vamos a empezar! Suscríbase a nuestro canal de YouTube ¿Qué es una etiqueta alternativa? Las etiquetas alternativas se agregan a las imágenes en HTML, para describir su contenido y contexto en la página web. La otra etiqueta también aparece en el contenedor de imagen cuando el archivo de medios no se puede cargar o se muestra correctamente:

Las etiquetas alternativas ayudan a las personas que usan lectores de pantalla, como aquellos con discapacidades visuales, a comprender el contenido en su sitio web. Además, los robots de motores de búsqueda los usan para interpretar sus imágenes al acceder con rastreadores, indexación y clasificación de su sitio.
Agregado en la etiqueta de la imagen, una etiqueta de calidad alternativa es una breve descripción que explica no solo lo que presenta la imagen, sino también su propósito en la página. Cuando se usa en el código HTML, la etiqueta de imagen completa se ve así: <img src = "motocicleta-sunset.png" alt = "hombre en camisa a cuadros negra y roja que montaba una motocicleta naranja al sol". a veces confundido con los títulos o subtítulos de las imágenes. Sin embargo, los títulos de las imágenes son otro tipo de atributo. Se muestra como texto emergente cuando una persona pasa con el mouse sobre una imagen. Por otro lado, aparecen subtítulos con una imagen, generalmente debajo, y proporcionan información o detalles adicionales al respecto. En circunstancias normales, los visitantes nunca verán las otras etiquetas de sus imágenes. ¿Por qué usa otras etiquetas en las imágenes? Las etiquetas alternativas tienen muchos propósitos. Aunque no se le pide que los use, hay algunas ventajas importantes. Debido a que son utilizados tanto por motores de búsqueda como por herramientas de lectura de pantalla, estos son un componente crítico de la accesibilidad web y la optimización de motores de búsqueda (SEO). Mejorar las etiquetas alternativas de accesibilidad web que le asegura que los visitantes pueden acceder y disfrutar del contenido de su sitio web, incluso cuando usan asistencia o solo por texto. Cuando alguien con discapacidades visuales visite su sitio web, el lector de pantalla leerá el texto en la página. Cuando llega a una imagen, usará la etiqueta ALT para describir qué es esa imagen.
Si falta la otra etiqueta, el lector de pantalla puede leer el nombre del archivo de imagen en su lugar. Esto no solo es ineficiente para explicar la imagen correctamente, sino que puede ser confundida e inquietante, especialmente si el nombre del archivo no ha sido optimizado. En algunos casos, como cuando deja el campo de la etiqueta, otra imagen vacía en WordPress, el lector de pantalla omitirá la imagen. Suponiendo que las imágenes que incluya en su web, puedo aliviar la clasificación de acuerdo con las palabras clave que está intentando apuntar. Los robots de los motores de búsqueda son inteligentes, pero no pueden interpretar y comprender los aspectos visuales de una imagen como los humanos. Los atributos Alt ofrecen una alternativa basada en texto para la traducción de imágenes y más precisamente para incorporar palabras clave relevantes. Las descripciones textuales que contienen palabras clave objetivo pueden aumentar sus posibilidades de clasificar muy bien en las búsquedas de imágenes. Para enfatizar el papel importante que juegan las imágenes (y, a su vez, las etiquetas alternativas) en SEO, considere la página de resultados del motor de búsqueda (SERP) para el "tamaño del rey":
La primera página no solo produce resultados basados ​​en texto; También hay muchos resultados de imagen. Cuando se optimiza y usa correctamente, otras etiquetas pueden ayudarlo a mejorar su SEO y generar imágenes de hipervínculos que se pueden hacer clic para aparecer en búsquedas como estas. Esto es particularmente beneficioso para los sitios comerciales electrónicos y las páginas de destino. Cómo agregar otra etiqueta de imagen en WordPress Una vez que comprenda los beneficios de usar otra imagen atributos en su sitio, es hora de aprender a hacer esto. Afortunadamente, WordPress hace esta tarea increíblemente simple y simple. Para agregar otra imagen en WordPress, inicie sesión en el tablero del administrador y navegue por la página o publique a la que desea agregar la imagen. En el editor de WordPress, haga clic en el icono más y seleccione el bloque de imágenes:
Luego cargue la imagen o seleccione una de su biblioteca de medios. Una vez que haya ingresado la imagen del bloque, el panel de configuración de la imagen se abrirá en la barra lateral derecha. Puede ingresar la descripción en el otro cuadro de texto:

Cuando haya terminado, guarde sus cambios. Puede hacer esto para las imágenes existentes. Por ejemplo, si desea actualizar una imagen en una publicación que ya se ha publicado en su sitio, simplemente haga clic en la imagen e ingrese la nueva etiqueta Alt en la barra lateral.

Cómo agregar una otra etiqueta de imagen en HTML Cuando se usa WordPress u otro CMS que incluya un módulo para agregar y editar etiquetas alternativas, agregará automáticamente el código HTML. Sin embargo, si desea agregar el código, puede hacerlo fácilmente . Para agregar otra etiqueta HTML a WordPress, haga clic en el bloque de imágenes relevante. En la barra de herramientas de bloqueo, seleccione el botón con los tres puntos verticales y elija editado como HTML: el código HTML mostrará la etiqueta de imagen. Notarás que el atributo alt está vacío. Coloque su texto entre comillas:

Cuando haya terminado, haga clic en el botón Vista previa para volver al editor visual, luego guarde los cambios. Puede usar la misma sintaxis y formato para editar la etiqueta de imagen HTML de cualquier archivo. Consejos y mejores prácticas para escribir otras etiquetas de imagen Al crear etiquetas alternativas, debe tener en cuenta algunos puntos clave. Respetar estas mejores prácticas lo ayudará a hacer las otras etiquetas más efectivas:

Ser específico y descriptivo. El propósito de las etiquetas alternativas es describir la imagen para que desee ser lo más específico posible. Si no está seguro de si su descripción es suficiente, considere qué imagen vería si solo ve esa línea de texto.
Manténgalo brevemente. Aunque desea ser detallado, no tiene que hacer que la otra etiqueta sea un párrafo largo (o incluso una oración completa). El objetivo es de aproximadamente 100 a 125 personajes máximos.

No seas redundante. Para aprovechar al máximo su etiqueta alternativa, no desea incluir palabras innecesarias. Esto incluye la adición de “Imagen A” o “Imagen A” antes de la descripción. Estos elementos son inútiles, porque ya están implícitos. Inscrus Palabras clave naturalmente relevantes. Considere las palabras clave dirigidas y, cuando sea posible, las incorporen orgánicamente en el contexto de la página. Esto es más fácil cuando se usa imágenes muy relevantes que coinciden con el texto.

Evite llenar las palabras clave. Si bien el uso de palabras clave en sus otras etiquetas puede mejorar el SEO, tenga cuidado de no exagerar. Completar las palabras clave puede afectar su SEO y produce una experiencia de usuario deficiente.
No use imágenes en lugar del texto. El objetivo principal de una etiqueta ALT es proporcionar un contexto textual para los automóviles que no pueden procesar e interpretar los elementos visuales en una página. Por lo tanto, no tiene sentido usar texto en imágenes, especialmente para los títulos y títulos de las páginas.
Al crear etiquetas alternativas para sus imágenes, recuerde siempre que el objetivo es describir la imagen de aquellos que pueden no poder verla. Si bien tener en cuenta el SEO y las palabras clave es definitivamente una idea inteligente, escribir sus etiquetas alternativas con usuarios reales en mente puede ayudar a generar resultados más positivos.