Optimización de imágenes SEO: una guía para expertos en SEO y webmasters


Las imágenes son a menudo una idea de último momento en la optimización de búsqueda. Aún así, son una gran parte de nuestras páginas. Y lo digo literalmente: las imágenes son a menudo el elemento más grande en la ventana gráfica y, a menudo, son el activo más grande para cargar en la página. Pero también en sentido figurado: las imágenes únicas y de alta calidad son un activo valioso en la investigación y lo ayudarán a posicionarse por encima de los competidores que usan imágenes de otros lugares.

En este artículo, exploraremos todo lo que debe tener en cuenta al optimizar imágenes para la búsqueda.

1. Si es posible, consigue imágenes únicas

El peligro más inmediato de usar las imágenes de otra persona es que puede infringir los derechos de autor. En este caso, te arriesgas a una serie de consecuencias, desde la solicitud de eliminación de la imagen hasta la multa. Por lo tanto, si no está utilizando imágenes originales, asegúrese de que su licencia realmente permita su uso en su sitio web.

No menos importante es la sed de Google por imágenes únicas. Cada vez que buscamos un producto o cualquier otra cosa, Google intenta mostrar tantas imágenes de ese artículo como sea posible. Por lo tanto, si tiene un sitio de comercio electrónico y está utilizando las mismas imágenes de productos que todos los demás, sus posibilidades de ingresar a los SERP son muy escasas.

Como ejemplo, aquí estoy buscando un producto relativamente desconocido que pocas tiendas tienen. Como no hay mucha competencia, estas tiendas no se preocupan por las imágenes únicas, y Google no tiene más remedio que mostrar las mismas fotos una y otra vez:

Optimizacion de imagenes SEO una guia para expertos en SEO

Buscar imágenes por producto raro

Pero mire lo que sucede cuando busco un producto popular que está disponible en miles de tiendas:

1659301785 399 Optimizacion de imagenes SEO una guia para expertos en SEO

Buscar imágenes de un producto popular

Tan pronto como Google tiene una opción, no hay una sola imagen repetida en la búsqueda: profundiza para mostrar el producto desde tantos ángulos como sea posible. Si usted es un proveedor de estas imágenes únicas, sus posibilidades de aparecer en SERP mejoran considerablemente.

2. Elija los formatos de imagen correctos

Si eres como yo, es posible que te hayas perdido por completo el momento en que JPEG y PNG dejaron de ser los formatos de imagen predeterminados. Hoy los formatos preferidos son AVIF, JPEG 2000, JPEG XR y WebP. Estos formatos manejan mejor la compresión y, por lo tanto, pueden hacerse más livianos, lo que lleva a mejores tiempos de carga y una mejora general en la experiencia del usuario. Mejor experiencia de usuario: mejores posiciones de búsqueda.

De los cuatro formatos de imagen enumerados anteriormente, centrémonos primero en WebP. Se considera el formato de imagen más universal para la web. Admite compresión con pérdida y sin pérdida, permite la transparencia y se puede animar. Básicamente, son PNG, JPEG y GIF en uno. Además, los archivos WebP tienden a ser entre un 25 % y un 35 % más ligeros que los PNG y los JPEG de calidad similar.

La única preocupación es que WebP no ha sido compatible con algunos navegadores en el pasado. Aunque hoy, desde que se incorporó Safari, el formato es compatible en más del 90% de las sesiones. Sin embargo, si desea ser más cuidadoso, puede configurar sus páginas para que sirvan WebP cuando el navegador lo admita y un formato diferente cuando no lo admita.

3. Comprime las imágenes

Aunque los formatos de nueva generación ya son livianos, puede ahorrar aún más ejecutando sus imágenes a través de un software de compresión.

Aquí es donde tienes diferentes opciones, dependiendo de la plataforma de tu sitio web. Algunas plataformas de comercio electrónico comprimen imágenes de forma predeterminada, mientras que otras vienen con una variedad de complementos que comprimen sus imágenes a medida que las carga o incluso comprimen imágenes que ya se utilizan en su sitio web.

Si no quiere depender de complementos, presumiblemente porque los complementos reducen la velocidad de la página, puede comprimir sus imágenes externamente. Hay muchas herramientas gratuitas en línea que harán la compresión por usted. A continuación, puede descargar imágenes comprimidas y subirlas a su sitio web.

Finalmente, puedes pedirle a tu diseñador que comprima las imágenes usando editores gráficos o, si es una operación individual, puedes intentar hacerlo tú mismo.

Este es el tipo de ahorro que hice usando un compresor de imágenes en línea:

1659301785 673 Optimizacion de imagenes SEO una guia para expertos en SEO

Resultados de compresión de imágenes de TinyPNG

Fue una selección aleatoria de imágenes de mi carpeta de descargas, por lo que creo que es una representación justa de lo que puede esperar de estas herramientas. Como puede ver, los ahorros van desde el 30% hasta más del 70%.

4. Aclara el tamaño de la imagen

Aquí hay otra cosa que podría afectar negativamente su clasificación. Cuando omite el tamaño de la imagen, el navegador tardará un tiempo en averiguar el tamaño correcto para sus imágenes en la pantalla. Desde la perspectiva del usuario, parecerá que los elementos de la página están bailando y la página no se puede utilizar hasta que se estabilicen. Esto se denomina cambio de diseño y Google lo mide como parte de la calificación de la experiencia del usuario.

Para evitar este problema, siempre establezca las propiedades de ancho y alto para sus imágenes, así:

<img src="pillow.jpg" width="640" height="360" alt="purple pillow with flower pattern" />

Con esta información, cualquier navegador calculará el tamaño de la imagen y reservará suficiente espacio en la página. Entonces, incluso si su imagen no se carga de inmediato, los otros elementos de la página no pelearán por el espacio, lo que probablemente resolverá la mayoría de sus problemas de cambio de diseño.

5. Cargar imágenes perezosas fuera de pantalla

Otro truco relacionado con la imagen que puede mejorar la experiencia del usuario es el aplazamiento de la imagen fuera de la pantalla. Básicamente, significa que no carga imágenes hasta que se necesitan. Las imágenes en la parte superior se cargan inmediatamente, mientras que las imágenes en la parte inferior de la página se cargan solo desplazándose hacia.

1659301786 872 Optimizacion de imagenes SEO una guia para expertos en SEO

Imágenes de carga lenta

Este enfoque libera más recursos para cargar la parte superior de la página, la que el usuario ve primero. Y da una impresión medible de visitar una página más rápido.

Mira esto guía sobre carga lenta de imágenes para más información.

6. Agrega texto alternativo a la imagen

El texto alternativo es un atributo de imagen que contiene la descripción de la imagen. Su propósito original era mostrarse cuando la imagen no se puede cargar o leerse en voz alta a los visitantes con discapacidad visual.

Sin embargo, en términos de SEO, el propósito del texto alternativo es describir la imagen para el motor de búsqueda. Por supuesto, fue más importante en el pasado, cuando los motores de búsqueda no tenían la capacidad de interpretar imágenes usando inteligencia artificial. Pero la tecnología aún está lejos de ser perfecta, y los motores de búsqueda se sienten más seguros al mostrar sus imágenes en la búsqueda cuando proporciona un texto alternativo descriptivo.

Un buen texto alternativo es aquel que describe la imagen con precisión, con suficiente detalle, pero sin relleno de palabras clave. Tomemos una imagen a continuación como ejemplo:

Optimizacion de imagenes SEO una guia para expertos en SEO

No sucede mucho en la imagen, pero hay muchas oportunidades para que el texto alternativo salga mal.

Puede ser demasiado genérico:

<img src="sample.jpg" alt="coffee">

O puede estar demasiado optimizado:

<img src="sample.jpg" alt="coffee latte art cappuccino latte flat white">

O puede ser correcto:

<img src="sample.jpg" alt="barista shows how to make latte art">

Solo por diversión, comparemos nuestro texto alternativo con lo que Google vería sin texto alternativo. Agregué la imagen a API de Google Cloud Vision Y este es el resultado:

1659301787 541 Optimizacion de imagenes SEO una guia para expertos en SEO

Interpretación de imágenes de Google AI

Aunque los objetos están correctamente identificados, las definiciones son bastante genéricas y la interpretación de la imagen no es tan específica como el texto alternativo que puedo proporcionar yo mismo.

7. Agregar marcado de esquema

El marcado de esquema es una colección de etiquetas HTML que se utilizan para decirle a Google qué hay en su página. Por ejemplo, si es una empresa local, puede usar etiquetas para decirle a Google qué parte del contenido de su página es una dirección, cuál es un número de teléfono, etc. Esto hace que Google se sienta más seguro al ver su información en la búsqueda.

En realidad, hay cientos de etiquetas diferentes que se utilizan para docenas de propósitos diferentes, y puede obtener más información en nuestra guía de datos estructurados.

En cuanto a las imágenes, hay dos tipos de páginas en las que tiene sentido aplicar datos estructurados: páginas de productos y páginas de recetas. Tanto el producto como las plantillas de recetas tienen etiquetas de imagen dedicadas. Y, si los usa correctamente, Google podrá usar sus imágenes para crear fragmentos enriquecidos en SERP:

1659301787 142 Optimizacion de imagenes SEO una guia para expertos en SEO

Ejemplo de fragmento de producto con imagen

Puede etiquetar imágenes en sus páginas manualmente, usar un complemento dedicado para etiquetar imágenes automáticamente o puede usar Google Asistente de marcado de datos estructurados.

Solo para darle un ejemplo de lo que se trata todo esto, lo guiaré a través del proceso de marcado en el Asistente de marcado de Google. Todo lo que tiene que hacer es elegir el tipo de página en la que está trabajando y proporcionar un enlace:

1659301787 781 Optimizacion de imagenes SEO una guia para expertos en SEO

Elija el tipo de esquema en Markup Helper

La herramienta renderizará la página. Ahora puede señalar varios elementos en la página y elegir cuáles son esos elementos en el menú desplegable:

1659301788 319 Optimizacion de imagenes SEO una guia para expertos en SEO

Etiquetar elementos de página en el Asistente para el marcado

Una vez que haya terminado de etiquetar los elementos de la página, puede descargar el código de marcado y agregarlo a la sección de tu pagina

8. Protege tus imágenes del robo

El robo de imágenes es algo muy común en línea y lo pone en riesgo de perder la singularidad de sus imágenes. Lo que es peor, si el sitio web que usa sus imágenes está mejor optimizado para SEO, en realidad puede clasificarse por encima de usted. Con la ayuda de su contenido!

Para evitar esto, solicite a sus desarrolladores que agreguen atributos de imagen específicos que indiquen quién es el propietario de la imagen.

Los tres atributos más importantes son:

Autor (artista; creador) – donde pones el autor de la imagen;
aviso de copyright – dónde coloca el enlace a su licencia de derechos de autor y su descripción;
fuente (crédito) – donde agrega el enlace a su sitio web o sitio web del que tomó la imagen.

Si sus competidores simplemente copian el código que usó para la integración de imágenes, Google aún lo considera el propietario real y le da preferencia debido a estas etiquetas. E incluso si eliminan las etiquetas, Google aún le dará preferencia, ya que considera que las imágenes etiquetadas son más confiables.

9. Revisa la imagen con WebSite Auditor

Con todo lo que hemos cubierto hasta ahora, ¿dónde comienza el proceso de optimización de imágenes? ¿Y cómo lo organiza para que funcione de manera eficiente? Una forma sería revisar su sitio web con WebSite Auditor y organizar todos sus problemas relacionados con la imagen en un solo tablero.

Primero, inicie WebSite Auditor, cree un proyecto para su sitio web y espere a que la herramienta rastree todas sus páginas. Una vez hecho esto, recibirá un informe completo sobre las docenas de fallas en su sitio web. Habrá un bloque separado dedicado a las imágenes, donde puede verificar si tiene imágenes rotas y si falta alguno de sus textos alternativos. Haga clic en cualquiera de los problemas y obtendrá una lista completa de recursos problemáticos a la derecha:

1659301788 890 Optimizacion de imagenes SEO una guia para expertos en SEO

Informe de inspección del sitio web

Para ver más problemas de imagen, desplácese hacia abajo en el informe hasta que llegue a Velocidad de página sección. Allí podrás ver si hay alguna oportunidad de mejorar el rendimiento de la página a través de imágenes. Específicamente, si tiene sentido cambiar el tamaño, reenviar, volver a codificar, reformatear o precargar cualquiera de sus imágenes:

1659301789 470 Optimizacion de imagenes SEO una guia para expertos en SEO

Sección de velocidad de página

Dado que la cantidad de trabajo puede ser abrumadora y trabajar en sus imágenes es una tarea tediosa, puede priorizar el trabajo según la importancia de sus páginas o las mejoras que le darán el máximo rendimiento. Para hacer esto, sube Estructura del sitio> Páginasdonde podrás visualizar todos tus problemas técnicos divididos por página:

1659301789 800 Optimizacion de imagenes SEO una guia para expertos en SEO

Tablero de página

En realidad, puede editar este espacio de trabajo o crear uno nuevo y elegir ver solo los problemas de imagen:

1659301789 592 Optimizacion de imagenes SEO una guia para expertos en SEO

Configuración del tablero

Una vez que su espacio de trabajo esté listo, puede ordenar la tabla de las páginas con mayor tráfico a las páginas con menor tráfico y comenzar a optimizar las imágenes en aquellas páginas que más importan. También puede ordenar la tabla por mejora de rendimiento estimada y comenzar con aquellas páginas en las que la optimización de imágenes tendría el mayor impacto.

Pensamientos finales

Si has leído todo en este artículo hasta este punto, ¡felicidades! Ahora sabe casi todo lo que necesita saber para comenzar a obtener importantes aumentos en la clasificación de sus imágenes.

Si ha elegido ciertos capítulos y solo los lee, también está bien, me alegro de que haya encontrado al menos algo útil.

Hay una razón por la que se pasa por alto la optimización de imágenes: es difícil, requiere mucho tiempo y es difícil. Pero si toma en serio todos los consejos aquí y hace un esfuerzo adicional para implementarlo, los dividendos de la tabla de clasificación pronto llegarán.

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Ir arriba