Optimizar imagenes para SEO: etiquetas «alt» y «title»

Optimizar imágenes para SEO guía 2019. Vamos a ver cómo incluyendo las etiquetas en los post atraerá un mayor número de personas a tu web. Además, si las imágenes en las entradas se eligen bien, pueden complementar al mensaje y subir puestos en los resultados de búsqueda de Google en imágenes.
Sin embargo, no debe olvidar dar a sus imágenes atributos alternativos: el texto alternativo de imágenes refuerza el mensaje de los artículos con motores de búsqueda y mejora la accesibilidad del sitio web como hemos visto en nuestros cursos wordpress.
En este artículo, se explica todo sobre los atributos alt y los atributos title de una imagen y por qué debería optimizarlas.

¿Qué son las etiquetas «alt» y «title»?

Guia 2019 de etiquetas alt y title. La etiqueta alt de cualquier imagen debe describir lo que aparece en ella. Los lectores de pantalla son navegadores utilizados por personas ciegas y personas con discapacidad visual.

Estos lectores de pantalla leerán la descripción de la imagen y, por lo tanto, harán que la imagen sea accesible.
A continuación, una etiqueta de imagen HTML completa:

<img src=“imagen.jpg” alt=“descripción imagen” title=“descripción emergente”>

Los atributos alt y title de una imagen se conocen comúnmente como etiqueta alt, texto alternativo y etiqueta title, aunque no sean técnicamente etiquetas.

El texto alternativo describe lo que hay en la imagen y su función en los post. Por ejemplo, si utiliza una imagen como botón para comprar el producto X, el texto alternativo sería: «botón para comprar el producto X».
El atributo title de una imagen se muestra como una descripción emergente cuando se desplaza el puntero del ratón sobre el elemento.

Si es un botón de imagen, el título de la imagen podría contener un mensaje adicional para llamar la atención, como «¡Compre el producto X ahora por 19 €!»,
Cada imagen debería tener un texto alternativo, no solo para fines de posicionamiento SEO, sino también para que las personas ciegas y con discapacidad visual lo que aparece en la imagen.

Por el contrario, no es necesario un atributo title, ya que en muchos casos no tiene sentido agregarlo. El atributo title solo está disponible para usuarios que utilizan un ratón (u otros dispositivos señaladores) y el único caso en el que se requiere el atributo title para la accesibilidad es en las etiquetas <iframe> y <frame>.

Si la información transmitida por el atributo title es relevante, tendrá que añadir la información en otro lugar. Por ejemplo, en texto sin formato. Si la información no es relevante, puede eliminar el atributo title por completo.

Pero, ¿y si la imagen no tiene ningún propósito?

Si añade imágenes únicamente por el diseño de la página web, lo está haciendo mal, ya que esas imágenes deberían estar en el CSS y no en el HTML.
Si no puede cambiar estas imágenes, añada un atributo alt vacío como se muestra a continuación:

<img src = “imagen.png” alt = “”>

El atributo alt vacío se asegura de que los lectores de pantalla omitan la imagen.

Alt text y SEO

En cuanto a las imágenes en Google, este asigna un valor relativamente alto al texto alternativo descriptivo (alt text) para determinar no solo lo que aparece en la imagen, sino también cómo se relaciona con el texto al que acompaña.

No es necesario que añada una frase clave a cada etiqueta alt. Cuando añade imágenes de alta calidad relacionadas con sus publicaciones, sí es conveniente añadir una palabra clave en el texto alternativo.

Estos son los consejos de Google para elegir bien un texto alternativo:

• Al elegir un texto alternativo, es muy importante que se concentre en crear contenido útil y rico en información, utilizando palabras clave de manera adecuada y adaptándolas al contexto del contenido de la página.

• Evite llenar los atributos alt con palabras clave (relleno de palabras clave), ya que dará una impresión negativa del sitio web y puede hacer que su sitio web se considere como spam.

• Si su imagen muestra un producto específico, incluya tanto el nombre completo del producto como su identificación en la etiqueta alt para que se pueda encontrar más fácilmente.

• En general, si una frase clave puede resultar de utilidad para encontrar algo que está en la imagen, inclúyala si es posible en la etiqueta alt.

• No olvide cambiar el nombre del archivo de imagen para que realmente describa lo que contiene.

Atributos alt y title en WordPress

Cuando sube una imagen a WordPress, puede poner un título y un atributo alt.
De forma predeterminada, se utiliza el nombre del archivo de la imagen en el atributo title y, si usted no añade un atributo alt, se copia también al atributo alt.
Está claro que eso es mejor que no escribir nada, pero es un procedimiento bastante mediocre.
Merece la pena tomarse el tiempo necesario para elaborar un texto alternativo adecuado para cada una de las imágenes que vaya a agregar en sus publicaciones.
Los usuarios y los motores de búsqueda se lo agradecerán. La interfaz lo hace fácil, haga clic en una imagen, presione el botón de edición y verá lo siguiente:
No hay excusa para no hacerlo bien, aparte de la pereza. Su posicionamiento SEO se beneficiará si sigue estos pasos correctamente. Los usuarios con problemas visuales también se lo agradecerán.

Si te ha gustado comenta y comparte este enlace. Suscribirte a nuestras newsletter, y nos vemos en el siguiente post.

Si te ha parecido interesante esta entrada de Optimizar imagenes para SEO, tu opinión y aportación compartiéndola nos ayudará mucho. Gracias por tu atención.

No dudes en dejar tus preguntas o comentarios sobre este artículo en la sección de comentarios a continuación.Entre todos seguiremos ayudándonos a crecer.

Este articulo es el contenido original del blog de nosunelanube

This content was originally published here.