Prácticas recomendadas de SEO para 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. Por ejemplo, puedes usar atributos alt en tus imágenes o el marcado de datos estructurados. 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 compatibles con todo tipo de dispositivos: se hacen 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, así que las URLs de tus imágenes deberían tener una estructura organizativa lógica.

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

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. A continuación, se muestran dos ejemplos de cómo pueden aparecer los enlaces de título y fragmentos en una página de resultados de búsqueda de Google:

Conseguimos esta información de varias fuentes distintas, como los datos descriptivos que se encuentran en el título o las etiquetas meta 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:

• Producto
• Vídeo
• Receta
• Metadatos de imágenes

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. A continuación se muestran dos ejemplos de cómo pueden aparecer los resultados enriquecidos 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 consulta por qué es importante la velocidad si quieres descubrir 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. Siempre que sea posible, utiliza nombres que sean cortos, pero descriptivos. Por ejemplo, my-new-black-kitten.jpg es mejor que IMG00023.JPG. Evita usar nombres de archivo genéricos, como image1.jpg, pic.gif o 1.jpg, siempre que sea posible. Si tu sitio tiene miles de imágenes, puedes automatizar el proceso de poner nombre a las imágenes.

Si localizas las imágenes, recuerda que también debes traducir los nombres de los archivos teniendo en cuenta las directrices de codificación de URLs si utilizas caracteres no latinos o especiales.

Usa texto alternativo descriptivo en el atributo alt

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.

Opción incorrecta (falta texto alternativo):

<img src="puppy.jpg"/>

Opción incorrecta (exceso de palabras clave):

<img src="puppy.jpg" alt="cachorro perro bebé perros cachorros cachorrillo perritos retriever labrador perro lobo setter irlandés cachorros de terrier comida barata cachorrito pienso perro"/>

Opción correcta:

<img src="puppy.jpg" alt="cachorro"/>

Opción óptima:

<img src="puppy.jpg" alt="cachorro de dálmata jugando a traer cosas"/>

También debes tener en cuenta la accesibilidad del texto alternativo, de acuerdo con las directrices de W3. En el caso del elemento <img>, puedes añadir el atributo alt del elemento, mientras que en el caso de elementos <svg> insertados, puedes usar el elemento <title>. Por ejemplo:

<svg aria-labelledby="svgtitle1">
  <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title>
</svg>

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 elementos de imagen HTML semánticos para insertar imágenes

Las etiquetas HTML semánticas ayudan a los rastreadores a buscar y procesar imágenes. Google analiza los elementos HTML <img> de tus páginas (aunque estén incluidos en otros elementos, como los elementos <picture>) para indexar imágenes, pero no indexa imágenes CSS.

Opción correcta:

<img src="puppy.jpg" alt="cachorro de golden retriever" />

Opción incorrecta:

<div style="background-image:url(puppy.jpg)">cachorro de golden retriever</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). Si usas una CDN, te recomendamos que verifiques que eres el propietario del nombre de dominio de la CDN en Search Console para que podamos notificarte cualquier error que se produzca al rastrearla.

Usa formatos de imagen admitidos

Google Imágenes admite imágenes en los siguientes formatos: BMP, GIF, JPEG, PNG, WebP y SVG . También te recomendamos que la extensión del nombre de archivo coincida con el tipo de archivo.

También puedes insertar imágenes como 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 web.dev.

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 nuestra guía sobre imágenes adaptables 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 elemento <picture> o el atributo srcset de un elemento img 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 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="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w"
  sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
  src="maine-coon-nap-800w.jpg"
  alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace">

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.

De acuerdo con la Sección 4.8.1 del estándar HTML, asegúrate de proporcionar un elemento img como respaldo con un atributo src cuando uses el elemento 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="An 1800s oil painting of The Great Pyramid">
</picture>

Optimizar el contenido para Búsqueda Segura

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

Inhabilitar los enlaces insertados de Google Imágenes

Si quieres evitar que tus imágenes se muestren a tamaño completo en la página de resultados de búsqueda de Google Imágenes, inhabilita los enlaces insertados en estos resultados.

Para inhabilitar los enlaces insertados, sigue estos pasos:

1. Cuando se solicite una de tus imágenes, examina el encabezado HTTP referente de la solicitud.
2. Si la solicitud proviene de un dominio de Google, responde con un código de estado HTTP 200 o un código de estado HTTP 204, pero ningún contenido.

Google seguirá rastreando tu página y detectando la imagen en cuestión, pero en los resultados de búsqueda aparecerá una miniatura de la imagen generada durante el rastreo. Puedes inhabilitar los enlaces insertados en cualquier momento; al hacerlo, no es necesario volver a procesar las imágenes de tu sitio web. Este comportamiento no se considera encubrimiento de imágenes y no se aplicará ninguna acción manual.

También puedes impedir que tus imágenes aparezcan en los resultados de búsqueda.

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.