Cómo optimizar el texto alternativo y el texto del título • Yoast


Agregar imágenes a sus artículos anima a las personas a leerlos, 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 debes recordar dar buenas imágenes a tus alt atributos: el texto alternativo refuerza 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.

Tabla de contenido

¡Bienvenido a nuestra quinta publicación de blog más leída de 2020! Compartimos esta publicación de blog como parte de nuestro calendario de vacaciones, que depara una nueva sorpresa cada día. ¡Así que asegúrate de comprobarlo!

¿Tiene una bala naranja para el Verificación de frases clave en los atributos alt en Yoast SEO? Leer cómo convertir esa bala en verde.

¿Qué son los atributos alt y los atributos de título?

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 denominan comúnmente 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 tanto, si utiliza una imagen como botón para comprar el producto X, el texto alternativo debería decir: “botón para comprar el producto X”.

los alt La etiqueta 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 el alt etiqueta. los title El atributo se muestra como información sobre herramientas cuando se desplaza 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 debería tener un texto alternativo. No solo para SEO propósitos, sino también porque las personas ciegas y con discapacidad visual no sabrán de qué se trata la imagen. Un atributo de título es no necesario. Es má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 title atributo es necesario para la accesibilidad está activada <iframe> y <frame> etiquetas.

Si la información transmitida por el title El atributo es relevante, considere hacerlo disponible en otro lugar, en texto sin formato y, si no es relevante, considere eliminar el title atributo por completo.

¿Tiene una viñeta naranja para la frase clave en la verificación de atributos alt en Yoast SEO? Aquí está que hace este cheque y cómo convertir esa bala en verde.

Pero, ¿y si una imagen no tiene un propósito?

Si tiene imágenes en su diseño que son puramente allí por razones de diseño, lo estás haciendo mal. Esas imágenes deben estar en su CSS y no en su HTML. Si realmente no puede cambiar estas imágenes, déles un vacío alt atributo, así:

<img src="https://yoast.com/image-seo-alt-tag-and-title-tag-optimization/image.png" alt="">

El vacío alt El atributo se asegura de que los lectores de pantalla omitan la imagen. En WordPress, puede dejar vacío el campo de “Texto alternativo” en la configuración de la imagen.

texto alternativo y SEO

De Google artículo sobre imágenes tiene un título “Usar texto alternativo descriptivo”. Esto no es una coincidencia: Google otorga un valor relativamente alto al texto alternativo. Lo usan para determinar qué hay en la imagen, pero también cómo se relaciona con el texto circundante. Por eso, en nuestro SEO de Yoast análisis de contenido, tenemos una función que verifica específicamente que tenga al menos uno imagen con una etiqueta alt que contiene su frase clave de enfoque.

¿Qué hace la frase clave en la verificación de atributos alt de la imagen?

La palabra clave en la evaluación de atributos alt de la imagen 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 posicionarse en la búsqueda de imágenes.

evaluación de atributos alt de imagen

Definitivamente somos no diciendo que debe enviar spam con su frase clave de enfoque en cada etiqueta alternativa. Necesita imágenes relacionadas, de buena calidad y de alta calidad para sus publicaciones, donde tiene sentido tener la palabra clave de enfoque en el texto alternativo. Aquí está el consejo de Google sobre 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 esté en el contexto del 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 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úyalo en la etiqueta alt si puede. 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 se encuentra entre el 30 y el 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 tomará sinónimos que ha agregado a su frase clave en la cuenta.

atributos alt y title en WordPress

Cuando subes una imagen a WordPress, puedes establecer un título y un atributo alt. De forma predeterminada, utiliza el nombre de archivo de la imagen en el atributo de título. Y si no ingresa un atributo alt, lo copia en el 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 atributos alt en WordPress

WordPress hace que agregar sea realmente fácil alt atributos. Siga los pasos a continuación para agregarlos a sus imágenes. No hay excusa para no hacer esto bien. Su (imagen) SEO se beneficiará realmente si obtiene estos pequeños detalles correctamente. A los usuarios con problemas de visión también les agradarás aún más.

  1. Inicie sesión en su sitio web de WordPress.

    Cuando inicie sesión, estará en su ‘Panel de control’.

  2. Abra la publicación o la página para editar el contenido.
  3. Haga clic en el bloque 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.Configuración de imagen WordPress

  4. Agrega el texto alternativo y el atributo de título.

    Agregar una etiqueta alt en WordPress

  5. Haga clic en “Actualizar”.

    Haga clic en el botón ‘Actualizar’ en la esquina superior derecha.

Leer más sobre SEO de imágenes

Tenemos un artículo muy popular (y más extenso) sobre SEO de imágenes. Esa publicación incluye un montón de formas diferentes de optimizar las imágenes, pero carece relativamente de detalles cuando se trata de alt y title etiquetas: piense en esto como un complemento de ese artículo. Recomiendo leerlo cuando hayas terminado aquí.

Lee mas: Optimización de imágenes para motores de búsqueda »



Source link