Prácticas recomendadas de Google Imágenes

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.

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 prueba de optimización a fin de comprobar el funcionamiento de las páginas en dispositivos móviles y obtener comentarios 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

Resultado de una imagen única en Google Imágenes Página de resultados de la búsqueda de imágenes en Google Imágenes

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.

Resultado enriquecido del producto en Google Imágenes Resultado enriquecido del video en 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 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 correspondan al 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. Si localizas las imágenes, asegúrate de traducir también los nombres de los archivos.

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 img como 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, analiza 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>

SafeSearch es un parámetro de configuración en las cuentas de usuario de Google que especifica si se deben mostrar o bloquear imágenes, videos y sitios web explícitos en los resultados de la Búsqueda de Google. Asegúrate de que Google comprenda la naturaleza de tus videos de modo que pueda aplicarles la configuración de SafeSearch 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 usa una variedad de indicadores a fin de decidir si una imagen o una página completa se filtrarán 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 la Comunidad de ayuda de la Central de la Búsqueda de Google.