Usa la Etiqueta ALT para mejorar el SEO de tu Web

Usa la Etiqueta ALT para mejorar el SEO de tu Web

Mejorar el SEO con las etiquetas ALT

¡Buenos días marketer@s! Hoy, quería hablaros de algo muy importante en cuanto al SEO y que muchas veces no se le da la importancia que requiere. Esto es la etiqueta ALT o atributo ALT. Todos los SEOs y especialistas en Marketing conocen el atributo alt, pero no tan utilizado. Hoy, veremos cómo usarlo y por qué deberíamos usarlo siempre.

¿Qué es la etiqueta ALT en HTML?

La etiqueta ALT o atributo ALT se trata de un texto que describe lo que aparece en la imagen. Es perfecto para aquellas personas que son ciegas y tienen que usar el modo de voz o incluso, para aquellos navegadores que tienen desactivadas las imágenes para evitar el exceso de carga de la página web.

Esta etiqueta también se conoce como texto alternativo o descripción de la imagen, por lo tanto, cuando tengas que subir una imagen a la web, no olvides de buscar este apartado para añadir tu atributo alt.

¿Por qué debemos tener siempre el atributo ALT en todas las imágenes?

Como te he comentado, las etiquetas ALT ayudan a saber más sobre el contenido de la imagen y son perfectas cuando ocurre alguna de estas situaciones:

  • Cuando están navegando por tu web personas con discapacidad visual.
  • Cuando tienes desactivada la carga de imágenes en tu navegador o la imagen está rota y por lo tanto no se muestra la imagen.
  • Cuando la carga de la web es lenta.
  • Para posicionar el contenido de las imágenes en los buscadores. Es vital en SEO porque los robots de Google NO ven las imágenes, solo pueden leer texto, por lo que si le añades la descripción, podrás posicionar tus imágenes para cierta intención de búsqueda y darle mayor relevancia a tu sitio web.

¿Cómo añadir la etiqueta ALT en HTML?

Para añadir el texto alternativo a tus imágenes, debes entrar en el código HTML y buscar dónde se encuentra la imagen que has añadido. Deberá aparecerte un fragmento que empiece por: <img src=….

Una vez hayas encontrado este fragmento, añade una línea tal que así:

<img src=»ejemplo.jpg» alt=»cómo usar el atributo ALT en imágenes»>

Intenta también que el título de la imagen (ejemplo.jpg), tenga una explicación de lo que es la imagen, dale un buen nombre acorde a lo que es la imagen a la hora de guardarla para que garantice su accesibilidad y ayude al usuario.

¿Cómo puedo ver el atributo ALT de una imagen?

Para poder ver que tus imágenes tienen texto alternativo, te recomiendo que uses la extensión de chrome: Web Developer. Una vez la tengas instalada, al hacer clic sobre ella, se te desplegará un menú donde deberás irte a images y después hacer clic en Display Alt Attributes

extensión de chrome: Web Developer para ver las etiquetas ALT

Esta es una de las formas más sencillas, pues puedes ver todos las etiquetas alt de una página web de un solo vistazo. Pero si no tienes Chrome o no te gusta usarlo, siempre puedes optar por el inspeccionar elemento de cualquier navegador. En el mismo código, te aparecerá una etiqueta que pone: alt=»ejemplo» y ahí podrás ver qué texto alternativo usa esa imagen.

Usando el Inspeccionar Elemento para ver el texto alternativo

Y ahora, ¿añadirás la etiqueta alt a todas tus imágenes de la web? Si tienes cualquier duda, coméntamela tanto por comentarios como contactando conmigo y te las resolveré encantada.

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

¿Necesitas ayuda SEO?