Contenido multimedia
El objetivo es garantizar una alta velocidad de carga (web performance), asegurar la correcta visualización en dispositivos móviles y cumplir con los estándares de accesibilidad universal.
Selección de imágenes y composición visual
La calidad del material gráfico impacta directamente en la percepción de profesionalismo y confianza del sitio. Recomendaciones para elegir imágenes para los componentes del sitio:
- Foco en el centro: Seleccionar imágenes donde el sujeto u objeto principal se encuentre en el centro del encuadre. Dado que el diseño web es responsivo, las imágenes suelen recortarse automáticamente en los bordes al visualizarse en dispositivos móviles. Un foco central asegura que el contenido relevante permanezca visible en cualquier resolución.
- Pertinencia y contexto: Utilizar recursos visuales que aporten valor informativo o instruccional. Evitar imágenes puramente decorativas que distraigan del contenido textual o que no guarden relación semántica con el tema tratado.
- Calidad técnica: Priorizar imágenes nítidas, con buena iluminación y sin distorsiones (pixelado). Evitar el uso de fotografías de stock genéricas que resten autenticidad a la identidad institucional.
Optimización técnica de imágenes
La plataforma gestiona automáticamente la conversión de formatos para asegurar el rendimiento, por lo que el flujo de trabajo editorial debe centrarse en las dimensiones y el peso inicial del archivo fuente.
- Formato de entrada y conversión: El sistema implementa una transformación automática de las imágenes al formato WebP para su visualización final en el sitio. Por lo tanto, se deben subir los archivos originales en formatos estándar (JPG para fotografías, PNG para gráficos con transparencia) sin necesidad de realizar la conversión manual de formato antes de la carga.
- Dimensiones y escala: Redimensionar la imagen a su tamaño de visualización final antes de subirla es crítico. El ancho no debe exceder el contenedor de destino (ej. 1920px para cabeceras, 1080px para contenido general).
- Subir imágenes con dimensiones excesivas (ej. 4000px) sobrecarga el procesamiento del servidor innecesariamente.
Gestión de video
El contenido de video debe gestionarse para no afectar el rendimiento del servidor ni el consumo de datos del usuario.
- Alojamiento externo: Evitar subir archivos de video pesados directamente a la biblioteca de medios de WordPress. Utilizar plataformas de streaming optimizadas (YouTube o Vimeo) e insertar el contenido copiando la URL.
- Imagen de portada: Si, de todas formas, se sube un video a la biblioteca de medios, es necesario configurar una imagen de portada (thumbnail) personalizada y optimizada. Esto evita que el navegador tenga que cargar el inicio del video solo para mostrar una vista previa.
Accesibilidad y metadatos
Cada elemento multimedia debe ser comprensible para los motores de búsqueda y las tecnologías de asistencia.
- Texto alternativo (Alt text): Describir brevemente el contenido de la imagen (ej. “Estudiantes trabajando en laboratorio de química”). Si la imagen es un enlace, describir el destino. Este campo es obligatorio para el SEO y los lectores de pantalla.
- Leyendas y subtítulos: Incluir subtítulos (captions) en los videos para garantizar el acceso a la información a personas con discapacidad auditiva o que navegan con el sonido desactivado