Optimización del SEO de la imagen: La guía definitiva para el 2021. Amigable con WordPress

¿Qué es el SEO de imágenes?

Cuando la gente se ocupa de las imágenes, la optimización de los motores de búsqueda (SEO), sólo escoge las frutas de bajo costo: la optimización del tiempo de carga y los textos alternativos. El SEO de imágenes es una ciencia real y va mucho más allá de eso.

ElSEO de imágenes influye en el modo en que sus imágenes se clasifican en las imágenes de Google, pero no sólo eso. También afecta a su potencial de investigación orgánica en su conjunto: la optimización de sus imágenes para los motores de búsqueda también tendrá un impacto positivo en el ranking de su página.

Resultados de Google seo
Las imágenes suelen aparecer en los resultados de la búsqueda.

Esta guía de SEO le proporcionará todos los consejos e información que necesita saber para optimizar perfectamente sus imágenes para los motores de búsqueda.

La experiencia del usuario debe ser el núcleo de su estrategia de imagen SEO

Por un lado, si rellenas Atributos de la imagen HTML adecuadamente fortaleces tu página semánticamente y ayudas a los motores de búsqueda a entender tu contenido.

Por otro lado, la optimización de las imágenes puede mejorar el tiempo de carga y la experiencia del usuario: no hay un buen artículo sin buenas imágenes.

En esta guía, haré un amplio recorrido por lo que necesita saber para sacar el máximo provecho de sus imágenes para los motores de búsqueda, pero también para sus usuarios. La guía de inicio del SEO de Google es muy clara en eso!

Todos los consejos y trucos que mencionaré en la guía están de alguna manera dirigidos a mejorar el SEO y la experiencia del usuario.

¿Por qué es importante la optimización de las imágenes para los motores de búsqueda?

El SEO de la imagen importa

Los hechos no mienten: el marketing y el poder de SEO de las imágenes es una locura. ¡Tan loco!

Antes de crear nuestro plugin WordPress para Image SEO, peiné cada uno de los estudios relevantes de SEO y Marketing sobre el impacto de las imágenes en los motores de búsqueda y el comportamiento de los clientes. Aquí hay un resumen de lo que descubrí:

Impacto de la optimización de imágenes para los motores de búsqueda

  • La búsqueda de imágenes representa alrededor del 30% de todas las consultas generadas en las 10 principales propiedades de búsqueda web de EE.UU. (Source Moz);
  • Más de 1/3 de todas las palabras clave de búsqueda contienen ahora Google Imágenes y una de cada dos, cuando las imágenes están en los 10 primeros resultados, en realidad están en las 3 primeras posiciones (fuente SeoClarity);
  • Cada día se hacen más de mil millones de consultas en Google Images (Fuente Google);
  • Hay más de 600 millones de búsquedas en Pinterest cada mes (fuente Pinterest);
  • Las imágenes son devueltas por Google para el 34% de los resultados de búsqueda (fuente: Econsultancy);
  • Los tweets con imágenes reciben un 150 por ciento más de retweets (huevos locos de origen);

Aumenta tus tasas de conversión con el SEO de imágenes

  • El contenido con imágenes optimizadas aumenta el compromiso del usuario en un 90% (Buffer de la fuente);
  • Los tweets con imágenes reciben un 150 por ciento más de retweets (huevos locos de origen);
  • En promedio, la gente olvida alrededor del 90% de la información 72 horas después de haber sido expuesta a ella. Añadiendo una buena imagen puede mejorar la memoria hasta un 65% (fuente MGAdvertising);
  • Alrededor del 70% de los clientes dicen que la calidad de las imágenes de la hoja de producto es un punto determinante en la selección y compra del producto;
  • Cuando se usan imágenes, los anuncios de Pinterest tienen una asombrosa tasa de conversión del 8,5% (fuente Heap Analytics);
  • etc, etc, etc.

Esto significa que la optimización de sus imágenes aumentará tanto el tráfico orgánico (optimización SEO) como las ventas (optimización UX).

Optimización de los atributos del HTML de la imagen para los motores de búsqueda

En este capítulo, repasaré todos los atributos HTML que importan para la optimización de imágenes:

1. Nombre de la imagen

HTML

El nombre de su archivo de imagen es uno de los factores más importantes para la optimización de imágenes.

2. Atributo de texto Alt

HTML

El atributo de texto alternativo ayudará a los robots de Google a comprender el contenido de sus imágenes.

3. Atributo de texto del título

HTML

El atributo de texto del título es menos importante que el nombre del archivo y el atributo de texto alternativo cuando se trata de SEO.

El atributo de texto del título mejora la experiencia del usuario cuando se desplaza sobre una imagen.

4. Figcaption Tag

Tesla negro llevando con electricidad en un aparcamiento
No siempre relleno mi coche, pero cuando lo hago, es con electricidad.

Ok, no es mi coche, pero de todos modos!

HTML

La etiqueta de la figcaption se muestra a menudo bajo una imagen, para proporcionar más información sobre ella.

Vamos a sumergirnos profundamente en las etiquetas y atributos de la imagen

Usaré la misma foto para abordar cada atributo HTML de la imagen y ayudarte a entender las diferencias entre ellos.

Estoy seguro de que ya te has preguntado cuál es la diferencia entre la etiqueta ALT y la etiqueta TITLE, ¿no? ¡Así que empecemos!

Los nombres de las imágenes son importantes

¿Cómo nombrar las imágenes para el SEO?

Empecemos con lo más obvio y fácil: el nombre de la imagen. El SEO consiste en ayudar a los robots y rastreadores de los motores de búsqueda a entender su contenido y cómo sus usuarios interactúan con él. El nombre de tu imagen debería reflejar eso.

“ Los nombres de las imágenes y los textos alternativos son mejores cuando son cortos, pero descriptivos. ”

Esta cita viene de Matt Cutts que ha estado trabajando para Google desde enero de 2000. Por lo tanto, los nombres de las imágenes deben ser una combinación de unas pocas palabras clave relevantes.

Consejo de SEO: La mejor longitud para los nombres de las imágenes

Los nombres de las imágenes tienen que ser cortos pero descriptivos. Según los datos que hemos procesado desde la creación de nuestro plugin, las imágenes que más funcionan tienen una longitud de unos 12 caracteres.

Le aconsejamos que mantenga la longitud de su imagen entre 8 y 16 caracteres. Ni más ni menos.

Esta longitud corresponde a 2 o 3 palabras clave. Es suficiente para ayudar a Google a entender tus fotos y evitará que hagas un relleno de palabras clave.

Evitar el relleno de palabras clave en el SEO de imágenes

Desde que Google ha estado dominando el mercado de los motores de búsqueda, el relleno de palabras clave se ha vuelto irrelevante o peor: Google ahora está penalizando más y más sitios web que usan relleno de palabras clave y habilidades de SEO de sombrero negro.

¡No intentes engañar a Google!

Le aconsejamos encarecidamente que aplique nuestras directrices y mejores prácticas a la hora de rellenar los atributos HTML de las imágenes para el SEO.

Puedes usar trucos como llenar tus textos o nombres alternativos con lo que hay en el título de tu página, pero bajo tu propio riesgo.

¿Cómo escribir textos alternativos de imagen para el SEO?

La gente a menudo se esfuerza por entender cómo escribir de forma optimizada textos alternativos porque no entienden qué es un texto alternativo y para qué se usan.

¿Qué es un texto alternativo?

Primero aclaremos la terminología: El texto alternativo, el texto ALT, la etiqueta ALT, el atributo ALT, ALT son exactamente lo mismo. Punto.

Aunque el término más correcto es "atributo de texto alternativo" todos se refieren a lo mismo: una alternativa textual a la imagen.

La etiqueta ALT debe describir lo que hay en una imagen (= el contenido) y la función de esta imagen en la página.

Cada vez que una imagen tiene un propósito en su página, debe tener un texto alternativo.

¿Para qué se utiliza el texto alternativo?

Los textos ALT cumplen tres funciones.

  1. Accesibilidad: a los usuarios con discapacidad visual o ciegos que utilicen lectores de pantalla se les leerá el contenido del texto alternativo, lo que permitirá que la imagen sea accesible para las personas con discapacidad visual.
  2. Apoyo: Las etiquetas ALT se muestran en lugar de la imagen en los navegadores cuando el archivo no puede ser cargado.
  3. SEO: Ayuda a los motores de búsqueda a determinar el contenido de la imagen y mejorar el significado semántico de su página. Por eso, el SEO de imágenes es importante para obtener una buena posición en Google Image, pero también tendrá un impacto positivo en toda su estrategia de optimización de motores de búsqueda.

¿Cómo escribir un texto alternativo perfectamente optimizado?

Los textos de la ALT deben ser construidos sobre dos pilares: Contenido y Función. Tu ALT debe describir tu imagen (= contenido) y explicar por qué la usas para (= función).

El contexto de su página debe ser el vínculo lógico entre el contenido y la función de su imagen.

Ejemplos de etiquetas ALT

  1. "Coche en un aparcamiento"
  2. "Tesla negro cargando con electricidad en un aparcamiento"
  3. "foto de un Tesla negro aparcado"

La mejor alternativa a la imagen en esta situación es "Tesla negro cargando con electricidad en un aparcamiento".

¿Por qué? Porque le da la cantidad justa de información a alguien con discapacidades visuales para entender de qué se trata esta imagen.

Los textos alternativos pueden (y deben) ser más largos que sus textos alternativos. No hay reglas al respecto: Intenta escribir el menor número posible de palabras clave para describir la imagen a alguien que no pueda verla.

Los 3 comandos del texto alternativo

  • Sé breve pero descriptivo (¿recuerdas?)
  • Sea innovador y evite el relleno de palabras clave y no proporcione la misma información que el texto en el contexto de la imagen.
  • No uses términos como "imagen de" o "imagen de..." para describir la imagen.

Escribí un extenso artículo sobre cómo escribir perfectamente textos alternativos con ejemplos. Deberías echarle un vistazo.

¿Imágenes decorativas?

You don’t need to add an alternative text on decorative images. You can let them blank of add a null alt tag: <img alt=””>.

La verdad sobre el texto del título de la imagen

Vimos varios plugins de WordPress que ofrecen generación automática de etiquetas de título para SEO: LA ETIQUETA DE TÍTULO NO IMPORTA PARA SEO.

No están indexados por los motores de búsqueda. Punto. Dicho esto, los textos de los títulos no son totalmente inútiles.

¿Qué es un texto de título y para qué se usan?

Los textos de los títulos se muestran cuando el usuario pasa el ratón por encima de una imagen o una foto. Puede ser agradable para la experiencia del usuario. Le recomendamos que no pase mucho tiempo en la optimización del texto del título. No son importantes para el SEO.

El poder de SEO de la imagen Figcaption

La figura y la figcaption son probablemente las armas de SEO y de marketing más subestimadas. Los usuarios se centran un 60% más en los textos de las ilustraciones que en los párrafos que las rodean. Eso es una locura.

Figura e ilustración: definición y estructura

El figura representa una unidad de contenido, opcionalmente con un pie de foto, que es autónoma, que se suele referir como una sola unidad del flujo principal del documento, y que se puede alejar del flujo principal del documento sin afectar el significado del mismo.

Fuente W3C : HTML: El Lenguaje de Marcas (una referencia del lenguaje HTML)

Los textos de las figuras deben ser escritos dentro de un elemento de la figura.

El elemento "figcaption" representa una leyenda para una figura.

Fuente W3C
HTML

¿Son importantes la figura y el título para el SEO?

Lo que diré para el título también es cierto para los párrafos que rodean sus fotos.

Para los motores de búsqueda, es más probable que el contenido que rodea a sus imágenes esté relacionado con ellas. Por lo tanto, es importante utilizar las palabras clave que se apuntan en el figcaption o justo antes o después de las imágenes.

La figura es la cereza del pastel

Como dije antes, la gente claramente presta más atención a la leyenda. Tienes que usar esta oportunidad para enfatizar tus palabras clave, tu llamada a la acción, o tus argumentos más vendidos. También puede ser humor.

Los resultados de las pruebas que hice son muy claros: las imágenes con figcaption se clasifican mejor cuando están rodeadas de una leyenda optimizada.

Cómo aprovechar al máximo la figcaption

Los nombres de las imágenes tienen que ser cortos; los textos alternativos (alt) tienen que ser descriptivos, los textos de los títulos pueden dejarse en blanco pero los títulos de las figuras tienen que ser pegadizos.

Usa, en una frase, tu mejor línea de golpe, si es posible usando palabras clave optimizadas para SEO, pero piensa primero en UX.

HTML

En este ejemplo, optimicé UX primero con un chiste (pobre), pero también optimicé el SEO usando palabras clave como "coche", "electricidad", "recambio" y Tesla.

¿Cómo optimizar los atributos del HTML de las imágenes en WordPress?

Sin plugins, la optimización de Image SEO en WordPress es un dolor de cabeza. Por ejemplo, no puedes renombrar tus imágenes después de subirlas.

Con suerte, hemos desarrollado un plugin de SEO que utiliza la inteligencia artificial para ayudar a la gente a lidiar con este problema.

Plugin de imágenes SEO WordPress

Plugin de SEO de imágenes utiliza la IA para rellenar automáticamente los textos alternativos y reescribir los nombres de las imágenes. Puedes optimizar tus imágenes al subirlas o aumentar el volumen de toda la biblioteca.

El plugin Image SEO Optimizer es un increíble ahorro de tiempo.

Hay una versión gratuita para los bloggers ocasionales (10 optimizaciones de imagen cada mes). De lo contrario, puede suscribirse a un plan mensual a partir de 4,99 euros o comprar un paquete de imágenes.

¡Este plugin ahorra una tonelada de tiempo!

Optimización de la imagen: ¡Los usuarios primero!

Las imágenes son el mejor recurso para la experiencia del usuario porque hacen que su página sea útil y atractiva.

Sin embargo, las imágenes también pueden ser tu peor pesadilla porque aumentan el tiempo de carga de la página. También pueden romper tu diseño web o llevar a cabo el mensaje equivocado.

Significa que no debes abusar de las imágenes. También significa que tienes que ser muy exigente cuando se trata de la selección de imágenes o fotografías.

En esta sección de la guía, utilizaré los consejos de fotógrafos profesionales para ayudarles a elegir sus imágenes.

¿Cómo elegir sus imágenes?

Las imágenes tienen que ser únicas y originales

A los clientes les gusta el contenido original y nuevo. Es más probable que cierren una página web con información o un producto que ya han visto en otro lugar.

Sin embargo, ¿cuáles son las primeras cosas que los ojos de los usuarios reciben cuando llegan a una página? Su imagen principal. Tal vez el título.

Significa que la primera imagen de tu página tiene que ser pegadiza y original. Esto es esencial y puede disminuir significativamente la tasa de rebote de la página.

Imaginemos que tu página es un perfil de Tinder: tienes que usar primero TU mejor foto si quieres que las chicas o los chicos sigan desplazándose por tu perfil. Debería ser igual para una página web: usa primero tu mejor imagen si quieres que la gente siga bajando.

Insisto en este punto: para ser optimizado, la primera imagen de su página debe ser única. A la gente no le gusta el contenido falso o duplicado, tampoco a Google.

Las imágenes únicas tienen más probabilidades de aparecer en los resultados de la búsqueda y es ahí donde quieres que tus imágenes sean correctas.

Así que es mejor si tu imagen destacada no viene de un sitio web de fotos de stock gratuito.

¿Debo usar PNG o JPEG para el SEO?

Pasé mucho tiempo en Reddit y Quorum antes de escribir esta guía para entender lo que la gente preguntaba sobre la optimización de la optimización de la imagen. " Es mejor usar png o jpeg para el SEO " fue una de las 5 preguntas más importantes.

Lamentablemente, no hay una buena respuesta a esa pregunta: el formato de la imagen siempre debe adaptarse al propósito de la misma.

Mejores prácticas de SEO para JPEG o JPG

JPEG (Joint Photographic Experts Group) es el formato de imagen más común en Internet. Deberías usarlo para imágenes en las que la calidad es importante: fotografía, hoja de producto, etc.

Los archivos JPEG pueden ser comprimidos enormemente, lo que lleva a imágenes de calidad con tamaños de archivo relativamente pequeños. Siempre debes comprimir tu imagen.

Alerta de spoiler: Las páginas web son mejores que los JPEG para el SEO.

Las mejores prácticas de SEO para PNG

PNG (Portable Network Graphics) fue creado para reemplazar al GIF. Las imágenes PNG tienen mejor calidad y tamaño que las GIF. Los archivos PNG soportan la transparencia, lo que los hace realmente útiles para los gráficos o iconos.

No deberías usar PNG para las imágenes o la fotografía porque la relación calidad/tamaño es mucho mejor con JPEG.

Mejores prácticas de SEO para GIF

En 2020, la única razón que justifica el uso de GIF en Internet es el arte simple y las animaciones.

Guarde su GIF para sus conversaciones con su empleador. Son malos para el SEO

Si no son realmente buenas para el SEO, las imágenes GIF tienen un increíble poder de marketing y puede ser bueno poner un GIF en una página de destino.

Mejores prácticas de SEO para el SVG

SVG (Scalable Vector Graphics) es un formato muy bueno para el SEO por dos razones: es ligero y responde bien . Las imágenes SVG también son impresionantes en una pantalla de la retina.

Las imágenes SVG y sus comportamientos se definen en archivos de texto XML, lo que significa que pueden ser creados y editados con cualquier editor de texto. Deberías intentar usar imágenes SVG tan a menudo como sea posible para tu optimización SEO.

¿Cómo se crea un SVG?

No todas las imágenes pueden ser convertidas en SVG. Para obtener su archivo SVG necesita descargar Adobe Illustrator o utilizar un convertidor de imágenes en línea. Tenga cuidado con el archivo o código SVG que encuentre en Internet. Pueden abrir una brecha de seguridad en su sitio web.

Personalmente tengo mi archivo SVG de Flaticon. La mayor base de datos de iconos gratuitos disponible en SVG.

Mejores prácticas de SEO para WebP

Como JPEG o PNG, WebP es un método de compresión con pérdida que puede ser usado para fotos o imágenes. Un estudio comparativo hecho por Google recientemente demostró que los archivos WebP logran una media de un 30% más de compresión que los JP EG sin pérdida de calidad de imagen.

Por lo tanto, debe priorizar el uso de WebP sobre JPEG o PNG. Tendrá un impacto positivo en el tiempo de carga.

Además, tenga en cuenta que el formato WebP ha sido desarrollado por Google y no es un secreto que Google tiende a favorecer sus propios productos.

¿Cómo convertir una foto en WebP?

Toda la información está disponible en el sitio web de Google. Tenga en cuenta que tendrá que estar cómodo con la escritura de comandos en la terminal de su sistema de explotación.

No es ciencia de cohetes, pero si tienes problemas, envíame un mensaje a aurelio@imageseo.io y escribiré un artículo sobre ello.

También puedes usar un convertidor de imágenes en línea (ver arriba) o un plugin como Imagify.

Recapitulación sobre el formato de optimización de imágenes para el SEO

Formato de la imagenRecomendaciones de SEO
JPG / JPEGPriorizar el uso de WebP.
PNGSólo usa PNG cuando necesites la transparencia o para imágenes realmente pequeñas.
GIFSólo usa GIF cuando necesites animar una imagen.
SVGUtilice el SVG con la mayor frecuencia posible, pero no descargue el SVG de sitios web en los que no confíe.
WebPSiempre debe tratar de usar WebP sobre otros formatos cuando no esté restringido por la transparencia o la animación.

El formato WebP es un esfuerzo relevante para la optimización de imágenes.

Los metadatos EXIF impactan en la imagen SEO

Losmetadatos EXIF son utilizados por las cámaras para almacenar información en las fotos, durante la compresión de la imagen. Incrustan datos como la fecha, la hora, el modelo y los ajustes de la cámara, la geolocalización, etc. A veces son utilizados por la policía para averiguar dónde se tomó una foto. Son útiles para los algoritmos de Google porque llevan a cabo datos específicos sobre su foto.

” Es algo que Google puede analizar y creo que nos reservamos el derecho de usarlo en el ranking.
Los datos EXIF importan para el SEO, dijo Matt Cutt.

La optimización de datos EXIF no debería ser su prioridad cuando optimice el SEO de su imagen. Necesitas enfocarte primero en los nombres de las imágenes, los textos alternativos y la compresión.

Dicho esto, realmente vale la pena pasar el tiempo optimizando los datos EXIF de algunas imágenes. Puede ser el factor de clasificación que le permita superar a sus competidores.

Ten en cuenta que los datos Exif e IPTC también son importantes para Google Lens.

Para editar y optimizar sus datos EXIF para SEO sólo necesita GIMP, pero también puede hacerlo con Adobe Photoshop o Adobe Lightroom.

DATOS EXIF SEO GIMP

El camino es..: Imagen > Metadatos > Editar Metadatos.

Luego, seleccione los campos vacíos que desea actualizar y haga clic en "Escribir metadatos".

Sólo añada datos relevantes como 2 o 3 palabras clave (no más), autor y ubicación, especialmente si su imagen concierne a un negocio local.

Los datos de IPTC / EXIF podrían ser extremadamente relevantes para la SEO local.

No olvides marcar las tres casillas Datos Exif, Datos XMP y Datos IPTC cuando exportes tu imagen.

Sé que los fotógrafos están realmente interesados en este tema. Si tienes un sitio web de fotos, mira mi ultima Guía SEO para fotógrafos. ¡Te gustará!

¿Dónde encontrar buenas fotos para el SEO?

Cuando no tomo las fotos yo mismo (recuerda lo que dije sobre la importancia de los criterios de originalidad para la optimización del SEO de las imágenes) las consigo en dos sitios dedicados a compartir gratuitamente la fotografía de stock: UnSplash y Pixabay. Tienen un montón de fotos increíbles libres de derechos.

También puedes usar a Canva para crear ilustraciones increíbles.

Optimizar los tiempos de carga de las imágenes para el SEO

La velocidad del sitio web es un factor importante para el ranking de SEO

Si has leído hasta aquí en la guía, sabes que el tiempo de carga de las páginas puede impactar dramáticamente en tu posición en el ranking de las SERPs. Si no las optimizas, las imágenes pueden tener un impacto negativo en tu SEO debido a su tamaño.

Google dijo que la velocidad del sitio es uno de los factores más importantes usados por su algoritmo para clasificar los sitios web.

Las páginas con largos tiempos de carga también son malas para la experiencia del usuario. Esto puede tener consecuencias sustanciales: reducir la tasa de rebote, provocar críticas negativas, reducir la conversión, etc.

Usar imágenes que respondan

Uno de los errores más comunes en el SEO de imágenes es cuando subes una imagen grande y luego la muestras muy pequeña. En esta situación, la imagen grande siempre se sube. Por lo tanto, es importante que te tomes el tiempo de cambiar el tamaño de las imágenes para que se muestren de la manera que quieres.

Tenga en cuenta que WordPress proporciona automáticamente imágenes de múltiples tamaños y de respuesta después de la carga. Si no usas WordPress, tienes que hacerlo tú mismo con GIMP, Sketch, Photoshop o Illustrator.

Establecer el atributo SRCSET en sus imágenes

Una vez que hayas creado tu imagen en varios tamaños, necesitas añadirle un atributo srcset. Esto permitirá a los navegadores seleccionar la fuente de archivo apropiada para cada dispositivo.

HTML

Puede definir el tamaño por el ancho de la imagen (w) o por la densidad de la imagen (x). No mezcle ambos como en nuestro ejemplo. Sólo lo hice para mostrarte la estructura.

HTML

No hay evidencia de que debas usar uno sobre el otro, pero como soy un fanático del control, te recomendaría usar el ancho, sobre la densidad.

El ancho es menos probable que rompa tu diseño o algo así.

Truco de SEO: Carga perezosa tus imágenes

La carga lenta es una técnica de Javascript que retrasa la carga de las imágenes, dejándolas "fuera de pantalla" hasta que las necesitas. La carga lenta sólo entra en acción cuando los usuarios llegan a su contenido mientras se desplazan por la página.

La pereza en la carga de sus imágenes no evitará que sean indexadas por los robots de Google. Es una victoria rápida para SEO y UX. Sin embargo, ten cuidado: no debes cargar todas tus imágenes por pereza. Sólo las que no son críticas.

Si usas WordPress, hay un excelente plugin de optimización de velocidad llamado WP-Rocket que puede implementar Lazy-Loading en las imágenes por ti.

Si no lo estás, te invito a leer las directrices de Google sobre la implementación de Lazy loading o la guía de Lazy loading de CSS-Trick.

Edición: la última versión de WordPress implementa de forma nativa la carga de imágenes.

Compresión de la imagen: Reducir el tamaño de las imágenes

La compresión de imágenes es el fruto de la optimización SEO de imágenes: tienes que cogerla. Aumentará el rendimiento de su página y mejorará su experiencia de usuario.

No hay que tener miedo de comprimir las imágenes: la mayoría de las veces el usuario no puede ver la calidad perdida.

Compresión de imágenes ¿Cómo funciona?

¿Sin pérdidas o compresión con pérdidas?

Hay dos técnicas principales para la compresión de imágenes: Compresión sin pérdidas y compresión con pérdidas.

  1. Compresión de imagen sin pérdidas: la calidad de la imagen sigue siendo en gran medida la misma;
  2. Pérdida de compresión de laimagen: se produce cierta pérdida de calidad, aunque casi nunca es perceptible para los ojos humanos.

Ya mencioné antes la importancia de EXIT y los metadatos para el SEO. El método de compresión de imágenes sin pérdidas es casi sólo para deshacerse de estos metadatos. Por eso dije que sólo debes optimizar los datos EXIF para tus imágenes más importantes.

En el método de compresión de imágenes con pérdida no se descomprimen los datos digitales hasta el 100% del original. Significa que cuando usas compresión con pérdida, tu imagen perderá algunos píxeles y por lo tanto algo de calidad.

En este punto, probablemente te preguntes: ¿debo usar una compresión de imagen con o sin pérdidas para mis imágenes? La mayoría de las guías y blogs de SEO que hablan de la optimización de imágenes dicen que se trata de encontrar un buen compromiso entre el tamaño del archivo y la calidad de la imagen. Esto es cierto, pero no del todo.

SEO se trata de encontrar un buen compromiso, PERO cuando se trata de compresión de imágenes podemos engañar a los ojos humanos y es por eso que debes priorizar la compresión sobre la calidad. Hasta cierto punto, por supuesto.

Herramientas y plugins de compresión de imágenes

Puede comprimir sus imágenes con software (GIMP, Photoshop, Illustrator, etc.) o servicios de compresión en línea como Image Optim.

Si usas WordPress, te recomiendo que uses ShortPixel porque:

  • ofrece la posibilidad de eliminar (o no) los datos EXIF;
  • Las opciones de configuración son geniales;
  • Puede convertir tu JPEG en WebP;
  • Los resultados de la compresión de la imagen son totalmente satisfactorios.

Si no te gusta ShortPixel, Imagify, Smush son también excelentes alternativas para la compresión y optimización de imágenes en WordPress.

Ayuda de Google para indexar tu contenido con imágenes Sitemaps

Para que las imágenes de su sitio sean incluidas en la SERP, deben ser incluidas en el índice de Google.

La indexación de sus imágenes por Google está determinada por algoritmos, pero puede influir en el proceso y ayudar a los motores de búsqueda creando sitemaps de imágenes.

¿Qué es un mapa de sitio de imágenes?

Un mapa del sitio es un archivo XML en el que se proporciona información sobre las páginas, los vídeos y las imágenes de su sitio, y las relaciones entre ellos. Ayuda a los motores de búsqueda a rastrear su sitio web.

Si su enlace interno está optimizado y su sitio es pequeño, no debería necesitar mapas de sitio. Sin embargo, tan pronto como sus sitios sean grandes, los rastreadores pueden pasar por alto su contenido y omitir alguna parte del mismo. Por este motivo, los sitemaps y los sitemaps de imágenes son importantes para el SEO: pueden garantizar que todo su contenido sea indexado por Google.

¿Cómo escribir un mapa del sitio de imágenes?

Puede utilizar un mapa de sitio separado para listar las imágenes, o puede agregar información de la imagen a un mapa de sitio existente. Este ejemplo muestra una entrada de mapa del sitio para la página http://imagesitemap.com/page.html, que contiene tres imágenes.

XML

Cuando sus imágenes sitemaps estén listas, no olvide enviarlas a Google con la herramienta Sitemaps de la consola de búsqueda. Para todos los demás motores de búsqueda, añada la siguiente línea de código en su archivo robots.txt:

Sitemap: http://mysitemap.com/sitemap_location.xml

¿Cuál es el mejor plugin de SEO para mapas de imágenes?

Todos los principales plugins de SEO disponibles en WordPress tienen una función de creación de mapas de sitio de imágenes. Recomiendo usar SEOPress sobre Yoast y RankMath.

¿Por qué? Porque he trabajado con gente de SEOPress en el pasado y su apoyo es realmente reactivo.

Pensamientos y conclusiones sobre la optimización del SEO de la imagen

He estado trabajando diariamente en la optimización de imágenes durante los últimos 10 meses y si tuviera un comentario adicional que hacer sería: el futuro de la web es visual. Deberías prestar atención al SEO de imágenes porque el retorno de la inversión en acciones de SEO de imágenes es muy bueno.

Estamos llegando al final de esta guía sobre la optimización de la imagen SEO. Si tienes una pregunta o un comentario, ¡no dudes en enviarme un mensaje en Twitter!

Nuestra herramienta de SEO hará crecer su tráfico

¿Por qué has descuidado la optimización de los motores de búsqueda de imágenes durante tanto tiempo?

Pruébalo gratis