Prácticas recomendadas de Google Imágenes

Google Imágenes permite encontrar visualmente información en la Web. Los usuarios pueden descubrir rápidamente información y contexto adicional sobre las imágenes gracias a nuevas funciones como los títulos de imágenes y las insignias destacadas.

Al añadir más contexto a las imágenes, los resultados pueden ser mucho más útiles, lo que a su vez puede generar un tráfico de mayor calidad a tu sitio. Puedes aportar tu granito de arena a este proceso asegurándote de que tus imágenes y tu sitio estén optimizados para Google Imágenes. Si quieres aumentar la probabilidad de que tu contenido aparezca en los resultados de búsqueda de esta plataforma, sigue nuestras directrices.

Ofrece una gran experiencia de usuario

Si quieres mejorar la visibilidad de tu contenido en Google Imágenes, proporciona una excelente experiencia de usuario diseñando páginas pensadas principalmente para los usuarios y no para los buscadores. Aquí tienes algunos consejos:

  • Ofrece el contexto adecuado: asegúrate de que tus elementos visuales sean pertinentes a la temática de la página. Te sugerimos que muestres imágenes solo si aportan valor original a la página. Particularmente, desaconsejamos usar páginas que no contengan texto ni imágenes originales.
  • Optimiza los emplazamientos: siempre que sea posible, coloca imágenes cerca del texto pertinente y deja la imagen más importante cerca de la parte superior de la página si así no pierde sentido.
  • No insertes texto importante en las imágenes: procura no insertar texto en imágenes, especialmente si son elementos de texto importantes como encabezados de páginas y elementos de menú, ya que no todos los usuarios tienen acceso a ellos y las herramientas de traducción de páginas no detectan este texto. Para optimizar la accesibilidad del contenido, mantén el texto en HTML e indica texto alternativo en las imágenes.
  • Crea sitios informativos y de alta calidad: para Google Imágenes, que tu página web incluya contenido de buena calidad es tan importante como el contenido visual, ya que proporciona contexto y resultados más relevantes. El contenido de las páginas no solo es importante porque puede usarse para generar fragmentos de texto de las imágenes, sino también porque en Google nos fijamos en su calidad a la hora de posicionar imágenes.
  • Crea sitios web compatibles con todo tipo de dispositivos: se realizan más búsquedas en Google Imágenes desde dispositivos móviles que desde ordenadores. Por este motivo, es importante que tu sitio esté diseñado para todos los tipos y tamaños de dispositivos. Con la prueba de optimización para móviles, puedes comprobar el funcionamiento de tus páginas en dispositivos móviles y consultar sugerencias sobre cómo mejorarlas.
  • Define una buena estructura de URLs en tus imágenes: Google aprovecha la ruta de las URLs y el nombre de los archivos para interpretar tus imágenes, por lo que estas URLs deberían tener una estructura organizativa lógica.

Revisa el título y la descripción de las páginas

Resultado de una sola imagen en Google Imágenes Página de resultados de búsqueda de Google Imágenes

Google Imágenes genera automáticamente enlaces de título y fragmentos para explicar de la mejor forma posible los resultados y por qué están relacionados con las consultas de los usuarios. Esta información ayuda a los usuarios a decidir si hacer clic en un resultado o no.

Conseguimos esta información de varias fuentes distintas, como los datos descriptivos que se encuentran en el título o las metaetiquetas de cada página.

Si quieres ayudarnos a mejorar la calidad de los enlaces de título y los fragmentos de tus páginas, sigue las directrices de títulos y fragmentos de Google.

Añade datos estructurados

Si incluyes datos estructurados, Google Imágenes puede mostrar tus imágenes como resultados enriquecidos e incluir una insignia destacada. Esto proporciona a los usuarios información esencial sobre tu página, que de esta manera recibe visitas de un segmento de audiencia más adecuado. Google Imágenes admite datos estructurados de los siguientes tipos:

Sigue las directrices generales de datos estructurados, así como las directrices específicas de tu tipo de datos estructurados; de lo contrario, podrían no incluirse cuando se muestre un resultado enriquecido en Google Imágenes. En cada uno de estos tipos de datos, el atributo de imagen es un campo obligatorio para que en Google Imágenes la imagen pueda aparecer con una insignia y como resultado enriquecido.

Resultado enriquecido de producto en Google Imágenes Resultado enriquecido de vídeo en Google Imágenes

Optimiza tu velocidad

Las imágenes suelen ser los elementos que más incrementan el tamaño general de las páginas y hacen que sean más lentas y difíciles de cargar. Para ofrecer una experiencia rápida y de alta calidad a los usuarios, utiliza las técnicas más recientes de optimización y adaptación de imágenes.

Analiza la velocidad de tu sitio con PageSpeed Insights y visita nuestra página Aspectos básicos de la Web si quieres consultar prácticas recomendadas y técnicas con las que mejorar el rendimiento de tu sitio web.

Incluye fotos de buena calidad

Las fotos de alta calidad atraen más a los usuarios que las imágenes borrosas y poco claras. Además, en la miniatura de resultados, si las imágenes son nítidas también atraen más a los usuarios, por lo que aumenta la probabilidad de recibir tráfico de estos usuarios.

Incluye títulos, subtítulos, nombres de archivos y texto descriptivos en las imágenes

Google extrae información sobre el tema de la imagen del contenido de la página, incluidos los títulos y subtítulos de las imágenes. Siempre que sea posible, asegúrate de que las imágenes se muestran cerca del texto correspondiente y en páginas relacionadas con la imagen en cuestión.

Del mismo modo, el nombre del archivo puede darnos pistas sobre la temática de la imagen. Por ejemplo, mi-nuevo-gatito-negro.jpg es mejor que IMG00023.JPG. Si localizas las imágenes, asegúrate de traducir también los nombres de los archivos.

Utiliza texto alternativo descriptivo

El texto alternativo (es decir, el texto que describe las imágenes) mejora la accesibilidad porque ayuda a las personas que no pueden ver imágenes en las páginas web, como los usuarios que emplean lectores de pantalla o los que tienen conexiones con poco ancho de banda.

Para averiguar la temática de las imágenes, usamos su texto alternativo junto con algoritmos de visión artificial y el contenido de las páginas en que se encuentran. Además, el texto alternativo puede servir de texto de enlace si decides usar imágenes como enlaces.

Al escribir texto alternativo, céntrate en crear contenido útil y que contenga mucha información, que use palabras clave de manera apropiada y que coincida con el contenido de la página. No incluyas un exceso de palabras clave en los atributos "alt", ya que provoca una mala experiencia de usuario y puede hacer que tu sitio se considere spam. También debes tener en cuenta la accesibilidad del texto alternativo y añadir el atributo "alt" según sea necesario, de acuerdo con las directrices de W3.

  • Incorrecto (falta texto alternativo): <img src="puppy.jpg"/>
  • Incorrecto (exceso de palabras clave): <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
  • Opción buena: <img src="puppy.jpg" alt="puppy"/>
  • Opción óptima: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

Te recomendamos que pruebes tu contenido mediante una auditoría de accesibilidad o mediante un emulador de conexiones de red lentas.

Ayúdanos a descubrir todas tus imágenes

Usa marcado semántico en tus imágenes

Google analiza el código HTML de tus páginas para indexar imágenes, pero no indexa imágenes CSS.

  • Correcto: <img src="puppy.jpg" alt="A golden retriever puppy" />
  • Incorrecto: <div style="background-image:url(puppy.jpg)">A golden retriever puppy</div>

Utiliza un sitemap de imágenes

Si añades un sitemap de imágenes, puedes indicar la URL de imágenes que no descubriríamos de otro modo.

Los sitemaps de imágenes pueden contener URLs de otros dominios, a diferencia de los sitemaps normales, que aplican restricciones entre dominios. De este modo, puedes alojar imágenes en redes de distribución de contenido (CDN). Te recomendamos que verifiques el nombre de dominio de tu CDN en Search Console para que podamos notificarte cualquier error que se produzca al rastrearla.

Formatos de imagen admitidos

Google Imágenes admite imágenes en los siguientes formatos: BMP, GIF, JPEG, PNG, WebP y SVG .

También puedes insertar imágenes directamente en tu documento HTML usando URIs de datos, que permiten insertar archivos, como imágenes, dando como valor al atributo src de un elemento img una cadena codificada en Base64 que tenga este formato:

<img src="data:image/svg+xml;base64,[data]">

Aunque insertar imágenes puede reducir el número de solicitudes HTTP que se hacen, ten cuidado cuando las utilices, ya que también pueden aumentar el tamaño de la página. Consulta más información en el apartado con las ventajas y desventajas de insertar imágenes que encontrarás en nuestra página Aspectos básicos de la Web.

Imágenes adaptables

El diseño de páginas web adaptables mejora la experiencia de usuario, ya que los usuarios las utilizan en una gran cantidad de tipos de dispositivos. Consulta el artículo Imágenes de Aspectos básicos de la Web para obtener información sobre las prácticas recomendadas a la hora de gestionar las imágenes que aparecen en tu sitio web.

Las páginas web utilizan el atributo <img srcset> o el elemento <picture> para especificar imágenes adaptables. Sin embargo, algunos navegadores y rastreadores no interpretan estos atributos. Te recomendamos que incluyas siempre una URL alternativa mediante el atributo img src.

Con el atributo srcset puedes indicar diferentes versiones de la misma imagen en función del tamaño de pantalla.

Ejemplo: <img srcset>

<img srcset="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web">

El elemento <picture> es un contenedor que se utiliza para agrupar diferentes versiones <source> de la misma imagen. Ofrece un enfoque alternativo para que el navegador pueda elegir la imagen adecuada en función de las características del dispositivo, como la densidad de píxeles y el tamaño de la pantalla. Ese elemento picture también resulta útil para usar nuevos formatos de imagen con degradación gradual integrada para los clientes que aún no los hayan implementado.

Te recomendamos que siempre configures elementos alternativos img del atributo src cuando utilices la etiqueta picture con el siguiente formato:

Ejemplo: <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</picture>

Búsqueda Segura es un ajuste de las cuentas de usuario de Google que indica si se deben mostrar o bloquear imágenes, vídeos o sitios web que incluyan contenido explícito en los resultados de la Búsqueda de Google. Asegúrate de que Google sepa de qué trata tu sitio para que pueda aplicar los filtros de Búsqueda Segura si procede. Más información sobre cómo etiquetar páginas de Búsqueda Segura

Y por último...

Consulta nuestra Guía de SEO para principiantes, que contiene mucha información útil sobre cómo mejorar el posicionamiento de tus páginas. Si tienes alguna otra duda, publícala en la comunidad de ayuda del Centro de la Búsqueda de Google.