Prácticas recomendadas de Google Imágenes

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

Al añadir más contexto, los resultados de las imágenes pueden resultar mucho más útiles, lo que a su vez puede generar un tráfico de mayor calidad en tu sitio web. Puedes aportar tu granito de arena a este proceso asegurándote de que tus imágenes y tu sitio web 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.

Inhabilitar los enlaces insertados en la búsqueda de imágenes

Si quieres evitar que tus imágenes se muestren a tamaño completo en las páginas de resultados de la búsqueda de imágenes de Google, 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 de referencia de la solicitud.
  2. Si la solicitud proviene de un dominio de Google, envía una respuesta HTTP 200 o 204, pero ningún contenido.

Google seguirá rastreando tu página y viendo la imagen en cuestión, pero en los resultados de búsqueda mostrará una miniatura de la imagen que se genera 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. No se considera que estés encubriendo imágenes si inhabilitas los enlaces insertados, por lo que no se aplicará ninguna acción manual.

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

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. A continuación, te indicamos algunos consejos que te ayudarán a cumplir este objetivo:

  • Ofrece el contexto adecuado: asegúrate de que tus elementos visuales sean pertinentes a la temática de las páginas. Te sugerimos que solo incluyas imágenes si aportan valor original a las páginas. En especial, desaconsejamos usar páginas que no contengan texto ni imágenes originales.
  • Optimiza los emplazamientos: siempre que sea posible, coloca las imágenes cerca del texto pertinente y, si lo crees conveniente, coloca la imagen más importante cerca de la parte superior de la página.
  • 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 web 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 los fragmentos de texto de las imágenes, sino que 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 web 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 obtener sugerencias para mejorarlas.
  • Define una buena estructura de URLs en tus imágenes: Google usa la ruta de las URL y el nombre de los archivos para interpretar tus imágenes, así que las URL 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 títulos y fragmentos para explicar los resultados y sus relaciones con las consultas de los usuarios de la mejor forma posible, lo que ayuda a los usuarios a decidir si hacen 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 títulos y los fragmentos de tus páginas, sigue estas 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 relevante 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 que debe aparecer en la insignia y en el resultado enriquecido de 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, aplica las técnicas más recientes de optimización y adaptación de imágenes.

En Google Imágenes, las páginas que se cargan rápidamente y sin problemas se identifican con el logotipo de AMP , así que quizás te interese convertir la página en que tienes alojadas tus imágenes en AMP para disminuir su tiempo de carga. En este caso, cuando hacen clic en un resultado de Google Imágenes, los usuarios llegan a la página de destino.

Analiza la velocidad de tu sitio web 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 descriptivos, subtítulos, nombres de archivos y texto en tus 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 relevante 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.

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 web se considere spam.

  • Mal (no hay texto alternativo): <img src="cachorro.jpg" alt=""/>
  • Mal (exceso de palabras clave): <img src="cachorro.jpg" alt="cachorro perro bebé perros cachorros cachorrillo perritos retriever labrador perro lobo setter irlandés cachorros de terrier comida barata cachorrito pienso perro"/>
  • Mejor: <img src="cachorro.jpg" alt="cachorro"/>
  • Óptimo: <img src="cachorro.jpg" alt="cachorro dálmata buscando pelota"/>

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

Utiliza un sitemap de imágenes

Las imágenes son una importante fuente de información sobre el contenido de tu sitio web. Si añades información a un sitemap de imágenes, puedes facilitarnos más datos sobre tus imágenes e indicar la URL de imágenes que de otro modo no descubriríamos.

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, los webmasters pueden alojar imágenes en redes de distribución de contenido (CDN). Te recomendamos que verifiques el nombre de dominio de tu red 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 formato BMP, GIF, JPEG, PNG, WebP o SVG, así como imágenes en el cuerpo

Las imágenes en el cuerpo son bytes de datos de imágenes ubicados dentro de la etiqueta <img>. Para insertar imágenes así, utiliza la estructura mencionada a continuación:

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

En este caso, los datos de la imagen están en una cadena codificada en Base64.

Aunque las imágenes en el cuerpo puedan reducir el número de solicitudes HTTP, los webmasters deben tener cuidado cuando las utilicen, ya que pueden aumentar el tamaño de la página. Para obtener más información, ve a nuestra página "Aspectos básicos de la Web" y consulta las ventajas y desventajas de insertar imágenes.

Imágenes adaptables

Las páginas web adaptables mejoran la experiencia del usuario, ya que se puede acceder a ellas desde varios 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 imágenes en sitios web adaptables. 

En las páginas adaptables se utilizan las etiquetas <img srcset> o <picture> para habilitar imágenes. Sin embargo, algunos navegadores y rastreadores no son compatibles con estas etiquetas, por lo que recomendamos añadir una URL de respaldo mediante el atributo <img src>.

Utilizar <img srcset>

Con el atributo srcset, puedes especificar diferentes versiones de la misma imagen para diferentes tamaños de pantalla, dentro del elemento <img>.

Ejemplo

<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!">

Utilizar <picture>

El elemento <picture> es un contenedor que se utiliza para agrupar diferentes versiones <source> de la misma imagen. Con él, puedes aprovechar más respaldos, ya que los navegadores eligen la mejor imagen en función de las características de los dispositivos, como su densidad de píxeles y el tamaño de su pantalla. Ese elemento de imagen 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 configurar elementos <img src=...> como respaldos de <picture>, tal como mostramos a continuación:

<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 Búsqueda Segura

Búsqueda Segura es un ajuste de tu cuenta que indica cuándo se deben mostrar o bloquear imágenes, vídeos o sitios web de contenido explícito en los resultados de búsqueda de Google. Para poder aplicar los ajustes de Búsqueda Segura que correspondan a tus imágenes, debes facilitar información sobre su contenido.

Agrupa las imágenes solo para adultos en una URL

Si tu sitio web contiene imágenes para adultos, te recomendamos encarecidamente que separes esas imágenes del resto de tu sitio web. Por ejemplo: http//www.example.com/adultos/imagen.jpg. 

Añade metadatos a páginas para adultos

Nuestros algoritmos usan diversas señales para decidir si una imagen o toda una página debe excluirse de los resultados cuando el filtro Búsqueda Segura del usuario esté activado. En el caso de las imágenes, algunas de estas señales se generan mediante el aprendizaje automático, pero los algoritmos de Búsqueda Segura también analizan aspectos más simples, como dónde se ha utilizado la imagen y el contexto en el que se ha empleado.

Una de las señales más eficaces se logra marcando manualmente las páginas para adultos. Si publicas contenido para adultos, te recomendamos que lo indiques añadiendo a tus páginas alguna de estas metaetiquetas:

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

Muchos usuarios prefieren que no aparezca contenido para adultos en sus resultados de búsqueda, sobre todo si es posible que algún niño vaya a utilizar el mismo ordenador. Si incluyes estas metaetiquetas, ayudas a proporcionar una mejor experiencia de usuario, ya que no ven resultados que no quieren o no esperan ver. 

Al igual que con cualquier algoritmo, sin embargo, es posible que en ocasiones Búsqueda Segura no filtre el contenido correctamente. Si crees que esta función excluye tus imágenes o páginas por error, notifícanoslo con el formulario 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 cualquier otra duda, publícala en el foro de ayuda para webmasters

¿Te ha sido útil este artículo?
¿Cómo podemos mejorar esta página?