DEV Community

Angel Rojas
Angel Rojas

Posted on

Truco para WordPress: Añade Subtítulos a tus Videos y Mejora la Accesibilidad

Image description
En el mundo digital actual, los videos son una herramienta esencial para compartir contenido de manera dinámica y atractiva. Sin embargo, para llegar a una audiencia más amplia y garantizar que todos puedan disfrutar de tu contenido, es crucial añadir subtítulos a tus videos. En este artículo, te explicamos por qué es importante y cómo puedes hacerlo en WordPress de manera sencilla.

¿Por qué Añadir Subtítulos a tus Videos?
Accesibilidad: Los subtítulos permiten que personas con discapacidades auditivas puedan entender el contenido de tus videos.

SEO: Los motores de búsqueda no pueden "escuchar" los videos, pero sí pueden indexar los subtítulos, lo que mejora el posicionamiento de tu contenido.

Comprensión Global: Facilita la comprensión para usuarios que no dominan el idioma del audio o que prefieren consumir contenido en silencio.

Pasos para Añadir Subtítulos en WordPress
Paso 1: Crear el Archivo de Subtítulos
El formato más común para subtítulos es el archivo .vtt (WebVTT). Este archivo de texto incluye marcas de tiempo para indicar cuándo deben aparecer los subtítulos. Aquí tienes un ejemplo básico:

Copy
00:00:00.000 –> 00:00:05.000

¡Bienvenido a nuestro tutorial de WordPress!

00:00:05.000 –> 00:00:10.000

Hoy aprenderás cómo añadir subtítulos a tus videos.

Paso 2: Subir el Video y los Subtítulos
Sube tanto el video como el archivo .vtt a la biblioteca de medios de WordPress:

Ve a Medios > Añadir nuevo.

Sube el archivo de video y el archivo de subtítulos.

Paso 3: Insertar el Video en tu Entrada o Página
Utiliza el editor de bloques de WordPress para agregar el video:

Añade un Bloque Video en tu entrada o página.

Selecciona el video que subiste desde la biblioteca de medios.

Paso 4: Añadir los Subtítulos al Video
Para incluir los subtítulos, necesitas editar el código HTML del video:

Haz clic en los tres puntos del bloque de video y selecciona Editar como HTML.

Añade la etiqueta dentro de la etiqueta

html
Copy

Run HTML

Paso 5: Publicar y Verificar
Una vez añadidos los subtítulos, publica tu entrada o página y comprueba que los subtítulos funcionen correctamente. Deberías ver un icono en el reproductor de video que permita activar o desactivar los subtítulos.

Conclusión
Añadir subtítulos a tus videos en WordPress no solo mejora la accesibilidad, sino que también amplía el alcance de tu contenido y beneficia tu SEO. Aunque el proceso puede parecer técnico al principio, siguiendo estos pasos podrás implementarlo sin complicaciones.

Si quieres más detalles y consejos sobre cómo optimizar tu sitio web, no dudes en visitar SushiHost.

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay