Mapa web y metadatos

Cómo pasar el prototipo a Divi 5

1. Theme Builder global: cabecera (Menú + botón Acceso al campus naranja a la derecha; en móvil, dentro del menú y en la barra inferior fija) y pie (4 columnas + línea legal). El logotipo va en SVG (versión horizontal; blanca sobre azul marino).
2. Preajustes globales (Divi 5 → Design Variables): colores --navy #00136D (azul exacto del logotipo; el manual indica #0F1A68), --ink #000534, --blue #0043AC, --peri #879FD7, --lav #C294D1, --orange #FE914D, --lime #EBF27F, fondo #F5F6FB. Tipografías de Google Fonts: Big Shoulders Display 800 (títulos, mayúsculas; sustituta web de BC Ludva, la fuente del logotipo, que no es de Google Fonts) y Figtree 400/600/700 (texto). Botones redondeados (999px).
3. Plantillas de página (Theme Builder): una por tipo: Grado, Curso y Asignatura (hero azul con migas + chips, barra de cursos sticky, columna 2/3 + 1/3 con ficha, índice y otras asignaturas) y bloques globales para Grupos y precio, Banner campus y CTA final.
4. Correspondencia de bloques → módulos Divi: hero → Sección fondo --navy + Texto + Botones · tarjetas de grado/asignatura → Blurb (o Divi 5 Group con enlace) · características → Blurb en fila 3/6 col. · precios → 3 columnas con Texto (número grande) · equipo → Blurb con inicial · acordeones → Toggle/Accordion · formulario → Contact Form (campos: Nombre, Correo electrónico, Universidad, Grado, Asignatura o motivo; envío con WP Mail SMTP Pro a administracion@lacuartarevolucion.es) · flujo psicología → Texto con código → o Blurbs en fila.
5. SEO (Rank Math): copiar título y descripción de la tabla de abajo en cada página; marcar las páginas de becarios y legales como noindex; activar migas de pan; añadir el esquema Course en asignaturas y FAQ en las secciones que ya son preguntas (¿En qué consiste…?, ¿Qué contenidos…?, ¿Cómo preparamos…?). El JSON-LD de cada página del prototipo sirve de referencia.
6. Integraciones: reseñas de Google con el plugin Trustindex (widget en la home, debajo de «Cómo trabajamos»); feed de Instagram con Smash Balloon; podcast «Academia Abierta»: últimos episodios desde el RSS de iVoox (feeds.ivoox.com/feed_fg_f12303012_filtro_1.xml, p. ej. con el plugin Feedzy o un módulo de Código) + botones Spotify/iVoox; botones flotantes de WhatsApp (wa.me/34609715408) y Telegram (t.me/+34609715408); campus en https://campus.lacuartarevolucion.es/.
7. Accesibilidad: un solo H1 por página, jerarquía H2/H3 como en el prototipo, textos alternativos en SVG/imagen, foco visible, contraste AA (naranja sólo con texto oscuro; lima sólo con texto oscuro), enlace «Saltar al contenido», formulario con etiquetas y mensaje de estado.

Pendientes del cliente

• Usuario de Instagram y URL del podcast en Spotify; ID del widget de Trustindex.
• Contenido de Química Física III (el doc 37 repite el de QF IV) y de Diseños de Investigación y Análisis de Datos (el doc 42 repite Psicometría).
• Historias y fotos de los becarios/as 2024/2025 (8 páginas creadas: Lorena Rico, Susana Prieto, Tomás Manuel García, Alexandre González, David Pérez, Patricia Martínez, Zoraida Díaz, Zulema Belloso).
• Textos legales definitivos (aviso legal, privacidad, cookies) y datos fiscales.
• Fotografías del equipo (Víctor, Pablo, Elena, Ángela, Marta) si quieren sustituir las iniciales.
• Las páginas «Psicología 4» (44) e «Investigación» (57) se han eliminado según la hoja de estructura.

Páginas, URLs y metadatos