Agregar imágenes a sus artículos alienta a las personas a leerlas, y las imágenes bien elegidas también pueden respaldar su mensaje y obtener una buena clasificación en los resultados de búsqueda de imágenes.
Pero siempre debe recordar darle a sus imágenes buenos altatributos: el texto alternativo fortalece el mensaje de sus artículos con las arañas de los motores de búsqueda y mejora la accesibilidad de su sitio web.
Este artículo explica todo sobre los atributos alt y title y por qué debería optimizarlos.
¿Qué son los altatributos y los titleatributos?
Esta es una etiqueta de imagen HTML completa:
<img src=“image.jpg” alt=“image description” title=“image tooltip”>
Los atributos alt y title de una imagen se conocen comúnmente como etiqueta alt o texto alt y etiqueta de título. Pero técnicamente, no son etiquetas, son atributos. El texto alternativo describe lo que hay en la imagen y la función de la imagen en la página. Entonces, si está utilizando una imagen como botón para comprar el producto X, el texto alternativo debería decir: «botón para comprar el producto X».
La altetiqueta es utilizada por lectores de pantalla, que son navegadores utilizados por personas ciegas y con discapacidad visual. Estos lectores de pantalla les dicen lo que hay en la imagen leyendo la altetiqueta. El titleatributo se muestra como información sobre herramientas cuando pasa el cursor sobre el elemento. Entonces, en el caso de un botón de imagen, el título de la imagen podría contener un llamado a la acción adicional. Sin embargo, esta no es una mejor práctica.
Cada imagen debe tener un texto alternativo. No solo para fines de SEO , sino también porque las personas ciegas y con discapacidad visual no sabrán de qué se trata la imagen. No se requiere un atributo de título . Además, la mayoría de las veces no tiene sentido agregarlo. Solo están disponibles para usuarios de mouse (u otros dispositivos señaladores) y el único caso en el que titlese requiere el atributo para la accesibilidad está activado <iframe>y las <frame>etiquetas.
Si la información transmitida por el titleatributo es relevante, considere ponerla a disposición en otro lugar, en texto plano y si no es relevante, considere eliminar el titleatributo por completo.
Pero, ¿qué pasa si una imagen no tiene un propósito?
Si tiene imágenes en su diseño que están puramente allí por razones de diseño, lo está haciendo mal. Esas imágenes deben estar en su CSS y no en su HTML. Si realmente no puede cambiar estas imágenes, asígneles un altatributo vacío , así:
<img src="image.png" alt="">
El altatributo vacío asegura que los lectores de pantalla omitan la imagen. En WordPress, puede dejar el campo para «Texto alternativo» en la configuración de Imagen vacía.
texto alternativo y SEO
El artículo de Google sobre imágenes tiene el título «Usar texto alternativo descriptivo». Esto no es una coincidencia: Google coloca un valor relativamente alto en el texto alternativo. Lo usan para determinar qué hay en la imagen pero también cómo se relaciona con el texto circundante. Es por eso que, en nuestro análisis de contenido SEO de Yoast , tenemos una función que verifica específicamente que tenga al menos una imagen con una etiqueta alt que contenga su frase clave de enfoque.
¿Qué hace la frase clave en la verificación de atributos alt de la imagen?
La evaluación de la palabra clave en atributos de imagen alt en Yoast SEO verifica si hay imágenes en su publicación y si estas imágenes tienen un texto alternativo con la frase clave de enfoque.
Al agregar un texto alternativo, proporciona a los usuarios de lectores de pantalla y motores de búsqueda una descripción textual de lo que hay en esa imagen. Esto mejora la accesibilidad y sus posibilidades de clasificación en la búsqueda de imágenes.
Definitivamente no estamos diciendo que debas enviar spam a tu frase clave de enfoque en cada etiqueta alternativa. Necesita imágenes relacionadas de buena calidad para sus publicaciones, donde tiene sentido tener la palabra clave de enfoque en el texto alternativo. Aquí está el consejo de Google para elegir un buen texto alternativo :
Al elegir texto alternativo, concéntrese en crear contenido útil y rico en información que use palabras clave de manera adecuada y que esté en contexto con el contenido de la página. Evite llenar los atributos alt con palabras clave (relleno de palabras clave) ya que da como resultado una experiencia de usuario negativa y puede hacer que su sitio sea visto como spam.
Si su imagen es de un producto específico, incluya el nombre completo del producto y la identificación del producto en la etiqueta alt para que pueda encontrarlo más fácilmente. En general: si una frase clave podría ser útil para encontrar algo que está en la imagen , inclúyela en la etiqueta alt si puedes. Además, no olvide cambiar el nombre del archivo de imagen para que sea algo que realmente describa lo que contiene.
Puntajes de evaluación
Si su contenido tiene más de 4 imágenes, solo obtendrá una viñeta verde si el porcentaje de imágenes con la frase clave en el texto alternativo cae entre 30 y 70%. Cuando usa la frase clave en más del 70% de sus imágenes, su viñeta se volverá naranja para evitar que se llene de palabras clave. Si tiene Yoast SEO Premium, el complemento también tendrá en cuenta los sinónimos que haya agregado a su frase clave.
alty titleatributos en WordPress
Cuando sube una imagen a WordPress, puede establecer un título y un atributo alt. Por defecto, utiliza el nombre de archivo de la imagen en el atributo de título.
Y si no ingresa un atributo alt, lo copia al atributo alt. Si bien esto es mejor que no escribir nada, es una práctica bastante pobre. Realmente necesita tomarse el tiempo para crear un texto alternativo adecuado para cada imagen que agregue a una publicación. Los usuarios y los motores de búsqueda te lo agradecerán.
Cómo agregar alt atributos en WordPress
WordPress hace que sea realmente fácil agregar alt atributos. Siga los pasos a continuación para agregarlos a sus imágenes.
No hay excusa para no hacerlo bien. Su (imagen) SEO realmente se beneficiará si obtiene estos pequeños detalles correctos. A los usuarios con problemas visuales también les gustará más por ello.
Inicie sesión en su sitio web de WordPress.Cuando haya iniciado sesión, estará en su ‘Panel de control’.
Abra la publicación o página para editar el contenido.
Haga clic en el bloque de Imagen para abrir la configuración de Imagen en la pestaña Bloque de la barra lateral.Verá que la configuración de Imagen aparece en la pestaña Bloquear de la barra lateral.
Agregue el texto alternativo y el atributo de título.
Haga clic en ‘Actualizar’.Haga clic en el botón ‘Actualizar’ en la esquina superior derecha.
Leer más sobre imagen SEO
Tenemos un artículo muy popular (y más extenso) sobre Image SEO . Ese puesto entra en un montón de maneras diferentes a las imágenes optimizar, pero es relativamente escaso en detalle cuando se trata de alty titleetiquetas – pensar en esto como un complemento a ese artículo. Recomiendo leerlo cuando hayas terminado aquí.
Fuentes de información
- https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/
Un comentario
Soy un principiante y quería aprender a escribir una etiqueta alternativa para un sitio de WordPress. Todavía dudo si tengo suficientes fotos en el sitio y si estoy haciendo todo bien. Pero tu artículo me ayudó mucho, ¡gracias!