SEO de imágenes: cómo optimizar las imágenes para la búsqueda

Hay mucho más para buscar que 10 enlaces azules. MozCast muestra que más del 36% de las búsquedas incluyen imágenes.

Por no hablar de todas las búsquedas realizadas con Google Image Search. Esa es una enorme cantidad de participación potencial en el sitio web para las marcas. Sin embargo, muchos creadores de sitios web no dedican tiempo a optimizar las imágenes que usan para su sitio; creen que una simple línea de texto alternativo es suficiente para complacer al complejo algoritmo SEO de imágenes de Google.

Pero el algoritmo de Google se vuelve más inteligente cada día.

Afortunadamente, optimizar las imágenes de su sitio web para la búsqueda no requiere innumerables horas de implementación de estrategias y fórmulas complejas de SEO. La optimización de imágenes para SEO requiere unos sencillos pasos. Al centrarse en factores como el tamaño de la imagen, la velocidad, la descripción y el contenido, puede brindar una mejor experiencia de usuario y ayudar a Google a definir y organizar sus imágenes.

Optimización de imágenes para la experiencia del usuario

Si bien todos los estrategas de SEO quieren que su contenido ocupe un lugar destacado en Google, es importante crear contenido que proporcione una gran UX (experiencia de usuario). Cuanto mejor UX proporcione, mayor será la probabilidad de participación y conversiones. Es por eso que la mejor optimización de imágenes incluye contexto, relevancia y calidad del sitio.

Así es como puede optimizar las imágenes para la experiencia del usuario.

Considere la ubicación de la imagen

Seleccionar dónde coloca una imagen en una página web influye más en el contexto y la relevancia. Muchos creadores de sitios agregan una imagen o dos en secciones aleatorias de su página web como una forma de dividir el texto. Pero hacer esto puede terminar confundiendo y distrayendo a tu audiencia. Las imágenes deben colocarse cerca del texto más relevante para proporcionar contexto a los visitantes. Observe cómo la imagen en la siguiente sección se relaciona con el texto. Esto también ayuda a Google a ofrecer imágenes apropiadas para consultas de búsqueda relacionadas.

Usa imágenes únicas y de alta calidad.

Las fotos de stock son el recurso favorito de muchos propietarios de sitios web. Después de todo, a menudo son gratuitos, fáciles de usar y seguramente habrá uno o dos que sean relevantes para su sitio. El problema es que todos los demás creadores de sitios web probablemente estén haciendo lo mismo, lo que significa que las imágenes de archivo que usa probablemente se encuentren en otros diez sitios como el suyo.

Como explica John Mueller de Google, "si está tratando de clasificarse en Google Images, entonces usar la misma imagen que muchos otros sitios no le servirá de mucho".

Como parte de su flujo de trabajo de optimización, considere crear sus propias imágenes únicas que se usan exclusivamente para su sitio. Invertir en fotos de alta calidad puede conducir a una tasa de participación mucho más alta, especialmente si tiene una tienda de comercio electrónico donde las fotos atractivas de productos son una necesidad.

Garantizar la compatibilidad con dispositivos móviles

El uso móvil representa más del 50% de todo el tráfico web , por lo que es imperativo que haga que sus imágenes sean compatibles con dispositivos móviles. Google ofrece una prueba simple para dispositivos móviles que escanea su página web y la prueba para uso móvil, ofreciéndole consejos sobre cómo puede optimizar mejor cualquier imagen. Para las páginas que no superen esta prueba, considere usar imágenes receptivas que se adapten al tamaño según el dispositivo con el que acceda el usuario.

Por lo general, se utiliza una combinación de HTML, CSS y Javascript para mostrar el tamaño de imagen correcto según el dispositivo. La mayoría de los sitios ya están optimizados para dispositivos móviles. Si está trabajando en un sitio muy antiguo o no está seguro, simplemente ajuste el ancho de su navegador web. Debería ver la escala de las imágenes a medida que cambia el tamaño de la ventana del navegador. Puede leer más sobre cómo crear imágenes adaptables en esta guía .

No olvides la calidad del sitio

La optimización de imágenes es solo una parte para garantizar una excelente experiencia de usuario. Tener otro contenido de alta calidad en su página web aumenta aún más su relevancia y utilidad. Google analiza muchos factores diferentes al considerar la calidad del sitio , incluida la seguridad, la experiencia, el valor, la confiabilidad y la organización. Cuanto más desarrollada esté su página web en su conjunto, mayor será el beneficio para las personas y más probable es que Google se interese.

Cómo optimizar las imágenes para la velocidad

Según un informe de Google , la probabilidad de que los visitantes naveguen fuera de una página web aumenta en un 32 % a medida que “el tiempo de carga de la página pasa de 1 segundo a 3 segundos”. Esta alta estadística muestra que la velocidad de carga es un factor influyente en el éxito de una página web. Y nada ralentiza más una página que una imagen que tarda demasiado en cargarse.

Afortunadamente, hay varias formas en que puede optimizar su imagen para una mejor velocidad de carga de la página.

Elige el formato de imagen adecuado

Elegir el formato de imagen correcto es el primer paso para garantizar que su imagen se cargue rápida y correctamente. Pero, ¿cómo determina qué formato de imagen es mejor para optimizar la velocidad? El primer paso es examinar qué opciones están disponibles para usted como formatos de imagen compatibles con Google.

1. PNG : los formatos PNG se utilizan normalmente para gráficos, capturas de pantalla o imágenes que requieren la conservación de la transparencia del fondo.
2. JPEG : el más conocido de los formatos de imagen, los JPEGS son buenos para fotografías o ilustraciones grandes.
3. SVG : mejor para logotipos o iconos personalizados que se pueden ver en diferentes tamaños.
4. WebP : La mejor opción para resultados de alta calidad para imágenes de menor tamaño.
5. BMP : considerado más como una opción obsoleta, BMP se usa para imágenes de mapa de bits.
6. GIF : para gráficos en movimiento o animación.

Existe un gran debate con la optimización de imágenes sobre si los GIF o los videos son mejores desde el punto de vista de la optimización. Ambos formatos tienen sus ventajas y desventajas. Los videos tienden a recibir algunas de las interacciones más altas: casi el 70 % de los consumidores tienen más probabilidades de comprar un producto después de ver un video al respecto. Al mismo tiempo, los videos tienden a tardar más en cargarse que los gifs, lo que puede ralentizar la velocidad de la página. Cuál elegir dependerá de los demás elementos que se encuentren en tu página web. Si tiene mucho texto, considere usar solo GIF. Si tiene menos contenido en su página, es seguro usar video sin sacrificar la velocidad de carga.

Recuerde la tasa de compresión de imágenes

Una vez que haya elegido el formato correcto, también debe considerar la tasa de compresión de la imagen. Demasiada compresión de imagen puede conducir a una calidad de imagen deficiente, mientras que muy poca compresión hará que el tamaño del archivo sea enorme. Muchos sitios y aplicaciones de edición de fotos te permiten experimentar con tamaños de compresión. Google ha proporcionado una guía sobre los métodos de compresión que puede aplicar a sus imágenes, cubriendo términos como la compresión con pérdida.

Tenga en cuenta que no hay una "respuesta correcta" para el tamaño de su archivo de imagen de compresión, pero el ochenta por ciento es un buen lugar para comenzar. Es muy poco probable que note una degradación en la calidad de la imagen, excepto en los casos más críticos.

Considere usar un complemento de WordPress para la optimización de imágenes. Para el blog MarketMuse usamos Kraken . Una vez configurado, comprime automáticamente las imágenes a medida que se cargan en el CMS. Esto es perfecto para crear un flujo de trabajo eficiente.

Elija las dimensiones correctas de la imagen

La publicación de imágenes con las dimensiones correctas es el último paso para garantizar que las imágenes no afecten negativamente la velocidad de carga de la página y la facilidad de uso. Servir imágenes de gran tamaño es una pérdida de ancho de banda y agrega una sobrecarga innecesaria. La mayoría de los sistemas de administración de contenido se encargarán de esto por usted, pero para empezar, aún necesita tener una imagen original del tamaño adecuado.

La herramienta de inspección del navegador Chrome puede ayudarlo a determinar rápidamente el tamaño adecuado. El tamaño renderizado son las dimensiones en las que se muestra la imagen. En el blog de MarketMuse, el ancho de la columna es de 760 píxeles, que es efectivamente el ancho máximo en el que se mostrará una imagen. El tamaño intrínseco es el tamaño de la imagen que se subió a WordPress (nuestro CMS). Por lo general, el ancho intrínseco no debe ser mayor que el renderizado.

La excepción a la regla son las capturas de pantalla en las que desea que los visitantes vean todos los detalles que se perderán en una imagen de menor tamaño. Por ejemplo, en el blog de MarketMuse a menudo mostramos capturas de pantalla de nuestra plataforma. Pero a menudo es difícil discernir características particulares con precisión debido a la restricción de ancho de columna de 760 píxeles.

Entonces, la imagen original (en este caso, 1644 píxeles de ancho) se carga en WordPress y se sirve en el tamaño más pequeño de 760 píxeles de ancho. Cuando los lectores hacen clic en la imagen, se abre a tamaño completo donde se pueden ver los detalles en todo su esplendor.

Nota rápida : cuando la compresión de imágenes no es suficiente, considere usar una CDN (red de entrega de contenido). Una CDN es un grupo de servidores distribuidos geográficamente que trabajan juntos para proporcionar una entrega rápida de contenido de Internet. Esa diferencia de velocidad puede ser bastante sustancial y el costo es mínimo y, en algunos casos, gratuito. Lea esta guía de Cloudflare para obtener más información.

Imagen SEO para Discovery

Las imágenes no pueden clasificarse en Google si no se descubren. Dos elementos pueden ayudar en este sentido; un mapa del sitio de imagen y marcas semánticas.

Utilice mapas de sitio de imágenes

¿Qué es un mapa del sitio de imágenes y cómo ayuda a Google a descubrir tus imágenes? Un mapa del sitio de imagen es un mapa del sitio XML dedicado a enumerar todas las URL de imágenes en un sitio. Un mapa del sitio es esencialmente un modelo que ayuda a Google a encontrar, comprender y rastrear las URL relevantes en su sitio.

Técnicamente, no necesitas un mapa del sitio. Simplemente puede enviar URL a través de Google Search Console. Pero es mucho más eficiente tener uno, especialmente cuando se actualiza automáticamente a medida que se publica contenido nuevo.

Para el blog de MarketMuse, empleamos RankMath , un complemento de WordPress que maneja mapas de sitios entre una serie de otras tareas de SEO. Es más o menos establecer y olvidar. Esta guía de Google sobre cómo crear un mapa del sitio puede ser útil si necesita crear uno manualmente.

Considere el marcado semántico

Inicialmente, la frase "marcado semántico" puede parecer inicialmente complicada. Afortunadamente, no es un software demasiado complejo del que deba preocuparse. El marcado semántico se refiere al marcado de contenido, o HTML, de una página específica. Ayuda a los humanos y a los motores de búsqueda a comprender mejor el contenido de una página. Esto lo hace ideal para la optimización de imágenes.

Todo HTML debe transmitir información que describa su sitio tanto para computadoras como para seres humanos. Lea la opinión de Google sobre marcas semánticas para HTML para obtener los mejores consejos y trucos al respecto.

Optimización de imágenes SEO para indexación

Hay algunas cosas que puede hacer para asegurarse de que Google indexe con precisión sus imágenes.

Obtener descriptivo

Incluir títulos descriptivos, descripciones y nombres de archivos como parte de su sitio ayuda a Google y a los humanos a comprender mejor su sitio. La mejor manera de asegurarse de que todos los elementos de su texto sean descriptivos es colocar estratégicamente sus palabras clave en el texto que se destacará en el motor de búsqueda . Además, mantenga las descripciones de texto cortas pero efectivas, evitando el uso de símbolos como guiones bajos, ya que los algoritmos de Google no los reconocen. Cada palabra que use debe tener un propósito para un resultado de búsqueda.

Incorporar datos estructurados

Para ayudarlo a lograr resultados enriquecidos en Google, incluya datos estructurados en sus imágenes siempre que sea posible. Con resultados enriquecidos, Google puede proporcionar insignias que brindan a los usuarios más información relevante sobre su página mientras realizan una búsqueda de imágenes. Google admite datos estructurados para productos, videos y recetas.

Además, Google tiene directrices detalladas sobre datos estructurados que describen todo el proceso de incorporación de datos estructurados en el SEO de su imagen, sobre las que puede leer más aquí . Los consejos más importantes son mantener la información y los datos actualizados y no inventar datos irrelevantes que puedan inducir a error a los usuarios.

Usa etiquetas alternativas

Si una imagen no se carga en su página, aparecerá un texto alternativo que ayuda a describir su imagen. Además, para las personas con discapacidades visuales que acceden a su sitio, esta etiqueta alternativa también puede ayudarlos a comprender qué hay en la imagen de Google. Por último, el uso del texto alternativo correcto proporciona información adicional para ayudar a Google a comprender mejor la imagen y la página en la que reside.

Hay algunos consejos clave para escribir un buen texto alternativo que optimice su imagen.

• Use su(s) palabra(s) clave(s) de destino: agregar sus palabras clave de destino en texto alternativo es la forma principal de ayudar a asociar su sitio con temas relevantes y aumentar su visibilidad en un motor de búsqueda.
• Sea breve : 80 a 125 caracteres (alrededor de 16 palabras) para máxima accesibilidad . Hasta 50 palabras para clasificar en la búsqueda de imágenes de Google.
• Deshazte de frases innecesarias : nunca comiences una etiqueta alternativa con frases como "Esta es una imagen de ____" o "Esta es una imagen de ____". Esto es redundante y ocupa un espacio fundamental. Vaya directamente a la fuente de la imagen para obtener brevedad y claridad.

Nota rápida : una pregunta común cuando se trata de indexación es si Google indexa imágenes CSS. La respuesta es no. John Mueller de Google afirmó que es mejor usar etiquetas de imagen normales y con el atributo alt apuntando a la imagen.

la comida para llevar

La optimización de imágenes para la búsqueda de imágenes es otra estrategia de SEO para implementar a medida que trabaja en la creación de páginas web útiles y relevantes. Como puedes ver, el SEO de imágenes cubre muchas facetas. Para clasificarse bien en la Búsqueda de imágenes de Google, debe tener en cuenta el tamaño de la imagen, la velocidad, el contenido, el formato y los datos relacionados. Además, asegurarse de crear texto alternativo descriptivo, títulos y texto en la página ayuda a crear una mejor página web en general. Si se hace correctamente, la optimización de imágenes puede conducir a una mejor clasificación de búsqueda y a un sitio web al que los usuarios volverán una y otra vez.