Prácticas recomendadas de Google Imágenes

batido de arándanos

Google Imágenes es una forma de descubrir información de manera visual en la Web. Los usuarios pueden explorar información rápidamente con más contexto en torno a las imágenes y funciones nuevas, como leyendas, insignias destacadas y resultados de AMP.

Al agregar más contexto en torno a las imágenes, los resultados son mucho más útiles, lo que puede generar tráfico de mayor calidad en tu sitio. Para facilitar el proceso de descubrimiento, asegúrate de que tus imágenes y tu sitio estén optimizados para Google Imágenes. Sigue nuestros lineamientos para aumentar las probabilidades de que tu contenido aparezca en los resultados de la búsqueda de Google Imágenes.

Inhabilita los vínculos intercalados en la búsqueda de imágenes

Si quieres, puedes impedir que aparezca la imagen en tamaño original en la página de resultados de búsqueda de imágenes de Google. Para ello, inhabilita los vínculos intercalados.

Para inhabilitar los vínculos intercalados, haz lo siguiente:

  1. Cuando se solicite la imagen, examina el encabezado de referencia HTTP en la solicitud.
  2. Si la solicitud proviene de un dominio de Google, contesta con HTTP 200 o 204 y sin contenido.

Google rastreará tu página de todos modos y verá la imagen, pero mostrará una miniatura generada durante el rastreo en los resultados de la búsqueda. Esta inhabilitación es posible en cualquier momento, y no es necesario volver a procesar las imágenes de un sitio web. Este comportamiento no se considera encubrimiento de imágenes y no resultará en acciones manuales.

También puedes impedir por completo que la imagen aparezca en los resultados de la búsqueda.

Crea una experiencia del usuario óptima

Para optimizar la visibilidad de tu contenido en Google Imágenes, enfócate en el usuario y brinda una experiencia excelente: crea páginas que sean principalmente para usuarios y no para motores de búsqueda. A continuación, se incluyen algunas sugerencias:

  • Proporciona un buen contexto: Asegúrate de que el contenido visual sea relevante para el tema de la página. Recomendamos mostrar imágenes solo cuando agreguen valor original a la página. En especial, no recomendamos publicar páginas en las que ni las imágenes ni el texto sean contenido original.
  • Optimiza la posición: Siempre que sea posible, coloca las imágenes cerca de texto relevante. Cuando sea conveniente, considera ubicar las imágenes más importantes cerca de la parte superior de la página.
  • No incorpores texto importante dentro de las imágenes: Evita incorporar texto en las imágenes y, en especial, elementos de texto importantes, como encabezados de página y elementos de menú, ya que no todos los usuarios tienen acceso a ellos (y las herramientas de traducción de páginas no funcionan con imágenes). A fin de garantizar la mayor accesibilidad a tu contenido, mantén el texto en HTML y brinda texto alternativo para imágenes.
  • Crea sitios informativos y de alta calidad: Que tu página web tenga contenido de buena calidad es tan importante para Google Imágenes como el contenido visual, ya que proporciona contexto y hace que el resultado sea más útil. Es posible que el contenido de la página se use para generar un fragmento de texto para la imagen y Google tiene en cuenta la calidad del contenido de la página al clasificar imágenes.
  • Crea sitios compatibles con dispositivos: Los usuarios realizan más búsquedas en Google Imágenes desde dispositivos móviles que desde computadoras de escritorio. Por eso, es importante que el diseño de tu sitio se adapte a todo tipo y tamaño de dispositivo. Usa la Herramienta para evaluar optimización para dispositivos móviles a fin de comprobar el funcionamiento de las páginas en dispositivos móviles y obtener sugerencias que te permitan mejorarlas.
  • Crea buenas estructuras de URL para tus imágenes: Google usa la ruta de URL y el nombre de archivo para comprender tus imágenes. Procura organizar el contenido de imágenes de forma tal que las URL estén construidas de manera lógica.

Verifica la descripción y el título de la página

Google Imágenes genera automáticamente un título y un fragmento para brindar la mejor explicación posible sobre cada resultado y cómo se relaciona con la búsqueda del usuario. Eso ayuda al usuario a decidir si quiere hacer clic en un resultado o no.

Para obtener esos datos usamos varias fuentes, que incluyen la información descriptiva del título y las metaetiquetas de cada página.

Puedes ayudarnos a mejorar la calidad del título y del fragmento que se muestran para tus páginas siguiendo los lineamientos para títulos y fragmentos de Google.

Agrega datos estructurados

Si incluyes datos estructurados, Google Imágenes puede mostrar tus imágenes como resultados enriquecidos, entre ellos, una insignia destacada, que brinda información relevante a los usuarios sobre tu página y puede dirigir tráfico mejor orientado a tu sitio. Google Imágenes admite datos estructurados para los siguientes tipos:

Sigue los lineamientos generales para datos estructurados y cualquier otro lineamiento específico para el tipo de datos estructurados que uses; de lo contrario, es posible que estos no sean aptos para aparecer en los resultados enriquecidos de Google Imágenes.  El atributo de la imagen es un campo obligatorio a fin de que cada uno de los tipos de datos estructurados sea apto para incluir una insignia y aparecer en los resultados enriquecidos de Google Imágenes.

Optimiza el diseño para ganar velocidad

Las imágenes suelen ser lo que más influye en el tamaño general de una página; estas pueden provocar que la carga sea lenta y costosa. Asegúrate de utilizar la optimización de imágenes más reciente y técnicas responsivas de imágenes para proporcionarle al usuario una experiencia rápida y de alta calidad.

En Google Imágenes, el logotipo de AMP  ayuda a los usuarios a identificar las páginas que se cargan en menos tiempo y con más fluidez. Puedes hacer que la página de alojamiento de imágenes sea AMP para disminuir el tiempo de carga (donde la página de destino es la página a la que llega el usuario después de hacer clic en un resultado de Google Imágenes).

Analiza la velocidad del sitio con PageSpeed Insights y visita la página Fundamentos de la Web para obtener información sobre las prácticas recomendadas y técnicas para mejorar el rendimiento del sitio web.

Agrega fotos de buena calidad

Las fotos de buena calidad son más atractivas para los usuarios que las imágenes borrosas y poco claras. Además, las imágenes definidas son más atractivas para los usuarios en la miniatura del resultado y aumentan las probabilidades de obtener tráfico.

Incluye títulos descriptivos, leyendas, nombres de archivo y texto para imágenes

Para obtener información sobre el tema de la imagen, Google recurre al contenido de la página, incluidos los títulos de las imágenes y las leyendas. Cuando sea posible, asegúrate de que las imágenes estén ubicadas cerca de texto relevante y en páginas que sean relevantes para el tema de la imagen. 

Del mismo modo, el nombre de archivo puede brindar pistas a Google acerca del tema de la imagen. Por ejemplo, mi-gatito-negro-nuevo.jpg es mejor que IMG00023.JPG.

Usa texto alternativo descriptivo

El texto alternativo (que describe una imagen) mejora la accesibilidad para las personas que no pueden ver imágenes en páginas web, incluidos los usuarios que usan lectores de pantalla o tienen conexiones de ancho de banda bajo.

Google usa texto alternativo junto con algoritmos de visión artificial y el contenido de la página para comprender el tema de la imagen. Además, el texto alternativo de las imágenes es útil como texto de hipervínculo si decides usar una imagen como vínculo.

Cuando definas el texto alternativo, enfócate en crear contenido informativo y útil que utilice palabras clave de manera adecuada y sea coherente con el contenido de la página. Evita completar atributos alt con palabras clave (uso de palabras clave de relleno), ya que genera una experiencia del usuario negativa y puede provocar que tu sitio sea considerado spam.

  • Incorrecto (texto alternativo faltante): <img src="puppy.jpg"/>
  • Incorrecto (uso de palabras clave de relleno): <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"/>
  • Mejor: <img src="puppy.jpg" alt="puppy"/>
  • El mejor: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/>

Recomendamos probar el contenido auditando su accesibilidad y usando un emulador de conexión de red lenta.

Ayúdanos a descubrir todas tus imágenes

Usa lenguaje de marcado semántico para imágenes

Google analiza el HTML de las páginas para indexar imágenes, pero no indexa imágenes de CSS.

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

Usa un mapa del sitio de imágenes

Las imágenes son una fuente de información importante acerca del contenido de tu sitio. Puedes brindarle detalles adicionales a Google sobre las imágenes y proporcionar la URL de imágenes que, de lo contrario, podríamos no encontrar agregando información a un mapa del sitio de imágenes.

Los mapas del sitio de imágenes pueden incluir URL de otros dominios, a diferencia de los mapas del sitio comunes, en los que se implementan restricciones referidas al manejo entre distintos dominios. De esa forma, puedes usar CDN (redes de distribución de contenidos) para alojar imágenes. Te recomendamos que verifiques el nombre de dominio de la CDN en Search Console para que podamos comunicarte cualquier error de rastreo que encontremos.

Formatos de imagen compatibles

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

También puedes intercalar imágenes como URI de datos, que proporcionan una forma de incluir un archivo (por ejemplo, una imagen) de manera intercalada configurando el srcde un elemento imgcomo una string codificada en base64 mediante el siguiente formato:

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

Aunque las imágenes intercaladas pueden reducir las solicitudes HTTP, debes analizar cuidadosamente cuándo usarlas, ya que es posible que aumenten el tamaño de la página de manera considerable. Para obtener más información, consulta la sección sobre los pros y los contras de intercalar imágenes en la página Fundamentos de la Web.

Imágenes responsivas

El diseño de páginas web responsivas posibilita una mejor experiencia del usuario, porque los usuarios las pueden consultar en una amplia variedad de tipos de dispositivo. Consulta los Fundamentos de la Web sobre imágenes a fin de conocer las prácticas recomendadas para manejo de imágenes en el sitio web.

Las páginas web usan el atributo <img srcset> o el elemento <picture> para especificar imágenes responsivas. Sin embargo, algunos navegadores y rastreadores no comprenden esos atributos. Te recomendamos que especifiques siempre una URL de resguardo con el atributo img src.

El atributo srcset permite especificar distintas versiones de la misma imagen, particularmente para tamaños de pantalla diferentes.

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 usa para agrupar diferentes versiones <source> de la misma imagen. Brinda un enfoque de resguardo para que el navegador pueda elegir la imagen adecuada según las funcionalidades del dispositivo, como la densidad de píxeles y el tamaño de pantalla. El elemento picture también es útil para usar formatos de imagen nuevos con degradación elegante integrada para clientes que todavía no admitan formatos nuevos.

Te recomendamos que siempre proporciones un elemento img como resguardo con un atributo src cuando uses 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>

Optimiza las imágenes para SafeSearch

SafeSearch es una configuración de tu cuenta que especifica si se muestran o se bloquean imágenes, videos y sitios web explícitos en los resultados de la Búsqueda de Google. Deberías ayudar a Google a comprender la naturaleza de tus imágenes para que se apliquen las configuraciones de SafeSearch en tus imágenes si corresponde.

Agrupa las imágenes exclusivas para adultos en una ubicación de URL común

Si en tu sitio hay imágenes para adultos, te recomendamos enfáticamente agruparlas por separado de las otras imágenes de tu sitio web. For example: http//www.example.com/adult/image.jpg.

Agrega metadatos a las páginas para adultos

En nuestros algoritmos se usan una variedad de indicadores para decidir si una imagen o una página completa deberían filtrarse en los resultados cuando está activado el filtro de SafeSearch del usuario. En el caso de las imágenes, algunos de esos indicadores se generan aplicando el aprendizaje automático, pero los algoritmos de SafeSearch también analizan aspectos más sencillos, como dónde se usó la imagen antes y en qué contexto.

Uno de los indicadores más eficaces son las páginas automarcadas como para adultos. Si publicas contenido para adultos, te recomendamos agregar una de las siguientes metaetiquetas a tus páginas:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Muchos usuarios prefieren que no se incluya contenido para adultos en los resultados de la búsqueda (especialmente si sus hijos usan el mismo dispositivo). Cuando proporcionas una de esas metaetiquetas, ayudas a mejorar la experiencia del usuario porque así no verá resultados que no quiere o no espera ver.

Por último

Consulta nuestra Guía de inicio de SEO, que incluye muchos datos útiles para mejorar la clasificación. Si tienes más preguntas, publícalas en el Foro de ayuda de la Central de la Búsqueda de Google.