La etiqueta ALT es una etiqueta HTML cuyo contenido sirve a Google para entender de que tratar una imagen.
La etiqueta ALT la utilizamos para dar consistencia a la intención de búsqueda que queremos establecer en una página o post.
En este post te voy a explicar donde has de rellenar esta etiqueta ALT cuando estás usando WordPress y subes una imagen (te lo explico con los constructores de WordPress más habituales).
ACCEDE A TODOS MIS CURSOS ONLINE POR SOLO 10€/MES
ÍNDICE: COMO INSERTAR LA ETIQUETA ALT EN IMÁGENES USANDO WORDPRESS
Rellenar etiqueta ALT al subir la imagen a WordPress
Una forma de rellenar la etiqueta ALT en WordPress es hacerlo en el momento de subir la imagen.
Ésta es la forma más usada, ya que sirve en la mayoría de constructores de WordPress: clásico, Divi, Elementor, etc. (Con Gutenberg no)
Una vez procedes a subir una imagen a WordPress, independientemente del constructor que estés utilizando (excepto Gutenberg), te aparecerá la siguiente interface en la que seleccionarás la pestaña “Subir archivo”, luego clic en botón “Seleccionar archivo”.
Una vez seleccionada la imagen y subida a WordPress, en la barra lateral izquierda verás un área de texto con el nombre: “Texto alternativo”.
Rellena el área de texto con un texto que describa la imagen. No pongas, palabras separadas por comas, redacta una oración normal.
Después, inserta la imagen en WordPress.
Rellenar la etiqueta ALT de una imagen en WordPress usando Gutenberg
Una vez hayas seleccionado el módulo imagen, harás clic en “Subir” para seleccionar que imagen quieres subir.
Una vez subas la imagen quedará seleccionada.
Con la pestaña “Bloque” del menú lateral seleccionada, verás un bloque con el nombre “Ajustes”. Si no está desplegado, despliégalo.
El área de texto que debes rellenar es el que tiene el nombre: “TEXTO ALT (TEXTO ALTERNATIVO)”
Finalmente guarda los cambios
Rellenar la etiqueta ALT después de subir la imagen a WordPress
También es posible rellenar la etiqueta de una imagen en WordPress después de haber subido la imagen (Editar).
Pero, el procedimiento va a variar según el constructor o editor visual que estés utilizando.
En el caso del editor clásico, si haces clic en la imagen y después en icono del “lápiz” (editar) te aparecerá la pantalla de edición de la imagen.
En esta pantalla podrás rellenar la etiqueta ALT de la imagen en el área de texto con el nombre: “Texto alternativo”
En el caso de que uses algún constructor como el Divi Builder, o Elementor, tendrás que editar el módulo o widget imagen y buscar la opción de personalizar la etiqueta ALT entre las opciones de configuración del módulo o widget.
En el caso de Divi, tienes la opción en pestaña “Avanzado” y bloque “Atributos”, como te muestro en la siguiente imagen.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes