Cómo optimizar videos para tu sitio web de WordPress (Consejos de expertos)

Agregar un nuevo y atractivo video a tu sitio web puede sentirse como una gran victoria. Pero la emoción puede convertirse rápidamente en frustración cuando te das cuenta de que la página de tu sitio carga más lentamente.

Sabemos cómo se siente. Un sitio web lento puede hacer que los visitantes se vayan y afectar tu interacción, todo por un archivo de video grande.

Después de optimizar innumerables videos en nuestros propios sitios, hemos aprendido los pasos exactos para obtener todos los beneficios que impulsan la audiencia sin los dolores de cabeza de rendimiento. En esta guía, te mostraremos nuestros consejos de expertos preferidos, paso a paso.

¿Por qué optimizar videos para sitios web?

La razón principal por la que deberías optimizar videos para tu sitio web es porque pueden ser increíblemente pesados para cargar.

Los archivos de video contienen imágenes y audio de alta calidad que los hacen grandes en tamaño de archivo. De hecho, un solo video de 1080p que dura 30 segundos puede agregar aproximadamente 30-50 MB a un sitio web.

Para que te des una idea, en WPBeginner, siempre buscamos comprimir nuestras imágenes a menos de 30 KB, lo cual es mucho menos que el tamaño promedio de un video de 30 segundos. Si un archivo es más grande que eso, puede afectar negativamente el tiempo de carga de la página.

Un sitio web de carga lenta puede crear una reacción en cadena. Primero, puede frustrar a los usuarios que quieren acceder a tu sitio web, lo que luego puede hacer que se vayan a la competencia.

Si tienes una tienda de comercio electrónico, entonces un rendimiento lento también puede llevar a una mayor tasa de rebote y menores conversiones.

Pero no te preocupes. Si tienes contenido de video en tu sitio web, entonces todo lo que necesitas hacer es seguir nuestros consejos para optimizarlo y evitar que ese efecto dominó ocurra.

Además de optimizar videos para el rendimiento de tu sitio web, también es bueno optimizar videos para SEO. Con el auge de plataformas de contenido de video como YouTube y TikTok, los videos se han convertido en una herramienta poderosa para atraer tráfico a tu sitio web.

Cuando se optimizan correctamente, los resultados de búsqueda de videos pueden ser más notables, aumentar tu visibilidad en línea y mejorar tus rankings en los motores de búsqueda.

Dicho esto, veamos cómo optimizar videos para sitios web. Puedes usar los enlaces rápidos a continuación para saltar a diferentes consejos en nuestra publicación:

• Consejo 1: Usa un servicio de alojamiento de video
• Consejo 2: Comprime tu video antes de subirlo
• Consejo 3: Configura tu mapa de sitio de video y marcado de esquema
• Consejo 4: Habilita la carga diferida (lazy loading) para videos
• Consejo 5: Usa una CDN de video (Red de Entrega de Contenido)
• Cómo optimizar videos de fondo en WordPress
• Preguntas frecuentes sobre cómo optimizar videos para tu sitio web de WordPress

Consejo 1: Usa un servicio de alojamiento de video

Primero, debes elegir una plataforma de alojamiento de video confiable. Nuestros años de experiencia con WordPress nos han demostrado que es mejor usar un proveedor de alojamiento de video de terceros que alojar tus propios videos.

Puedes leer nuestro artículo sobre por qué nunca deberías subir un video a WordPress para más detalles. Pero, esencialmente, subir videos a tu biblioteca de medios puede consumir mucho ancho de banda y recursos de tu alojamiento web.

Es más, los formatos de video HTML5 pueden ser un poco complicados. Diferentes navegadores soportan diferentes formatos, como MP4, WebM y Ogg. Esto significa que necesitarías múltiples archivos de video para asegurar la reproducción en todos los navegadores.

Incluso si usas un potente host en la nube o un host web dedicado, es mucho más fácil usar videos incrustados que alojar tu propio contenido de video. Si alojas tus propios videos, entonces necesitarás procesarlos para que sean compatibles con diferentes dispositivos.

Mientras tanto, plataformas como YouTube y Vimeo se encargan de esto por ti. No hay necesidad de preocuparse por usar un cierto formato de archivo o resolución siempre y cuando sean compatibles con la plataforma.

Luego, puedes simplemente incrustar el video en tu sitio web de WordPress usando un bloque de Video y la URL de tu contenido.

Si necesitas instrucciones paso a paso, puedes leer estas guías de incrustación de video:

• Cómo incrustar videos fácilmente en las publicaciones de blog de WordPress
• Cómo incrustar una transmisión en vivo de YouTube en WordPress
• Cómo incrustar un video de Facebook en WordPress
• Cómo incrustar una lista de reproducción de YouTube en WordPress (El mejor método)
• Cómo mostrar los videos más recientes de un canal de YouTube en WordPress

Además, puedes consultar nuestra guía sobre los mejores sitios de alojamiento de video si necesitas recomendaciones.

Si estás mostrando videos de productos para tu sitio web de WooCommerce, entonces también puedes leer nuestra guía paso a paso sobre cómo agregar videos de productos de WooCommerce a las galerías.

Consejo 2: Comprime tu video antes de subirlo

Las imágenes deben comprimirse antes de subirlas a WordPress, y los videos también. La compresión es una forma rápida y fácil de reducir el tamaño de los archivos para que no ralenticen la velocidad de tu página.

Dicho esto, no todas las herramientas de optimización de video son iguales. Si bien pueden reducir el tamaño del archivo, también pueden comprometer la calidad de tu video.

Al buscar software para comprimir tus videos, asegúrate de que admita el formato de archivo que planeas usar.

Si estás subiendo videos a YouTube o Vimeo, entonces lo más probable es que estés usando un formato popular como MP4, WebM o MOV. Estos formatos son ampliamente compatibles con las plataformas de compresión de video.

Además, considera usar una herramienta que ofrezca niveles de compresión ajustables. Típicamente, podrás elegir entre calidad de video baja, media o alta. También puedes seleccionar una resolución deseada para reducir el tamaño.

Finalmente, no olvides considerar el precio de la plataforma. Hay muchas opciones de software gratuitas para optimizar videos para sitios web en línea, pero debes probarlas para ver si agregan una marca de agua.

Una popular herramienta de optimización de video en línea es VEED.IO.

Esta plataforma gratuita viene con configuraciones de compresión básicas y avanzadas y no agrega una marca de agua a tu contenido. Todo lo que necesitas hacer es subir tu video a la herramienta y seleccionar una calidad y resolución de video.

Si deseas usar una herramienta de escritorio, puedes consultar HandBrake.

Es una plataforma de compresión de video gratuita y de código abierto que es compatible con todos los sistemas operativos principales.

Consejo 3: Configura tu mapa de sitio de video y marcado de esquema

Reducir el tamaño y la calidad del archivo de video es solo una parte de la optimización de video. Si deseas que tus videos aparezcan en las páginas de resultados de motores de búsqueda (SERPs), entonces necesitas ayudar a Google a entender e indexar tu contenido de manera efectiva.

Una forma de hacer esto es usar el plugin All in One SEO para WordPress (AIOSEO). Es el mejor plugin SEO de WordPress que puede ayudarte a optimizar fácilmente tu contenido y monitorear el rendimiento de tu sitio web.

Aquí en WPBeginner, usamos AIOSEO para todas nuestras necesidades de SEO, incluyendo mapas de sitio de video y marcado de esquema. Para una mirada completa a sus características, puedes ver nuestra reseña detallada de All in One SEO.

Para acceder a las funciones de Video SEO de AIOSEO, como el Mapa de Sitio de Video y el Marcado de Esquema de Video, necesitarás registrarte para un plan Pro.

Luego, puedes instalar y activar el plugin AIOSEO en WordPress. Para más orientación, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

Después de instalar el plugin, puedes activar la clave de licencia. Simplemente ve a All in One SEO » Configuración General desde tu área de administrador de WordPress e inserta la clave de licencia allí.

Desde aquí, puedes seguir nuestra guía paso a paso sobre cómo configurar un mapa de sitio de video en WordPress.

Un sitemap de video es un sitemap XML especializado que proporciona información detallada sobre los videos en tu sitio web. Estos datos incluyen el título del video, la descripción, la duración, la URL de la miniatura y la página donde está incrustado el video.

Al crear un sitemap de video, permites que los motores de búsqueda rastreen e indexen tus videos de manera más efectiva.

Otro paso importante es configurar el marcado de esquema de video. Estos son datos estructurados que ayudan a los motores de búsqueda a comprender de qué tratan tus videos.

Aumenta la probabilidad de que tus videos aparezcan como vistas previas especiales (o fragmentos enriquecidos) en los resultados de búsqueda, haciéndolos más visibles para las personas que buscan en línea. Así es como se ve:

Para configurar el marcado de esquema de video en AIOSEO, simplemente ve a la publicación o página de WordPress donde está incrustado tu video y abre el editor de bloques de WordPress.

Después de eso, desplázate hacia abajo hasta la Configuración de AIOSEO y navega a la pestaña 'Schema'. Luego, haz clic en 'Generar Schema'.

Ahora, aparecerá la ventana emergente del Generador de Schema. En la pestaña Catálogo de Schema, busca la plantilla de schema 'Video'.

Haz clic en el botón '+' junto a la plantilla de Video.

Ahora, podrás completar la información de tu video. En los primeros tres campos, puedes ingresar el Nombre, la Descripción y la URL del Contenido del video.

Para el Nombre y la Descripción, siéntete libre de usar las Etiquetas Inteligentes de AIOSEO. Estas son etiquetas predefinidas que pueden agregar fácilmente información existente de tu contenido, como el título de la publicación, el título del sitio y el extracto de la publicación.

En cuanto a la URL del contenido, puedes ingresar la dirección del archivo de video. Eso significa que la URL debe terminar con el formato del archivo, como https://www.example.com/video/123/file.mp4

Google ha dicho que proporcionar la URL del contenido de tu video es la mejor manera para que obtengan tu archivo de video. Pero si subiste tu video a un sitio de alojamiento de videos como YouTube, entonces esto podría no ser posible.

Desplazándote hacia abajo, encontrarás las configuraciones de URL de incrustación, fecha de carga, ¿es apto para toda la familia? y URL de miniatura.

Usarás la URL de incrustación si subiste el video a un servicio de terceros y no tienes acceso a la URL del contenido. Aquí, necesitas ingresar la dirección del reproductor incrustable del video, por lo que debería verse como https://www.example.com/embed/123

Si subiste el video a YouTube, puedes encontrar la URL de incrustación abriendo el video de YouTube y haciendo clic en el botón 'Compartir' debajo del reproductor.

Después de eso, haz clic en 'Incrustar' en la ventana emergente.

Verás un código completo de incrustación de video en la siguiente ventana emergente. Ten en cuenta que no necesitas copiar y pegar todo.

Lo que debes hacer es seleccionar la URL que se encuentra entre las comillas dobles después del atributo src=. Esta es la URL de incrustación de tu video.

Después de eso, copia y pega esta URL de nuevo en el Generador de Esquema de Video de AIOSEO.

Para la URL de miniatura, puedes copiar y pegar la URL de tu imagen en el campo o subir una nueva imagen a la biblioteca de medios. Ten en cuenta que el tamaño mínimo es de 112 píxeles de ancho y alto.

Una vez que todas las configuraciones se vean bien, simplemente haz clic en el botón 'Agregar Esquema'.

¡Y eso es todo! Ahora deberías ver un elemento de Esquema de Video en la pestaña Esquema dentro de la Configuración de AIOSEO.

Consejo 4: Habilita la carga diferida (lazy loading) para videos

La carga diferida significa que tu sitio web retrasa la carga de ciertos elementos de contenido hasta que alguien se desplaza hasta donde está el contenido en la pantalla. Esto hace que tu sitio web cargue más rápido inicialmente porque no tiene que cargar todos los elementos de video a la vez.

Cuando la carga diferida está activada para videos, tu sitio web esperará para cargar el reproductor de video y el contenido hasta que el espectador esté a punto de verlo.

Para hacer esto, puedes usar WP Rocket. Es uno de los mejores plugins de rendimiento para WordPress del mercado, y es la misma herramienta que usamos en nuestros propios sitios para optimizar la velocidad y el caché.

El primer paso es instalar y activar el plugin WP Rocket. Puedes leer nuestra guía sobre cómo instalar un plugin de WordPress para más información.

A continuación, ve a Configuración » WP Rocket desde tu panel de WordPress y navega a la pestaña ‘Medios’. Luego, simplemente marca las casillas ‘Habilitar para iframes y videos’ y ‘Reemplazar iframe de YouTube con imagen de vista previa’.

Lo que significa la segunda casilla es que, en lugar de cargar el reproductor de video real inmediatamente cuando alguien visita tu página web, primero solo se carga una imagen estática que representa el video.

Si también quieres cargar imágenes de forma diferida (lazy load), puedes consultar nuestro artículo sobre cómo cargar imágenes de forma diferida en WordPress.

Consejo 5: Usa una CDN de video (Red de Entrega de Contenido)

CDN es la abreviatura de red de entrega de contenido, que es un servicio que puede acelerar tu sitio web.

Funciona almacenando el contenido de tu sitio web en múltiples servidores en todo el mundo. Cuando alguien visita tu sitio, la CDN entrega el contenido desde el servidor más cercano a ellos. Esto reduce la distancia que los datos deben viajar y hace que tu sitio web cargue más rápido.

Aquí en WPBeginner, usamos la CDN empresarial de Cloudflare como nuestra solución de optimización de rendimiento. Esto asegura que nuestras páginas carguen rápidamente para millones de lectores en todo el mundo.

Una CDN de video está diseñada para entregar contenido de video de manera eficiente. Optimiza la transmisión de video almacenando copias de tus videos en servidores ubicados estratégicamente en todo el mundo.

Si seguiste nuestra sugerencia de subir videos a un servicio de terceros, entonces tener una CDN de video no será necesario. Pero para las personas que eligen autoalojar sus propios videos, recomendamos usar Bunny.net.

Bunny.net es uno de los mejores servicios de CDN para WordPress con una función de CDN de entrega de video. Tus videos estarán protegidos en su almacenamiento de nivel empresarial, y los espectadores podrán ver tus videos en alta calidad sin interrupciones.

Si te interesa usar una CDN, consulta nuestra lista de los mejores servicios de CDN para WordPress.

Cómo optimizar videos de fondo en WordPress

Si necesitas optimizar videos de fondo para tu sitio web de WordPress, puedes usar los siguientes consejos.

Eliminar el audio

El audio puede agregar un peso significativo a un archivo de video. Si solo estás usando un video como fondo sin sonido, lo mejor es eliminar el audio.

Puedes eliminar fácilmente el audio de un video usando software de edición de video. Para recomendaciones, consulta nuestra lista del mejor software de edición de video.

Alternativamente, puedes usar el eliminador de audio gratuito para videos de Adobe Express. Simplemente sube tu video y la herramienta se encargará de eliminar el sonido por ti. El video se podrá descargar como un archivo MP4.

Acortar la duración

Acortar la duración del video es otra buena manera de comprimir videos para fondos o videos de reproducción automática. Esto puede disminuir el tamaño total del archivo, haciendo que cargue más rápido y mejorando el rendimiento del sitio web.

Típicamente, 30 segundos o menos de duración de video debería ser suficiente para un video de fondo.

De nuevo, puedes usar software de edición de video para reducir la duración de tu video. Como herramienta gratuita en línea, puedes usar Canva o el Recortador de video de Adobe Express.

Evita el bucle infinito

Al usar videos de fondo o de reproducción automática en tu sitio web, es esencial evitar el bucle infinito. El bucle es cuando el video se reproduce una y otra vez, y puede consumir mucho ancho de banda.

También es importante considerar el contexto en el que se muestra el video. Si el video es una breve introducción o muestra un producto específico, entonces un número limitado de bucles o una sola reproducción suele ser suficiente para comunicar el mensaje.

En WordPress, puedes controlar el comportamiento del bucle de tu video de YouTube para reducir la carga en los recursos de tu sitio web. Nuestra guía sobre cómo agregar un video de YouTube como fondo de pantalla completa en WordPress te muestra cómo.

Usa un color de fuente que contraste bien

Las personas que usan un video que se reproduce automáticamente como fondo de su página de inicio, generalmente colocan texto encima. En esta situación, es bueno usar un color de texto que contraste bien con el esquema de color del video.

De esta manera, el texto sigue siendo fácil de leer y resalta prominentemente sobre el fondo del video.

Si deseas consejos y trucos para elegir un color de texto para tu video de fondo, visita nuestra guía sobre cómo elegir el esquema de color perfecto.

Además, puedes consultar nuestro artículo sobre los mejores temas de WordPress para sitios web de video para encontrar diseños que complementen tu sitio web y contenido de video.

Preguntas frecuentes sobre cómo optimizar videos para tu sitio web de WordPress

Ahora, abordemos algunas preguntas comunes relacionadas con la optimización de videos para tu sitio web de WordPress.

1. ¿Cuál es el mejor formato de video para un sitio web de WordPress?

WordPress admite tipos de archivo de video como .mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp y .3g2.

Se recomienda usar MP4 con el códec H.264 para el mejor equilibrio entre calidad y tamaño de archivo.

2. ¿Cómo optimizo un video de YouTube en WordPress?

Si incrustas tus videos de YouTube, WordPress se encargará del proceso de incrustación y asegurará que el reproductor de video cargue eficientemente.

Sin embargo, puedes optimizar los videos aún más habilitando la carga diferida (lazy loading), comprimiendo los archivos de video y configurando el marcado de esquema de video y el sitemap con AIOSEO. El último paso asegura que los motores de búsqueda puedan entender e indexar tus videos correctamente.

También puedes consultar nuestra lista de mejores plugins de galería de videos de YouTube para WordPress para obtener más funciones que mejoren los videos de tu sitio web.

3. ¿Cómo hago que mi video de WordPress cargue más rápido?

Para que tus videos de WordPress carguen más rápido, puedes subirlos a un servicio de alojamiento de terceros como YouTube o Vimeo. No se recomienda alojar tus propios videos, ya que a menudo requiere más recursos del servidor y ralentiza tu sitio web.

También necesitarás comprimir los videos para reducir su tamaño de archivo sin comprometer la calidad.

Además, es una buena idea habilitar la carga diferida (lazy loading) para el contenido de video. Esto asegura que tu sitio web cargue rápidamente la primera vez, y los videos solo se cargan cuando el visitante se desplaza hacia abajo para verlos.

Esperamos que este tutorial te haya ayudado a aprender cómo optimizar videos para sitios web.

Para más consejos de expertos, también puedes consultar estos recursos adicionales:

• Los Mejores Plugins de WordPress para Editores de YouTube
• Guía para principiantes de SEO de imágenes – Optimiza imágenes para motores de búsqueda

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.