Cuando publicamos un artículo en nuestro blog, no solo el texto es importante, sino también los elementos visuales que acompañan y enriquecen la experiencia del lector.

Las imágenes y vídeos juegan un papel fundamental en la estructura de un artículo, mejorando la legibilidad, aportando valor y haciendo el contenido más atractivo.

Sin embargo, elegir el tamaño de imágenes y formato correctos para cada tipo de medio es esencial para garantizar un rendimiento óptimo, tanto en términos de SEO como de experiencia de usuario.

Tamaño de imágenes destacadas

Las imágenes destacadas son el primer elemento visual que nuestros clientes ven cuando acceden a una publicación de blog.

Este tipo de imágenes suelen colocarse en la parte superior del artículo, actuando como un gancho visual que invita al lector a continuar.

  • Tamaño recomendado: Entre 1200 px y 1920 px de ancho, con una altura variable que oscile entre 400 px y 800 px, dependiendo del diseño de tu blog.
  • Peso del archivo: Idealmente, menos de 200 KB para que no afecte la velocidad de carga de la página.
  • Formato: JPEG suele ser la mejor opción para imágenes con muchos detalles o colores complejos, ya que ofrece una excelente calidad a menor tamaño de archivo. Si la imagen tiene áreas transparentes o formas geométricas simples, puedes optar por PNG.
Tamaño de imágenes

Tamaño de imágenes dentro del contenido

Las imágenes dentro del cuerpo del artículo deben estar alineadas con el texto y cumplir funciones específicas, como ilustrar una idea, mostrar datos o gráficos, o romper bloques de texto largos para facilitar la lectura.

  • Tamaño recomendado: Un ancho de 600 a 800 px suele ser suficiente para la mayoría de los blogs. Si tu plantilla es responsive (lo que debería ser), este tamaño se ajustará adecuadamente en dispositivos móviles y pantallas de escritorio.
  • Peso del archivo: Mantén el peso por debajo de 100 KB para evitar ralentizar la carga del blog, especialmente si tienes muchas imágenes en una misma publicación.
  • Formato: JPEG es perfecto para fotos, mientras que PNG es mejor para gráficos, logotipos o imágenes con texto que necesitan una mayor nitidez.

Consejo: Cuando añadas imágenes descriptivas, no olvides optimizar los atributos alt y title de la imagen. Esto no solo mejora la accesibilidad para usuarios con discapacidades visuales, sino que también influye positivamente en el SEO de la página.

Tamaño de imágenes

Vídeos embebidos

Los vídeos son una excelente manera de aumentar el tiempo de permanencia en la página, lo que puede mejorar tu ranking en los motores de búsqueda.

Sin embargo, cargar vídeos directamente en tu blog no es lo más recomendable debido al gran tamaño de los archivos y al impacto negativo en el tiempo de carga.

  • Solución recomendada: Incrusta vídeos desde plataformas externas como YouTube o Vimeo. Estas plataformas no solo optimizan el streaming de los vídeos, sino que también ofrecen opciones de personalización para que se adapten al diseño de tu blog.
  • Tamaño de incrustación: Generalmente, un tamaño de 720 px de ancho (con altura ajustable según la relación de aspecto) es suficiente para la mayoría de los blogs. Si tu plantilla es responsive, el vídeo se adaptará automáticamente a diferentes tamaños de pantalla.
  • Formato de vídeo: Aunque no subirás el archivo directamente, asegúrate de que el vídeo esté en un formato compatible (como MP4) y comprimido para la web.

Consejo: Añadir una transcripción del vídeo debajo de la incrustación puede mejorar la accesibilidad y el SEO del artículo.

Optimización para dispositivos móviles

Es esencial, de vital importancia, que todas las imágenes y vídeos que utilices en tu blog estén optimizados para ser visualizados en dispositivos móviles.

Un blog no responsive o con imágenes que no se ajustan bien a pantallas pequeñas puede frustrar a los usuarios, aumentando la tasa de rebote y afectando negativamente tu posicionamiento SEO.

El uso correcto de imágenes y vídeos en un blog no solo mejora la experiencia del usuario, sino que también influye positivamente en el SEO.