Texto alternativo, Alt text

texto alternativo
Contenido de este artículo

El texto alternativo (también conocido como «alt text») es una breve descripción de una imagen que se muestra en lugar de la imagen en sí en caso de que no pueda ser mostrada o accedida por el usuario.

El texto alternativo es utilizado principalmente para hacer que un sitio web sea más accesible para personas con discapacidad visual, ya que les permite conocer el contenido de la imagen a través de una descripción en lugar de tener que verla.

En español, el texto alternativo también se puede llamar «texto de reemplazo» o «texto descriptivo».

¿Cómo funciona el alt text?

El alt text funciona a través de la adición de un atributo «alt» a la etiqueta de imagen en el código HTML de un sitio web. Por ejemplo:<img src=»mi-imagen.jpg» alt=»Descripción de la imagen»>

Cuando un navegador web carga la página, lee el código HTML y muestra la imagen junto con el texto alternativo. Si la imagen no puede ser mostrada por cualquier motivo (por ejemplo, si el usuario tiene desactivadas las imágenes en su navegador o si hay un problema de conexión), el texto alternativo se muestra en su lugar.

El texto alternativo es especialmente útil para hacer que un sitio web sea más accesible para personas con discapacidad visual, ya que les permite conocer el contenido de la imagen a través de una descripción en lugar de tener que verla. También es útil para los motores de búsqueda, ya que les permite comprender mejor el contenido de la página y mejorar la indexación del sitio.

¿Cómo poner un texto alternativo en HTML?

Para añadir texto alternativo a una imagen en un sitio web, debes agregar un atributo «alt» a la etiqueta de imagen en el código HTML de la página. Por ejemplo:<img src=»mi-imagen.jpg» alt=»Descripción de la imagen»>

En este ejemplo, «Descripción de la imagen» es el texto alternativo de la imagen.

Es importante tener en cuenta que el texto alternativo debe ser breve y específico, y debe describir el contenido de la imagen de manera clara y concisa. No debes utilizar el texto alternativo para incluir palabras clave o frases publicitarias, ya que esto puede ser considerado spam por los motores de búsqueda y puede afectar negativamente al posicionamiento del sitio.

Si estás utilizando un gestor de contenidos o una plataforma de blog, es posible que tengas una opción para agregar texto alternativo directamente a través de la interfaz de usuario en lugar de tener que editar el código HTML manualmente. Consulta la documentación o el soporte de la plataforma para obtener más información sobre cómo agregar texto alternativo.

¿Cómo poner un texto alternativo en wordpress?

En WordPress, puedes añadir texto alternativo a una imagen de varias maneras:

  1. A través de la interfaz de usuario:
  • Accede a la página o publicación donde quieres insertar la imagen.
  • Haz clic en el botón «Añadir media» para abrir el selector de archivos.
  • Selecciona la imagen que quieres insertar y haz clic en «Insertar en la página».
  • En la ventana emergente, escribe el texto alternativo en el campo «Título alternativo» y haz clic en «Insertar en la página».
  1. A través del editor de texto:
  • Accede a la página o publicación donde quieres insertar la imagen.
  • Haz clic en el botón «Añadir media» para abrir el selector de archivos.
  • Selecciona la imagen que quieres insertar y haz clic en «Insertar en la página».
  • En la ventana emergente, escribe el texto alternativo en el campo «Título alternativo» y haz clic en «Insertar en la página».
  • En el editor de texto, selecciona la imagen y haz clic en el botón «Editar» para abrir la ventana de edición de imágenes.
  • En la ventana de edición de imágenes, escribe el texto alternativo en el campo «Título alternativo» y haz clic en «Actualizar».

Es importante tener en cuenta que el texto alternativo debe ser breve y específico, y debe describir el contenido de la imagen de manera clara y concisa. No debes utilizar el texto alternativo para incluir palabras clave o frases publicitarias, ya que esto puede ser considerado spam por los motores de búsqueda y puede afectar negativamente al posicionamiento del sitio.

Si tienes problemas para añadir texto alternativo a una imagen en WordPress, consulta la documentación o el soporte de WordPress para obtener más información.

¿Qué es el atributo ALT en las imágenes?

El atributo «alt» es un atributo de la etiqueta de imagen en HTML que se utiliza para proporcionar una breve descripción del contenido de la imagen. El texto proporcionado en el atributo «alt» se muestra en lugar de la imagen en caso de que no pueda ser mostrada o accedida por el usuario.

El atributo «alt» es especialmente útil para hacer que un sitio web sea más accesible para personas con discapacidad visual, ya que les permite conocer el contenido de la imagen a través de una descripción en lugar de tener que verla. También es útil para los motores de búsqueda, ya que les permite comprender mejor el contenido de la página y mejorar la indexación del sitio.

Para utilizar el atributo «alt» en una imagen en HTML, debes agregarlo a la etiqueta de imagen junto con el atributo «src» que especifica la ubicación de la imagen. Por ejemplo:<img src=»mi-imagen.jpg» alt=»Descripción de la imagen»>

En este ejemplo, «Descripción de la imagen» es el texto que se mostrará en lugar de la imagen en caso de que no pueda ser mostrada o accedida por el usuario.

Borja De Bedoya
Borja De Bedoya
Consultor de Marketing Digital y Posicionamiento SEO, Graduado en Marketing e Investigación de Mercados, Master en Marketing Digital y comercios electrónicos. Actualmente profesor de Marketing Digital en la Escuela Benowu Academy y Director de marketing estratégico en la Agencia Crear Digital. Consultor Digital de diferentes empresas digitales como Benow Media, Cow&Co y Happymami Lactancia.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *