Joost De Valk es el fundador y director de producto de Yoast. Es un empresario de internet, que junto a la fundación de Yoast ha invertido y asesorado a varias startups. Su principal experiencia es el desarrollo de software de código abierto y el marketing digital.,
agregar imágenes a sus artículos anima a la gente 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 atributos alt: el texto alternativo fortalece el mensaje de sus artículos con arañas de 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.,
tabla de contenidos
- ¿Qué son los atributos alt y los atributos title?
- Pero ¿qué pasa si una imagen no tiene un propósito?
- texto alternativo y SEO
- ¿Qué hace la frase clave en la comprobación de atributos alt de imagen?
- puntuaciones de evaluación
- atributos alt y title en WordPress
- Cómo agregar atributos alt en WordPress
- Leer más sobre image SEO
¿tiene una viñeta naranja para la frase clave en alt attributes check en Yoast SEO? Lee cómo convertir esa bala en verde.,
¿qué son los atributos alt y los atributos title?
Esta es una etiqueta de imagen HTML completa:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/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. Por lo tanto, si está utilizando una imagen como un botón para comprar el producto X, el texto alternativo debe decir: «botón para comprar el producto X.,»
la etiqueta alt es utilizada por los 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 etiqueta alt. El atributo title se muestra como una ayuda de Herramienta cuando pasa el cursor sobre el elemento. Por lo tanto, en el caso de un botón de imagen, el título de la imagen podría contener una llamada a la acción adicional. Sin embargo, esta no es una buena práctica.
Cada imagen debe tener un texto alternativo., No solo con 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 title. Además, la mayoría de las veces no tiene sentido agregarlo. Solo están disponibles para los usuarios del mouse (u otros dispositivos de señalización) 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, considere ponerlo a disposición en otro lugar, en texto plano y si no es relevante, considere eliminar el atributo title por completo.
¿Tiene una viñeta naranja para la frase clave en alt attributes check en Yoast SEO? Esto es lo que hace este cheque y cómo convertir esa bala en verde.
pero ¿qué pasa si una imagen no tiene un propósito?
Si tienes imágenes en tu diseño que están puramente allí por razones de diseño, lo estás haciendo mal., Esas imágenes deben estar en tu CSS y no en tu HTML. Si realmente no puedes cambiar estas imágenes, dales un atributo alt, como así:
<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.png" alt="">
el atributo alt se asegura de que los lectores de pantalla omitan la imagen. En WordPress, puede dejar vacío el campo para «texto alternativo» en la configuración de la imagen.
texto alternativo y SEO
El artículo de Google sobre imágenes tiene un encabezado «usar texto alternativo descriptivo». Esto no es coincidencia: Google le da un valor relativamente alto al texto alternativo., Lo utilizan para determinar lo que está 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 comprueba específicamente que tienes al menos una imagen con una etiqueta alt que contiene tu frase clave de enfoque.
¿qué hace la frase clave en la comprobación de atributos alt de imagen?
la palabra clave en la evaluación de atributos alt de imagen en Yoast SEO comprueba si hay imágenes en tu publicación y si estas imágenes tienen un texto alt 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 debes de spam de su enfoque frases clave en cada etiqueta alt. Necesitas Imágenes relacionadas de buena calidad para tus publicaciones, donde tenga sentido tener la palabra clave focus en el texto alternativo., Estos son los consejos de Google para elegir un buen texto alternativo:
al elegir un texto alternativo, concéntrese en crear contenido útil y rico en información que use palabras clave de manera adecuada y esté en el contexto del contenido de la página. Evite llenar atributos alt con palabras clave (Relleno de palabras clave), ya que resulta en 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 tanto el nombre completo del producto como el ID del producto en la etiqueta alt para que se pueda encontrar más fácilmente., En general: si una frase clave puede ser útil para encontrar algo que está en la imagen, inclúyala en la etiqueta alt si puede. Además, no se olvide de cambiar el nombre del archivo de imagen para que sea algo que realmente describa lo que hay en él.
puntuaciones de la evaluación
si tu contenido tiene más de 4 imágenes, solo obtendrás una viñeta verde si el porcentaje de imágenes con la frase clave en el texto alternativo se sitúa entre el 30 y el 70%. Cuando usas la frase clave en más del 70% de tus imágenes, tu viñeta se volverá naranja para evitar que se rellene con palabras clave., Si tienes Yoast SEO Premium, el plugin también tendrá en cuenta los sinónimos que hayas agregado a tu frase clave.
¡vaya Premium y obtenga acceso a esta función!
obtenga acceso a muchas funciones y todos nuestros cursos de SEO con el plugin Yoast SEO Premium:
atributos alt y Title en WordPress
cuando carga una imagen en WordPress, puede establecer un título y un atributo alt., De forma predeterminada, utiliza el nombre del archivo de imagen en el atributo title. 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 necesitas tomarte el tiempo para crear un texto alternativo adecuado para cada imagen que añadas a una publicación. Los usuarios y los motores de búsqueda te lo agradecerán.
Cómo agregar atributos alt en WordPress
WordPress hace que sea muy fácil agregar atributos alt. Sigue los pasos a continuación para añadirlos a tus imágenes. No hay excusa para no hacer esto bien., Tu SEO (imagen) realmente se beneficiará si aciertas estos pequeños detalles. A los usuarios con problemas visuales también les gustará más por ello.
- inicie sesión en su sitio web de WordPress.
cuando hayas iniciado sesión, estarás en tu’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 la imagen aparece en la pestaña bloque de la barra lateral.
- agregue el texto alternativo y el atributo title.,
- haga clic en ‘Actualizar’.
Haga clic en el botón’ Actualizar ‘ en la esquina superior derecha.
Leer más sobre image SEO
tenemos un artículo muy popular (y más largo) sobre Image SEO. Esa publicación analiza un montón de formas diferentes de optimizar imágenes, pero carece relativamente de detalles cuando se trata de etiquetas alt y title: piense en esto como un complemento de ese artículo. Recomiendo leerlo cuando haya terminado aquí.
Leer más: Optimización de imágenes para motores de búsqueda «
Leave a Reply