Blog

¿Qué es el SEO de imágenes? | +15 Consejos y técnicas de optimización de imágenes

Las imágenes son una parte natural de Internet y deberían ser una parte natural de tu SEO. Como cualquier otro contenido, las imágenes pueden ser buenas o malas para el SEO. Las imágenes y otros formatos similares para contenido creativo tienen una influencia enorme en el rendimiento de tu sitio web. En esta publicación, veremos qué tienen que ver las imágenes con el SEO y cómo optimizarlas.

¿Qué es el SEO de imágenes?

Como con la mayoría de las cosas en SEO, dos factores cruciales entran en juego en el SEO de imágenes: la velocidad y el contexto. Por un lado, estamos tratando de optimizar la velocidad con la que el usuario ve las imágenes que mostramos en nuestro sitio web. Pero, por otro lado, también estamos tratando de proporcionar a Google tanto contexto como sea posible, ayudándole a comprender, clasificar y posicionar nuestras imágenes en consecuencia en los resultados de búsqueda.

En SEO, la optimización de imágenes es la práctica de aumentar las clasificaciones de búsqueda y la visibilidad al hacer que las imágenes sean más fáciles de procesar, comprender y servir por los motores de búsqueda. El SEO de imágenes implica optimizar las dimensiones, los tamaños de archivo, los formatos, los nombres de archivo y los atributos de texto alternativo de las imágenes en un sitio web.

Para dar a tus páginas las clasificaciones adecuadas, Google juzga todo tu contenido, incluidas tus imágenes. En general, todos los elementos que involucran tus imágenes deben funcionar bien juntos. Deben proporcionar contexto a lo que se muestra en la imagen, su propósito y qué tipo de búsquedas debe mostrar Google esta imagen.

¿Suena confuso? No te preocupes, ya que ahora veremos exactamente qué factores influyen en el SEO de tu imagen. Con eso, también veremos exactamente cómo puedes optimizar las imágenes para que contribuyan a tus esfuerzos generales de SEO.

what is image seo and how to optimize images tips

¿Cómo optimizar las imágenes de tu sitio web para SEO?

Optimizar imágenes es una tarea mucho más simple de lo que te imaginas. Implica seguir solo algunas prácticas recomendadas sencillas compartidas en otras prácticas populares de SEO. Por experiencia, puedo decirte que cuanto más trabajes con el SEO de imágenes, más fácil se vuelve todo a medida que incorporas este hábito en tu proceso de SEO.

Usa estos 15 consejos para optimizar tus imágenes para SEO:

1. Siempre esfuérzate por usar imágenes únicas

Con docenas de sitios web de fotos de stock gratuitos y toneladas de aliento de tus compañeros y colegas, a menudo es fácil recurrir a una mentalidad de «solo imágenes de stock».

Sin embargo, esto no es óptimo, ya que el contenido original se recompensa mejor en Google y se clasifica mucho más alto. Y esto también es cierto para las imágenes originales. Una investigación de Reboot Online Marketing muestra en un experimento que Google clasifica los sitios web que contienen imágenes originales más alto en comparación con los que toman fotos de stock.

Pero, ¿cómo puedes producir imágenes originales? Cuando se trata de fotos, usar algún filtro o efecto creativo en tu foto de stock puede hacerlas lo suficientemente diferentes. Hacer esto también brinda una gran oportunidad de crear contenido de marca, donde tus imágenes siguen pautas específicas que se ajustan (y promueven aún más) a tu marca.

Y cuando buscas gráficos o tablas, herramientas como Canva te permiten recrearlos en cuestión de minutos. Alternativamente, sitios web como Freepik ofrecen toneladas de excelentes plantillas para que muestres las estadísticas visualmente.

2. Nunca reemplaces texto con imágenes

Una imagen vale más que mil palabras, a menos que estemos hablando de SEO. Si bien Google mejora continuamente su reconocimiento de imágenes, los algoritmos son mucho menos avanzados que los encargados de comprender el texto.

Piénsalo de esta manera: el contenido escrito es la razón número uno para posicionarse. Es un requisito previo para posicionarse en Google, donde las imágenes son la cereza del pastel.

Por lo tanto, al crear contenido, planifica tus imágenes para que se ajusten al texto, en lugar de al revés. El propósito de una imagen es explicar un concepto y proporcionar contexto sobre las partes que la rodean. No es (o al menos, no debería ser) un reemplazo del texto.

3. Usa un formato de archivo compatible con la web para las imágenes

Si bien los navegadores y los dispositivos de usuario admiten prácticamente todos los formatos de imagen, debes usar los formatos de imagen correctos para fines de usabilidad y SEO. Esto se debe a que el uso de formatos incorrectos puede inflar el tamaño de tus imágenes y, por lo tanto, ralentizar tu sitio web.

Los 4 tipos de imagen más comunes para sitios web son JPG, PNG, GIF y SVG. Todos ellos tienen propósitos únicos para los cuales proporcionan la mejor calidad posible para el tamaño más bajo posible.

  • El formato JPG es el más adecuado para fotos reales.
  • El formato PNG es ideal para cualquier imagen creada digitalmente.
  • El formato GIF se utiliza para imágenes animadas. Por ejemplo, puedes usar un GIF para mostrar el desarrollo de un gráfico a lo largo del tiempo.
  • El formato SVG proporciona gráficos vectoriales, en contraste con todos los demás gráficos, que admiten gráficos rasterizados. Los gráficos vectoriales son ecuaciones matemáticas que puedes escalar sin perder calidad de imagen. Este formato es el más adecuado para elementos de diseño en el sitio web, como tu logotipo.

4. Usa dimensiones de imagen optimizadas para SEO

Según el consejo de Squarespace, para imágenes de fondo de ancho completo que se supone que se mostrarán en banners o en la sección de héroe del sitio web, se recomiendan tamaños de imagen de máximo 1500px-2500px.

Usar imágenes grandes puede parecer una buena idea cuando se trata de mostrar la calidad. Sin embargo, cualquier cosa que supere la marca de 1500-2000 píxeles es excesiva. La mejora de la calidad es insignificante, mientras que el tamaño del archivo aumenta significativamente. Del mismo modo, la mayoría de los usuarios no navegan por la web con las últimas pantallas 4K y no es necesario utilizar imágenes muy grandes.

5. Reduce el tamaño de la imagen a 150kb

Cuanto más pequeña sea la imagen, más rápido podrá descargarla el usuario y más rápido podrá mostrarla el dispositivo del usuario. Al comprimir tus imágenes, estás mejorando directamente la velocidad de tu sitio web. Y si nunca lo has hecho antes, puede ser mucho.

Para reducir eficazmente el tamaño de tus imágenes, primero sigue los consejos de arriba y reduce las dimensiones a tamaños aceptables. Una vez hecho esto, dirígete a una herramienta de compresión de imágenes como TinyPNG. Ejecutar la imagen a través de un compresor te permite reducir el tamaño de la imagen hasta en un 70-80%, mientras que la calidad de la imagen permanece prácticamente intacta.

Ten en cuenta que los SVG y los GIF también se pueden comprimir, aunque TinyPNG no admite esa funcionalidad. Para SVG, dirígete a un sitio web como SVGminify. Del mismo modo, para GIF, puedes usar una herramienta como Ezgifs.

Por último, en la mayoría de las principales plataformas CMS, puedes automatizar este proceso mediante el uso de un plugin. No vamos a elegir favoritos aquí, así que te sugerimos que busques en Google algo como «plugins de optimización de imágenes de WordPress

6. Carga imágenes de forma diferida en tu sitio web

Aunque tenga la palabra «perezosa» en su nombre, que suena negativo, esta tecnología es genial. Puedes pensar en la carga diferida como el Netflix de las imágenes en tu sitio web. Esencialmente, la carga diferida obtiene las imágenes de tu sitio web bajo demanda, solo cuando se necesitan. Y eso sucede solo cuando el usuario se desplaza lo suficiente para que la imagen aparezca en su pantalla.

Esto es genial desde la perspectiva de la velocidad de la página porque significa que el dispositivo del usuario hace menos peticiones a tu sitio web, cargando así menos información. Ambos factores hacen que tu sitio web sea más rápido. La tecnología es especialmente útil para entradas de blog extensas que contienen muchas imágenes, ya que significa que el usuario puede llegar a las partes valiosas antes.

7. Dale a tus imágenes un nombre de archivo amigable para SEO

Muchos de nosotros tendemos a usar nombres aleatorios para nuestras imágenes, o al menos olvidamos cambiarlos a algo que tenga sentido. Sin embargo, los nombres de archivo de las imágenes son importantes porque proporcionan más contexto a Google sobre lo que hay en la imagen. Debido a eso, es más probable que Google recomiende imágenes con nombres de archivo contextuales en los resultados de búsqueda, ya que tiene otra pieza de información sobre el contenido de la imagen.

give your images a seo friendly file name

8. Agrega una etiqueta alt relevante y descriptiva

Las etiquetas alt son otro elemento importante que le da contexto a Google sobre la imagen. También conocido como texto alternativo, la etiqueta alt es un atributo HTML que se muestra en lugar de la imagen si la imagen no se puede mostrar. Este artículo explica qué son las etiquetas alt en WordPress en detalle.

Al escribir etiquetas alt, recuerda usar algunas de las palabras clave a las que te diriges. Esta no tiene que ser tu palabra clave principal per se. En su lugar, puedes usar palabras clave LSI que agreguen más contexto al contenido general.

Esta publicación te enseña exactamente cómo agregar etiquetas alt a las imágenes en WordPress. En ella, también aprenderás nuestro mejor método para escribir etiquetas alt, lo que simplificará todo tu proceso al tiempo que le da un gran impulso al SEO de tu imagen. Por último, si tus etiquetas alt no se muestran, encontrarás la solución rápida y fácil para WordPress en este artículo.

9. Escribe textos alt de no más de 150 caracteres

Si bien no hay límite desde la perspectiva de la codificación, los textos alt no deben tener más de 150-200 caracteres para SEO. Este es mucho espacio, por lo que no debería representar ningún desafío. Y también se relaciona perfectamente con nuestro siguiente punto.

10. Evita el relleno de palabras clave en los títulos de las imágenes y las etiquetas alt

Sí, las palabras clave son importantes para Google, ya que establecen el tema y el contexto de tus páginas. Sin embargo, como con cualquier cosa en SEO, recuerda no exagerar. En el mejor de los casos, Google desaprueba las estrategias de spam y, en el peor de los casos, puede costarte tu clasificación.

11. Agrega imágenes de fondo al CSS de tu sitio web

El umbral de entrada tanto para el desarrollo web como para el SEO se ha vuelto cada vez más bajo en los últimos años. Debido a eso, tendemos a ver muchos errores de novatos y malentendidos. Uno de esos errores, en particular con las imágenes, es cómo se presentan en el código. Cada imagen que forma parte del contexto debe estar en el cuerpo real de tu HTML usando la etiqueta <img>.

Sin embargo, las imágenes que no agregan contexto, como las que se usan puramente para fines de diseño, deben agregarse a tu CSS. Desde una perspectiva de SEO de imágenes, esto significa que las imágenes utilizadas para tu diseño no obtendrán (ni deberían) un texto alternativo. Eso es porque el atributo de texto «alt=» solo es aplicable a la etiqueta HTML <img>.

12. Proporciona contexto dentro del texto circundante

Como te explicamos hasta ahora, las mejores prácticas para el SEO de imágenes dictan que la mayor parte de lo que hacemos es proporcionar a los motores de búsqueda contexto sobre la imagen. Sin embargo, un factor que se pasa por alto es describir realmente tus imágenes dentro del texto que las rodea.

Piénsalo de esta manera: desde la perspectiva del usuario, tiene sentido tener un texto que explique el contenido de la imagen. Y sabemos que el SEO y la UX se están fusionando a un ritmo cada vez más rápido. Como resultado, necesitas asegurarte de que tu contenido esté contextualmente vinculado y que cada elemento proporcione contexto sobre los elementos que lo rodean.

13. Marca tus imágenes con datos estructurados

En pocas palabras, el marcado de Schema proporciona a los motores de búsqueda información sobre el contenido de la página en un formato que prefieren y entienden. Por sí solo, el marcado de Schema no hará que tu sitio web se posicione en la página 1 de Google.

En cambio, Schema puede ayudarte a atraer más tráfico como consecuencia de que ya estás bien posicionado. Esto se debe a que los motores de búsqueda como Google utilizan este marcado al mostrar resultados enriquecidos como fragmentos destacados o preguntas frecuentes.

Marcar las páginas de tus productos o publicaciones de blog con sus respectivos tipos de Schema te permite agregar una imagen. Google puede entonces presentar esta información a los usuarios que realizan búsquedas. Hacer esto puede ser excelente para tus tasas de clics, ya que puede hacer que tu resultado de búsqueda sea más atractivo para que los usuarios hagan clic en él.

De hecho, Schema puede ser un factor decisivo para obtener el clic en algunas industrias. Por ejemplo, ¿recuerdas la última vez que buscaste una receta? Lo más probable es que el mayor factor de influencia para decidir dónde hacer clic fue el aspecto de la receta en la miniatura que se muestra en Google.

14. Usa una solución de almacenamiento en caché para entregar imágenes más rápido

¿Sabías que tu servidor web tiene que volver a calcular y enviar todo el contenido cada vez que un visitante llega a tu sitio web? Esto ejerce una presión adicional y consume más ancho de banda de tu plan de alojamiento. Además, el usuario tiene que esperar más tiempo, ya que el ordenador del otro lado tiene que procesar el contenido. ¡Sin embargo, no tiene por qué ser así!

Puedes acelerar drásticamente tu sitio web con una simple solución de almacenamiento en caché, esencialmente «guardando» una versión existente de tu página. Con esto, cuando los usuarios llegan a tu sitio, tu servidor web entrega una copia «pre-hecha» de tu página en lugar de recalcularla cada vez.

¿La mejor parte? La mayoría de las plataformas CMS hoy en día tienen muchos plugins que te permiten configurar una solución de almacenamiento en caché gratuita en solo unos minutos. Para encontrar el plugin de almacenamiento en caché adecuado, simplemente búscalo en Google junto con el nombre de tu CMS.

15. Optimiza la velocidad de carga de tu imagen con una CDN

Por último, el rendimiento del dispositivo del usuario importa, pero también el rendimiento de tus servidores. Para muchos sitios web más pequeños que usan un plan de alojamiento limitado y más barato, una solución efectiva es usar una Red de Entrega de Contenido. Con ella, esencialmente alojas tus imágenes en otro sitio web, que luego entrega ese contenido independientemente de tu servidor web.

Del mismo modo, los sitios web más grandes pueden usar una CDN simplemente porque tienen muchísimo tráfico. Esto ejerce mucha presión sobre los servidores de su sitio web.

El argumento a favor de las CDN se vuelve aún mejor cuando se considera dónde viven tus visitantes. Si eres una empresa internacional, recuerda que muchas personas que visitan tu sitio web no viven en tu ubicación exacta (o al menos la ubicación de tus servidores web). En esos casos, una CDN como Cloudflare te ayuda a entregar imágenes más rápido a través de sus muchos servidores en todo el mundo. Tener una gran infraestructura significa que siempre hay un servidor cerca de tus visitantes, lo que resulta en menos retrasos.

¿Cuál es el tamaño de archivo de imagen óptimo para SEO? 

El tamaño del archivo de tus imágenes también importa. Cuanto más grande sea una imagen, más tiempo tardará el dispositivo del usuario en descargar y mostrar ese archivo. Esto es una preocupación porque los sitios web que no cargan rápido impactan negativamente la experiencia del usuario. Como Google lo sabe, también promueven los sitios web cuyas imágenes cargan rápido más arriba. Por el contrario, Google es propenso a degradar de los resultados de búsqueda los sitios web que cargan lentamente.

Si bien no hay un límite superior para el tamaño de las imágenes en la web, los tamaños de archivo de imagen de hasta 150 kilobytes por imagen son óptimos para la mayoría de los sitios web. Las imágenes con tamaños de archivo grandes son una de las causas principales de los sitios web lentos, lo que empeora la experiencia del usuario y, consecutivamente, las clasificaciones de SEO.

Considerando que 59.5% de los usuarios navegan por Internet desde un dispositivo móvil, puedes ver lo importante que es cada milisegundo de tiempo de carga. Pero el problema se extiende más allá de lo que parece. Una experiencia de usuario negativa no solo resulta en usuarios ligeramente irritados, sino que es mucho más costosa que eso. ¿Cómo exactamente?

Un aumento de un retraso de 1 segundo a un retraso de 3 segundos en los tiempos de carga de la página aumenta tu tasa de rebote en un 32%, como señala esta investigación de Google. Para una pequeña empresa que se enfrenta a una dura competencia y tiene que luchar por cada visitante del sitio web, esto puede ser devastador. Simplemente significa que menos personas se convertirán en clientes.

Y esto es cierto incluso para las grandes empresas. Por cada aumento de 100 milisegundos en el tiempo de carga de la página, Amazon.com observó una disminución del 1% en las ventas. Del mismo modo, un estudio de Google mostró que por cada 500 milisegundos que tarda el motor de búsqueda en cargar la página de resultados de búsqueda, experimentaron una caída del 20% en los ingresos. Para las empresas que ganan miles de millones todos los días, esto se traduce en una enorme cantidad de ingresos potenciales perdidos.

¿Cómo encontrar y auditar imágenes para SEO?

Para encontrar y auditar imágenes con precisión para SEO, necesitas usar un rastreador web que funcione de manera similar a los rastreadores web de Google. Las herramientas de salud del sitio web encuentran y te muestran problemas y áreas potenciales de optimización para tu sitio web para que puedas mejorar tus clasificaciones de búsqueda orgánica y visibilidad. Dichas herramientas te muestran:

1. Imágenes rotas

broken images in morningscore

2. Imágenes demasiado grandes

too large image files in morningscore

3. Etiquetas Alt faltantes

missing alt tags in morninscore

Como tal, puedes ver todos los problemas del sitio web relacionados con el SEO de imágenes y cómo solucionarlos rápidamente con nuestro verificador SEO del sitio web.

Optimiza las imágenes y mejora las clasificaciones y la visibilidad

Las imágenes proporcionan una mejor experiencia de usuario y ayudan a aumentar tus clasificaciones, ya que hacen que tu contenido sea más relevante para los usuarios finales. La práctica de optimizar imágenes implica algunos aspectos clave compartidos en todo el SEO: qué tan rápido se cargan tus imágenes y qué tan bien las entienden los motores de búsqueda. Optimizar las dimensiones y el tamaño de archivo de tus imágenes garantiza que hayas tomado las medidas correctas para mejorar tus clasificaciones. Además, proporcionar información contextual a través del título y el texto alternativo de las imágenes te ayuda a superar a los competidores en la Búsqueda de Google.

FAQ

¿Cómo impacta el SEO de imágenes en el rendimiento general del SEO del sitio web?

El SEO de imágenes mejora significativamente el rendimiento general del SEO de un sitio web al mejorar los tiempos de carga de la página, aumentar la participación del usuario y hacer que el contenido sea más accesible para los motores de búsqueda. Cuando las imágenes están optimizadas correctamente, requieren menos ancho de banda para cargarse, lo que lleva a tiempos de carga de página más rápidos, que es un factor de clasificación crítico para los motores de búsqueda. Además, las imágenes que están optimizadas con palabras clave relevantes y etiquetas alt hacen que el contenido sea más comprensible para los motores de búsqueda, lo que podría llevar a una clasificación más alta. Es más, las imágenes atractivas y relevantes pueden mantener a los visitantes en tu sitio por más tiempo, reduciendo las tasas de rebote y señalando a los motores de búsqueda que tu sitio proporciona contenido valioso.

¿Cuáles son las mejores prácticas para actualizar imágenes en un sitio web existente sin perder el posicionamiento SEO?

Para actualizar imágenes en un sitio web existente sin perder el posicionamiento SEO, es crucial mantener el equilibrio entre la calidad de la imagen y la optimización. Al reemplazar imágenes, asegúrate de que las nuevas imágenes estén optimizadas para el uso web, incluyendo la compresión adecuada y el uso de etiquetas alt y nombres de archivo relevantes. Se deben usar redirecciones para cualquier cambio de URL para mantener la equidad del enlace. Además, actualizar los metadatos de la imagen (como el texto alternativo y el título) para reflejar el contenido y el contexto de la imagen actualizada puede ayudar a mantener o mejorar el posicionamiento SEO. También es beneficioso monitorear el rendimiento y el posicionamiento del sitio web después de realizar cambios para asegurarte de que no haya impactos negativos en el SEO.

¿Cómo medir eficazmente el impacto de las imágenes optimizadas en la participación del usuario y el SEO?

Para medir eficazmente el impacto de las imágenes optimizadas en la participación del usuario y el SEO, usa herramientas como Google Analytics y Google Search Console. Estas herramientas pueden rastrear cambios en los tiempos de carga de la página, las tasas de rebote y las métricas de participación del usuario, como el tiempo en la página y las tasas de clics. Además, Search Console puede proporcionar información sobre el rendimiento de tus imágenes en los resultados de búsqueda, incluyendo la frecuencia de su aparición y su impacto en el tráfico general del sitio. Al analizar estas métricas antes y después de implementar optimizaciones de imágenes, puedes evaluar la efectividad de tus esfuerzos y tomar decisiones basadas en datos para mejorar aún más tu estrategia de SEO.