Saltar al contenido

Cómo optimizar imágenes para la web

Actualizado el 19 de septiembre de 2022

Las imágenes no solo hacen que su contenido sea más accesible, atractivo e interesante para los usuarios, sino que también son importantes para el SEO.

Comprender los conceptos básicos de la optimización de imágenes le brinda a su contenido la mejor oportunidad para tener éxito con SEO.

¿Qué es la optimización de imágenes?

La optimización de imágenes implica crear y entregar imágenes de alta calidad en el formato, tamaño y resolución ideales para aumentar la participación del usuario. También implica etiquetar con precisión las imágenes con metadatos para que los rastreadores de los motores de búsqueda puedan leerlas y comprender el contexto de la página.

De acuerdo a Archivo HTTP, en 2018, las imágenes representaron el 21 % del peso total promedio de una página web, y es probable que esa proporción haya aumentado a medida que ha aumentado el uso de imágenes en los últimos años: consumen más bytes que cualquier otra parte del sitio web. Por lo tanto, el tamaño y la complejidad de la imagen tienen un gran impacto en el rendimiento del sitio.

Cuando puede reducir el tamaño de las imágenes sin comprometer la calidad, los tiempos de carga de la página y la experiencia general del usuario mejoran. Eso puede tener un impacto positivo en las clasificaciones de los motores de búsqueda, lo que mejora aún más la participación del cliente, las conversiones y la retención de clientes.

PROPINA: Las imágenes optimizadas ocupan menos espacio de almacenamiento en su servidor, por lo que las copias de seguridad del sitio se completan más rápidamente.

Ahora, detallaré 10 formas de optimizar sus imágenes.

1. Cambia el tamaño de tus imágenes

El tamaño de la imagen y el tamaño del archivo no son lo mismo. El tamaño de la imagen se refiere a las dimensiones de una imagen (p. ej., 1024 píxeles por 680 píxeles). El tamaño del archivo es el espacio de almacenamiento (por ejemplo, 350 kilobytes).

Las imágenes con mayor resolución y mayores dimensiones ralentizan considerablemente los tiempos de carga de su página. Si bien funcionan bien para materiales impresos, deben reducirse y dimensionarse para la web.

PROPINA: Mira esto guía para identificar los mejores tamaños de imagen para las plataformas de redes sociales.

Guardar el formato apropiado

PNG, JPEG y GIF tienen sus ventajas. Recomiendo JPEG para imágenes con mucho color y PNG para imágenes simples.

Fuente de imagen

Elija la tasa de compresión correcta

La calidad de la compresión de una imagen afecta tanto al tamaño como a la calidad del archivo: cuanto más pequeño es el archivo, peor es la calidad de la imagen.

Leer tambien  Cómo garantizar experiencias visuales óptimas en todos los dispositivos

Experimente con tipos de archivos y tasas de compresión para ver qué funciona mejor para cada imagen. Muchas herramientas de edición de imágenes, como Adobe Photoshoptiene una opción de guardar para la web que minimiza automáticamente el tamaño del archivo mientras optimiza la calidad de la imagen.

Si no usa Photoshop, estas herramientas y complementos pueden ayudar:

Herramientas de optimización de imágenes

Complementos de WordPress para la optimización de imágenes

Prueba de velocidad

Después de optimizar sus imágenes, ¿cómo sabe si los tiempos de carga de la página de su sitio web son lo suficientemente rápidos? Use una de estas herramientas para probar la velocidad de su sitio:

PROPINA: Si el contenido de su sitio web cambia con frecuencia, verifique periódicamente los tiempos de carga.

CONTENIDO RELACIONADO SELECCIONADO A MANO: Cómo garantizar experiencias visuales óptimas en todos los dispositivos

2. Optimizar los nombres de los archivos de imagen

Asigne un nombre al archivo con palabras clave descriptivas y relevantes para obtener el máximo poder de SEO. Incluya palabras clave objetivo al principio y sepárelas con guiones. No utilice guiones bajos porque los motores de búsqueda no los reconocen y no podrán «ver» las palabras individualmente.

Asigne nombres a los archivos de imágenes con palabras clave descriptivas y relevantes para obtener el mayor poder de #SEO, dice @IsaacJustesen a través de @Marketor.es. Haz clic para twittear

Los nombres de archivo deben tener sentido tanto para los motores de búsqueda como para los humanos. Por ejemplo, si el nombre original de una imagen de una mujer en un salón de belleza es salon234.jpg, cámbiele el nombre con un título claro y más descriptivo, como mujer-cortándose-el-pelo-en-un-salon.jpg.

3. Usa etiquetas alternativas

Los espectadores pueden entender la imagen, pero las arañas de los motores de búsqueda necesitan pistas. Sin que Texto alternativolos motores de búsqueda no pueden indexar el contenido de su imagen con precisión.

Una buena etiqueta alternativa proporciona contexto y también ayuda a los usuarios con discapacidades visuales. También es útil cuando una falla impide que se cargue una imagen porque los motores de búsqueda pueden leer el texto alternativo para informar la clasificación de la página. Escriba una etiqueta alt con más detalles que el nombre del archivo. Trate de 10 a 15 para transmitir algo sobre la imagen.

PROPINA: Los términos relevantes para la marca pueden estar en etiquetas alternativas para aumentar la visibilidad, pero evite el relleno de palabras clave.

CONTENIDO RELACIONADO SELECCIONADO A MANO:

4. Haz que las imágenes sean compatibles con dispositivos móviles

El algoritmo de Google utiliza la indexación móvil primero, por lo que los rastreadores buscan principalmente la versión móvil de un sitio. Por lo tanto, sus imágenes también deben ser compatibles con dispositivos móviles. ¿Cómo? La respuesta corta es asegurarse de que sus imágenes y el diseño del sitio web respondan al dispositivo de visualización.

Leer tambien  8 ejemplos de páginas de pilares para inspirarte

Algunas plantillas y creadores de sitios web cambian automáticamente el tamaño de las imágenes, pero puede especificar el tamaño de la imagen en función del ancho de un dispositivo. Para hacer esto, agregue un poco de código CSS personalizado a su sitio web. Verificar esta sencilla guía para obtener más información sobre cómo hacer que sus imágenes sean receptivas.

5. Optimiza el título de la imagen

WordPress generalmente toma el título de la imagen de su nombre de archivo. Sin embargo, si no usa WordPress o el título no explica la imagen, actualícelo con las palabras clave apropiadas de la misma manera que los nombres de archivo.

Los títulos de las imágenes son menos importantes para el SEO, pero pueden proporcionar un contexto adicional al texto alternativo. Los títulos de las imágenes son más útiles en términos de participación del usuario, así que considere agregar un breve llamado a la acción como «comprar ahora» o «descargar hoy».

6. Incluye subtítulos

Los subtítulos de las imágenes, las palabras directamente debajo de las imágenes, pueden no afectar directamente al SEO. Pero, a diferencia de los nombres de archivo y el texto alternativo, los subtítulos son visibles y pueden mejorar la experiencia del sitio web. Agregar subtítulos puede tener un efecto indirecto en el SEO, mejorando la experiencia del usuario y las métricas de participación.

Use subtítulos para las imágenes para crear una mejor experiencia de usuario (y una tasa de rebote más baja), dice @IsaacJustesen a través de @Marketor.es. Haz clic para twittear

7. Usa imágenes únicas

Usar fotos de archivo está bien, pero no necesariamente ayudarán a su clasificación de búsqueda porque es probable que otros sitios web usen las mismas imágenes. De la misma manera, el contenido escrito único es mejor para el SEO, es una buena idea subir imágenes únicas.

CONTENIDO RELACIONADO SELECCIONADO A MANO:

8. Asegúrate de que el texto complemente las imágenes

La copia de la página puede ayudar a los motores de búsqueda a determinar la relevancia de sus imágenes si su texto no incluye suficiente información para explicar una imagen, expanda la descripción.

9. Agregue datos estructurados de imágenes

Incluir datos estructurados en sus páginas ayuda a los motores de búsqueda a mostrar sus imágenes como resultados enriquecidos. Imágenes de Google admite datos estructurados para imágenes de productos, videos y recetas. Por ejemplo, agrega una insignia a una imagen si la acompaña un texto, como una receta.

Leer tambien  Introducción al SEO de imágenes -

Agregar datos estructurados a sus páginas ayuda a los motores de búsqueda a mostrar sus imágenes como resultados enriquecidos, dice @IsaacJustesen a través de @Marketor.es. #SEO Haz clic para twittear

Usar Pautas generales de datos estructurados de Google para aprender a agregar datos estructurados a sus páginas dentro de los parámetros del motor de búsqueda.

10. Usa mapas del sitio

Google explica un mapa del sitio como «un archivo donde puede enumerar las páginas web de su sitio para informar a Google y a otros motores de búsqueda sobre la organización del contenido de su sitio». En otras palabras, es un archivo que contiene un mapa del contenido de su sitio.

Los mapas del sitio son una parte importante del SEO porque informan a los motores de búsqueda sobre sus páginas y la estructura del sitio web. Para asegurarse de que los rastreadores de los motores de búsqueda noten cada imagen (una infografía, un meme, una foto, una miniatura de video, etc.), inclúyalos en el mapa de su sitio.

Para cada entrada de imagen, incluya el título, la descripción, la ubicación de la URL, la leyenda y la información de la licencia. Para las entradas de video, incluya el título, la descripción, la ubicación de la URL, la URL de la miniatura y la URL del archivo de video sin formato.

Si su sitio web está alojado en WordPress, puede utilizar Yoast SEOque agrega automáticamente contenido visual a un mapa del sitio.

CONTENIDO RELACIONADO SELECCIONADO A MANO: Cómo hacer una auditoría de SEO útil en unas pocas horas

Aprovecha al máximo tus imágenes

Si tiene dificultades para que su contenido se destaque, tenga en cuenta estas estrategias antes de cargar cualquier imagen. Estas técnicas de optimización de imágenes mejorarán la simpatía de su contenido tanto para los motores de búsqueda como para los usuarios humanos.

CONTENIDO RELACIONADO SELECCIONADO A MANO: Generadores de texto a imagen con IA: ¿Asesinos de trabajo o asistentes robóticos amigables?

Tenga en cuenta: todas las herramientas mencionadas están identificadas por el autor. Si tiene una herramienta para sugerir, agréguela en los comentarios.

¿Quieres más consejos, ideas y ejemplos de marketing de contenidos? Suscribir a correos electrónicos laborales o semanales de CMI.

Imagen de portada de Joseph Kalinowski/Content Marketing Institute

Deja una respuesta

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