Ana Perez Barcenas

hace 8 meses · 1 min. de lectura · visibility 0 ·

chat Contactar con el autor

thumb_up Relevante message Comentar

Cómo optimizar los textos de las imágenes de tu web

El uso de imágenes en tus artículos facilita y ameniza la lectura. Además, también permite mejorar el posicionamiento SEO en Google Images. Sin embargo, para ello, es fundamental etiquetarlas correctamente en tu sitio web. Los atributos “alt” y “title” refuerzan el mensaje de tus artículos y facilitan la accesibilidad de tu web.


Cómo optimizar los textos de las imágenes de tu web

Los textos de las imágenes: atributos “alt” y “title”

Seguramente conocerás “alt” y “title” como etiquetas. Sin embargo, técnicamente son atributos.

¿Qué te indica el “alt”?

  • El contenido de la imagen.
  • La función en la página donde se encuentra.

Por ejemplo, si usas una imagen como enlace a tu tienda, este atributo debe indicar por ejemplo “compra en nuestro eCommerce“.

Adaptar la imagen a los lectores de pantalla

Además, también se usa por parte de los lectores de pantalla. Estos facilitan la accesibilidad y el contenido de la imagen a personas con problemas de visión. Toda imagen debe tener uno, no solo con finalidades SEO, sino para que todo el mundo pueda saber qué hay en una foto de un post.

¿Qué te indica el “title”?

En cambio, el atributo “title” juega un papel meramente informativo. Cuando pasas el ratón por encima de la imagen, te aparecerá el texto.

Puedes usarlo como una llamada a la acción extra en el caso de usar una foto como enlace, aunque no es lo más recomendable. De hecho, en la mayoría de ocasiones es mejor que no la añadas. Solo está disponible para ordenadores y no para móviles y es necesario acompañarla con las etiquetas <iframe> y <frame>.

Qué hacer con una imagen decorativa

Si incluyes una foto solo con fines de diseño y estás pensando en etiquetas, debes saber que todo este conjunto de archivos debe estar en el CSS y no en la parte de código HTML. Si no puedes cambiarlas, debes dejar un alt en blanco con esta expresión: <img src=”image.png” alt=””>. De esta forma, los lectores de pantalla pasarán la imagen y no darán ningún tipo de señal a los lectores con discapacidad visual. En WordPress, simplemente, basta con dejar este campo en blanco.

Seguir leyendo >> https://dlegaonline.es/como-optimizar-los-textos-de-las-imagenes-de-tu-web/

thumb_up Relevante message Comentar
Comentarios

Más artículos de Ana Perez Barcenas

Ver blog
hace 2 semanas · 2 min. de lectura
Ana Perez Barcenas

¿Tienes un negocio local? Conoce 5 consejos para triunfar en Internet

El contenido SEO local de una empresa afincada en ...

hace 1 mes · 2 min. de lectura
Ana Perez Barcenas

Por qué es importante la estructura SEO para tu web

La estructura del sitio web determina en cierto mo ...

hace 2 meses · 2 min. de lectura
Ana Perez Barcenas

Evita estos 6 errores SEO en tu sitio web

Tener una visión SEO completa e integral requiere ...