Blogging
>
Blog de Ana
>
Cómo optimizar los textos de las imágenes de tu web

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.


i

,
0
J

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/

Me gusta Compartir Comentar
Comentarios

Más artículos de Ana Perez Barcenas

Ver blog
hace 3 semanas · 2 min. de lectura

¿Has visto nuestro post sobre Knowledge Graph de Google? Seguro que te ha parecido una herramienta f ...

hace 1 mes · 2 min. de lectura

Para que un contenido pueda posicionarse correctamente en los buscadores es necesario incluir enlace ...

hace 2 meses · 2 min. de lectura

Las redes sociales son una de las mejores plataformas con las que cuentan los negocios locales para ...

Puede que te interesen estos puestos de trabajo

  • Cronoshare

    Optimizar página web

    Encontrado en: Cronoshare ES - hace 1 día


    Cronoshare Madrid

    Descripción de la web a realizar · Tengo una web ya, quiero optimizarla · Tipo de desarrollo que se pide · Está hecha en wordpress con una plantilla · Tipo de web · Tiene un blog · Tecnología deseada u otros detalles · Está en wordpress · ¿Puede realizarse el trabajo online? · On ...

  • TELEREID DIGITAL, S.L.

    diseñador web

    Encontrado en: beBee S2 ES - hace 1 día


    TELEREID DIGITAL, S.L. Sin especificar De jornada completa

    Buscamos un diseñador web con manejo fluido de Html, CSS, Sublime text, JS y Photoshop. · Conocimiento en Aplicaciones Ofimaticas (Excel, word, pp) · Media Jornada. · Salario a Convenir. · Lunes a Viernes. · PRESENCIAL · Requisitos del puesto · Buscamos un diseñador web con man ...

  • Cronoshare

    Redactor web para un proyecto

    Encontrado en: Cronoshare ES - hace 1 semana


    Cronoshare Molina de Segura

    Tipo de proyecto · Contenido web / seo ¿Cuál es el número de palabras del proyecto? · Varios artículos entre 500 - 800 ¿Cuál es la frecuencia que se necesita al redactor? · Semanal (una o más veces a la semana) ¿Cómo se realizará el servicio de redacción de contenido? · Solo serv ...