Los textos alternativos, también conocidos como etiquetas alternativas de imágenes, descripciones alternativas o atributos alternativos, aparecen cuando una imagen no se carga para describir su contenido. Aprender a agregar etiquetas alt a las imágenes en WordPress es importante para mejorar la optimización de motores de búsqueda (SEO) y la accesibilidad web.
Google y otros motores de búsqueda utilizan la etiqueta alt de la imagen para comprender las imágenes de su sitio web y cómo se relacionan con ciertos términos de búsqueda. Cuanto mejor puedan comprender los bots de los motores de búsqueda el contenido de su sitio, más alto se clasificará el sitio web en las páginas de resultados de los motores de búsqueda.
Proporcionar etiquetas alt de imagen también es una excelente manera de hacer que su sitio web sea más accesible, ya que los lectores de pantalla pueden leer el atributo alt.
Este artículo lo guiará a través de tres métodos sobre cómo agregar etiquetas alt a las imágenes en su sitio de WordPress. También compartiremos consejos sobre cómo escribir buenas etiquetas alternativas y le mostraremos cómo verificar si ha agregado correctamente el texto alternativo.
Hay tres formas principales de editar texto alternativo o agregar etiquetas alternativas a las imágenes en WordPress: utilizando la biblioteca multimedia de WordPress, el editor Gutenberg de WordPress y el código de edición.
Uso de la biblioteca de medios de WordPress
Inicie sesión en su panel de WordPress. Ir a Medios -> Biblioteca en el menú de navegación izquierdo.
Una vez que estés en el Mediateca, haga clic en la imagen a la que desea agregar la etiqueta alt. Alternativamente, cargue una nueva imagen.
Encuentra el Texto alternativo campo en el lado derecho de la Detalles del archivo adjunto ventana. En esta ventana, también puede editar otros atributos de la imagen, como la etiqueta del título, el título y la descripción de la imagen.
Escriba el texto alternativo deseado en el campo.
Haga clic fuera del campo una vez que haya terminado para permitir que WordPress guarde los cambios.
Usando el editor Gutenberg de WordPress
Inicie sesión en su área de administración de WordPress y haga clic en Paginas en la barra lateral de navegación.
Sobre el Paginas página, haga clic en la publicación o página que contiene la imagen a la que desea agregar la etiqueta alt. Esto abrirá el editor de bloques de Gutenberg.
En el editor de la página, haz clic en la imagen de la publicación que desees. Luego, haga clic en los tres puntos de la barra de menú de arriba y seleccione Mostrar más configuraciones.
Clickea en el Configuración de imagen en el menú de la barra lateral derecha y busque el Texto alternativo (texto alternativo) campo.
Escriba el texto alternativo de la imagen en el campo y haga clic en el Actualizar botón para guardar los cambios.
Hacer clic Publicar para hacer que los cambios se activen.
Edición de código
Abra la página que contiene la imagen a la que desea agregar la etiqueta alt siguiendo los dos primeros pasos de la sección anterior. Una vez que esté en el editor de Gutenberg, haga clic en los tres puntos en la esquina superior derecha de la página y haga clic en editor de código.
Encuentra las líneas de código HTML que representan la imagen elegida. La primera línea generalmente comienza con . Si hay varias imágenes contenidas en una página, asegúrese de que estos fragmentos de código no representen ninguna otra imagen.
Entre esas líneas de código, encuentre alt=””.
Escriba el texto alternativo que falta entre las comillas.
Clickea en el Actualizar botón para guardar los cambios.
Hacer clic Publicar para hacer que los cambios se activen.
Una gran etiqueta alt de imagen no debe sobreexplicar o subexplicar las imágenes. Para lograr esto, siga estas prácticas de texto alternativo de imagen:
Solo agregue texto alternativo cuando sea necesario. No todas las imágenes destacadas necesitan texto alternativo. Por ejemplo, no necesita agregar texto alternativo a las imágenes decorativas o las que ya se describen en un párrafo cercano. Por lo general, el texto alternativo para una imagen de fondo tampoco es necesario.
Sea específico, directo y conciso. Proporcione una descripción precisa de la imagen, pero no entre en demasiados detalles. Ve al grano.
Usa el contexto del contenido. Esto es especialmente útil para describir imágenes de archivo sin detalles de imagen reconocibles, como lugares o temas conocidos. Por ejemplo, si se publicó una imagen de un hombre mirando la pantalla de una computadora como parte de una publicación de blog sobre consejos de SEO de WordPress, el texto alternativo podría ser un “hombre investigando técnicas de SEO de WordPress”.
Mantenga el texto alternativo por debajo de los 125 caracteres. Muchos lectores de pantalla solo leerán el texto alternativo que consta de 125 caracteres y se detendrán abruptamente una vez que exceda el límite de caracteres. Esto puede dificultar que las personas con discapacidad visual entiendan la imagen.
Evite usar frases como “una captura de pantalla de” o “una imagen de”. Esta práctica es redundante, ya que los navegadores y los bots de los motores de búsqueda ya pueden identificarlo como un archivo de imagen a través del código.
Incorpore palabras clave sabiamente. Incluya las palabras clave de destino del contenido en el texto alternativo de la forma más natural posible para evitar el relleno de palabras clave. Una de las mejores estrategias para insertar palabras clave en su texto alternativo es usar palabras clave semánticas.
Además de implementar estas prácticas de texto alternativo, otras técnicas de SEO de imágenes incluyen el uso de imágenes relevantes y la optimización de imágenes para su sitio de WordPress. Algunas formas de optimizar las imágenes son elegir el formato correcto y comprimirlas. Esto último es especialmente importante, ya que las imágenes más grandes tardan más en cargarse.
Acelerar su sitio web también mejora el SEO de su sitio web. Para mantener un rendimiento óptimo del sitio web, asegúrese de elegir un proveedor de alojamiento web confiable y realice pruebas de velocidad del sitio web con regularidad.
Además, escribir excelentes atributos de título de imagen es una excelente manera de mejorar la experiencia del usuario. Los usuarios pueden ver estos títulos de imágenes o etiquetas de título en forma de información sobre herramientas: etiquetas de texto que aparecen cuando pasa el mouse sobre una imagen.
Cómo verificar si el texto alternativo se agregó con éxito
Si no está seguro de haber agregado con éxito texto alternativo a sus imágenes de WordPress, simplemente siga los pasos a continuación para verificar:
Vaya a la página en vivo de su sitio web de WordPress que presenta las imágenes que desea verificar. Haga clic derecho en la página y haga clic en Ver código fuente. Prensa Control + F en su teclado para buscar el código fuente de la página. Los usuarios de Mac deben pulsar Comando + F en cambio. Tipo alt=” en el campo de búsqueda que aparece. Esto resaltará el texto alternativo de todas las imágenes en la página.
Conclusión
Los atributos alternativos de la imagen son útiles tanto para los usuarios del sitio como para los motores de búsqueda. Agregar etiquetas alt a las imágenes es una buena técnica de SEO, ya que ayuda a los motores de búsqueda a comprender mejor el contenido de su sitio. El texto alternativo también hace que su sitio web sea más accesible para aquellos que usan un lector de pantalla para navegar por las páginas web.
Hay tres métodos principales para agregar etiquetas alt faltantes a las imágenes en WordPress: usar la biblioteca de medios de WordPress, el editor de WordPress Gutenberg o el código de edición. Recuerda que no necesitas texto alternativo para todas las imágenes, especialmente las descritas en un párrafo cercano o cuadros decorativos.
Al escribir el atributo de texto alternativo, sea directo, específico y conciso. Crea un texto alternativo descriptivo para explicar lo que representa la imagen. Intente mantener los caracteres por debajo de 125, ya que es el límite para muchos lectores de pantalla. Además, evite el relleno de palabras clave y el uso de frases como “una imagen de” o “una captura de pantalla de”.
Esperamos que este artículo le haya ayudado a comprender cómo agregar etiquetas alt a las imágenes en WordPress. Buena suerte.
Aquí hay algunas preguntas frecuentes sobre cómo agregar etiquetas alt a las imágenes en WordPress.
¿Qué es una etiqueta alternativa?
Una etiqueta alt, abreviatura de atributo alt o texto alternativo, es un atributo HTML que proporciona una descripción de una imagen en una página web para los usuarios que no pueden ver la imagen. También ayuda a los motores de búsqueda a comprender el contenido de la imagen y mejorar el SEO de la página.
¿Cuál es el propósito de una etiqueta Alt?
El propósito de una etiqueta alt es proporcionar una descripción textual de una imagen en una página web para usuarios con problemas de visión o con imágenes deshabilitadas. También ayuda a los motores de búsqueda a comprender el contexto y el contenido de la imagen, lo que mejora la visibilidad de la página y la clasificación en los motores de búsqueda.
¿Cuál es la diferencia entre una etiqueta Alt y un título?
Una etiqueta alt es una breve descripción de una imagen con fines de accesibilidad, mientras que un título es un texto más largo que aparece debajo de una imagen. Los subtítulos a menudo brindan información y contexto adicionales, mientras que las etiquetas alt describen principalmente imágenes para aquellos que no pueden verlas.