Un portal institucional no falla porque tenga pocos colores o porque su menú no haga piruetas. Falla cuando una persona busca una ayuda, una matrícula, una licencia o una cita y acaba leyendo una nota de prensa de hace tres semanas. En un ayuntamiento o una consejería, la información no es decoración: es la ruta que permite ejercer derechos, cumplir obligaciones y encontrar servicios sin necesidad de interpretar un organigrama digno de una novela rusa.
El rediseño de portales públicos y portales educativos exige ordenar prioridades antes de abrir Figma, elegir una plantilla o convocar una reunión con veinte personas y una cafetera triste. La clave consiste en traducir la complejidad administrativa a tareas reconocibles para el usuario. Así, una sede electrónica deja de ser un archivo digital con botones y se convierte en un servicio útil, accesible y verificable.
En breve
- La navegación debe responder a necesidades ciudadanas, no a departamentos internos.
- La información pública necesita lenguaje claro, fechas visibles y responsables de actualización.
- La accesibilidad debe influir en contenidos, formularios, imágenes, documentos y buscadores.
- El SEO institucional permite encontrar trámites y recursos sin depender de conocer la web de memoria.
- La gestión editorial requiere gobernanza, métricas y una revisión continua de los servicios digitales.
Rediseño de portales públicos: empezar por las necesidades reales
El primer error de muchos proyectos de diseño web institucional consiste en dibujar una nueva portada antes de entender qué intenta resolver la ciudadanía. Una madre busca una plaza escolar. Un comerciante necesita una licencia. Una persona mayor quiere pedir una cita. Un estudiante trata de localizar una beca. Ninguno de ellos piensa en “Área de Coordinación Administrativa”, aunque ese nombre aparezca con orgullo en el organigrama.
Por lo tanto, el rediseño debe arrancar con investigación. Conviene analizar las consultas del buscador, los correos recibidos, las llamadas telefónicas y los trámites abandonados. También ayuda observar cómo navegan personas reales. Marta, vecina ficticia de un municipio mediano, entra desde el móvil para comunicar una incidencia en la calle. Si necesita atravesar cuatro menús, elegir entre “Infraestructuras”, “Espacio público” y “Mantenimiento urbano”, el portal ha creado un pequeño escape room administrativo.
Arquitectura de la información para ayuntamientos y consejerías
La arquitectura de la información organiza contenidos para que se encuentren y se entiendan. En un ayuntamiento, suelen funcionar agrupaciones temáticas como movilidad, vivienda, empleo, cultura, salud pública, educación, atención social y emergencias. En una consejería, el modelo puede combinar etapas vitales, perfiles y materias: alumnado, familias, profesorado, centros, formación profesional, becas, oposiciones y recursos pedagógicos.
Sin embargo, una clasificación aparentemente lógica puede fallar si mezcla criterios. “Educación” es un tema; “Trámites” es una acción; “Noticias” es un formato. Ponerlos al mismo nivel genera un menú que parece una bolsa de cables. Es preferible separar el acceso por necesidades del acceso por tipo de contenido. La portada debe mostrar acciones frecuentes, mientras que la navegación temática permite explorar con calma.
| Necesidad ciudadana | Etiqueta recomendable | Etiqueta poco útil |
|---|---|---|
| Solicitar una ayuda para material escolar | “Becas y ayudas escolares” | “Unidad de Programas Compensatorios” |
| Comunicar una farola averiada | “Avisar de una incidencia en la vía pública” | “Servicios de alumbrado exterior” |
| Consultar una actividad cultural | “Agenda cultural” | “Programación de dinamización sociocultural” |
| Matricularse en una escuela pública | “Admisión y matrícula” | “Procedimientos de escolarización ordinaria” |
Además, cada categoría ha de tener límites claros. Si “Familias” incluye becas, comedor, transporte, calendario y convivencia, el visitante entiende qué encontrará allí. Si incluye también normativa, estadísticas, convenios, fotos de actos y diez enlaces externos, la utilidad se evapora. Una página de nivel superior debe orientar y derivar; no debe intentar contener la enciclopedia completa del sistema público.
Inventario, prioridades y escenarios de uso
Antes de migrar contenidos, resulta imprescindible elaborar un inventario. Este documento registra URL, título, responsable, fecha de actualización, tipo de página, audiencia, tráfico, enlaces y estado. A partir de ahí, cada pieza puede mantenerse, reescribirse, fusionarse, archivarse o eliminarse. La eliminación merece respeto: retirar una instrucción obsoleta puede ayudar más que publicar diez novedades.
Los escenarios de uso convierten datos dispersos en decisiones concretas. Por ejemplo: “Una familia quiere comprobar en menos de dos minutos los requisitos y el plazo de comedor escolar”. Ese escenario obliga a colocar la información esencial arriba, ofrecer documentos descargables cuando proceda y explicar el siguiente paso. Asimismo, permite probar la experiencia antes de desarrollar funcionalidades costosas.
Un portal rediseñado con este método no presume de su estructura interna; permite que cada persona llegue a lo que necesita con el menor número posible de dudas. Esa es la métrica más sensata para decidir qué merece ocupar el espacio principal.
Información pública clara: del lenguaje administrativo al servicio comprensible
Publicar un documento no equivale a informar. Una resolución puede estar disponible, firmada y perfectamente alojada en una carpeta, pero seguir siendo indescifrable para quien necesita saber qué hacer. La información pública cumple su función cuando explica el asunto, identifica a quién afecta, muestra los plazos y facilita una acción concreta. Lo demás puede ser necesario jurídicamente, aunque no debería ocupar la primera línea.
El lenguaje administrativo tradicional tiene una larga historia y una notable capacidad para esconder verbos entre subordinadas. No obstante, internet ha cambiado el contexto. Quien consulta desde un teléfono, en una parada de autobús o durante un descanso laboral no necesita un laberinto de fórmulas. Necesita frases directas, términos definidos y enlaces que no obliguen a adivinar su destino.
Escribir para que la ciudadanía actúe
La estructura piramidal sigue siendo especialmente útil en servicios públicos. La información decisiva debe aparecer al principio: qué es el servicio, quién puede utilizarlo, cuándo se solicita y qué resultado ofrece. Después se explican requisitos, excepciones, documentos y normativa. De este modo, la página atiende tanto a quien solo necesita una respuesta rápida como a quien requiere detalle.
Por ejemplo, una página titulada “Ayudas al transporte escolar” puede comenzar con una frase clara: “Solicitad esta ayuda si vuestro hijo o hija utiliza transporte escolar y cumple los requisitos de renta y residencia”. A continuación, debe indicar plazo, canal de solicitud y documentación. La base normativa puede mantenerse al final, enlazada y correctamente identificada. El orden no elimina el rigor; lo hace respirable.
También importa el lenguaje inclusivo y no discriminatorio. Los textos deben evitar asumir género, capacidad, estructura familiar, origen o situación económica. Una imagen tiene el mismo deber. Una campaña sobre empleo no debería representar siempre al mismo perfil de persona, como si el municipio solo tuviera tres vecinos y todos llevaran casco impoluto.
Formatos, enlaces e imágenes que ayudan de verdad
Las listas simplifican requisitos y pasos. Las negritas permiten localizar datos clave. Los títulos intermedios favorecen el escaneo. En cambio, los párrafos gigantes, las mayúsculas sostenidas y los enlaces llamados “Pulse aquí” hacen que la lectura se parezca a buscar una aguja en una normativa de 199 páginas. Un enlace debe describir su destino: “Consultar requisitos de admisión”, “Descargar impreso de solicitud” o “Pedir cita presencial”.
Los PDF son adecuados para impresos oficiales, folletos o textos que deben conservar formato de impresión. Sin embargo, no deberían sustituir una página HTML informativa. Si una ordenanza o convocatoria es relevante, la web debe explicar su contenido esencial antes de ofrecer el documento. Además, los formularios PDF accesibles necesitan etiquetas, orden de tabulación, metadatos y ayuda contextual en sus campos.
Las imágenes han de tener una función. Una fotografía de una biblioteca puede acompañar una campaña de préstamo, pero no explica por sí sola horarios ni requisitos. Cuando la imagen aporte contenido esencial, debe incluir un texto alternativo descriptivo. Si es puramente decorativa, conviene evitar una descripción redundante. Por eso, un gráfico sobre plazas escolares debe ofrecer una tabla o explicación equivalente; una captura bonita no sirve de mucho a un lector de pantalla.
La claridad no simplifica el derecho: simplifica el camino para ejercerlo. Con ese criterio, el contenido deja de parecer un expediente trasladado a pantalla y empieza a comportarse como un servicio.
La redacción clara prepara el terreno, aunque no basta por sí sola. A continuación, el portal debe garantizar que cualquier persona pueda navegar, comprender y completar una tarea con autonomía.
Accesibilidad en portales educativos y administrativos: diseñar sin excluir
La accesibilidad no es una capa que se añade al final, como quien pone una rampa de cartón en la inauguración. Forma parte del diseño de cada decisión: el contraste de un botón, el orden de los encabezados, la etiqueta de un campo, el aviso de error y la alternativa a un vídeo. En los portales educativos, esta exigencia es aún más visible porque alumnado, familias, docentes y personal administrativo acceden con dispositivos, habilidades y contextos muy distintos.
El marco de referencia internacional lo proporcionan las pautas del W3C, mientras que el entorno público español exige servicios electrónicos utilizables, eficaces y no discriminatorios. El Real Decreto 203/2021 refuerza esta idea: la relación digital con la Administración debe facilitar derechos y obligaciones, no convertirlos en una prueba de resistencia. Por eso, la accesibilidad conecta directamente con la calidad democrática del servicio.
Comprobaciones esenciales antes de publicar
Una página accesible utiliza una jerarquía real de encabezados. No basta con hacer grande un texto para que parezca título. Los lectores de pantalla necesitan una estructura semántica coherente para recorrer el contenido. Del mismo modo, los enlaces han de ser distinguibles por contraste, subrayado u otras señales visibles, sin depender únicamente del color.
Los formularios merecen atención especial. Cada campo requiere una etiqueta visible o programáticamente asociada. Los mensajes de error deben explicar qué ha ocurrido y cómo corregirlo. “Error” no ayuda a nadie; “Introducid una fecha de nacimiento con el formato día/mes/año” sí. Además, todo el proceso debe poder completarse con teclado, sin trampas de foco ni botones que desaparecen al navegar con tabulador.
- Contraste suficiente: el texto y los controles deben leerse con comodidad en distintas pantallas.
- Navegación por teclado: menús, ventanas, filtros y formularios deben funcionar sin ratón.
- Encabezados ordenados: la estructura visual y la semántica han de coincidir.
- Alternativas textuales: imágenes informativas, gráficos y controles visuales necesitan explicación.
- Vídeos comprensibles: subtítulos, transcripción y controles claros mejoran el acceso.
- Documentos accesibles: los PDF oficiales deben permitir lectura, navegación y cumplimentación.
Diseño adaptable, rendimiento y tecnologías web
La separación entre estructura, presentación y contenido sigue siendo una práctica decisiva. El HTML semántico expresa el significado de la información. Las hojas de estilo CSS controlan la apariencia. El sistema de gestión de contenidos administra textos, documentos y recursos. Gracias a esta separación, un cambio visual no obliga a reescribir el contenido, y una actualización editorial no rompe el diseño.
En 2026, hablar de compatibilidad móvil ya no describe una ventaja competitiva; describe el suelo mínimo del edificio. Una página debe adaptarse a pantallas pequeñas, ampliaciones de texto y conexiones lentas. Las unidades relativas, como rem o porcentajes, permiten aumentar el tamaño tipográfico sin destrozar la interfaz. Asimismo, las imágenes optimizadas y la moderación en animaciones reducen tiempos de carga.
Los iframes deberían utilizarse solo si no existe una alternativa mejor. Un mapa interactivo puede integrarse de este modo, pero necesita título y carga diferida. Los componentes externos también deben revisarse: un contenido incrustado inaccesible no mejora por estar dentro de una página accesible. Es una silla coja dentro de una sala bien ordenada.
El caso de una consejería que publica un calendario de admisión ilustra el problema. Si el calendario se presenta como imagen con letras diminutas, falla para móviles y tecnologías de apoyo. Si se convierte en HTML, con fechas, plazos, enlaces y avisos estructurados, sirve a muchas más personas. La accesibilidad convierte una audiencia teórica en ciudadanía atendida de verdad.
SEO y metadatos para encontrar servicios municipales y educativos
El SEO en instituciones no persigue aplausos ni una colección de palabras clave infladas. Su objetivo es más sobrio y bastante más útil: que una persona encuentre el servicio correcto desde un buscador, una red social o la búsqueda interna. Cuando alguien escribe “renovar tarjeta transporte Zaragoza”, “beca comedor escolar” o “cita padrón municipal”, el portal debería responder con una página concreta, actualizada y comprensible.
La visibilidad depende de contenidos útiles, estructura clara, URLs razonables y metadatos consistentes. Google y otros motores de búsqueda no sustituyen la arquitectura del portal, pero ayudan a descubrir páginas internas. Por eso, una sede no puede obligar a pasar siempre por la portada. La portada es una puerta; el buscador externo y el interno son también entradas principales.
Títulos y descripciones que no prometen humo
El título HTML debe ser único y describir la página. En resultados móviles, los primeros 60 caracteres suelen concentrar la parte más visible, de modo que conviene colocar el término relevante al principio. “Solicitud de beca de comedor escolar | Consejería de Educación” informa mucho mejor que “Página 2 de procedimientos” o “Información de interés”. El segundo ejemplo tiene la personalidad de una carpeta vacía.
La meta descripción puede resumir el servicio en torno a 160 caracteres. Debe explicar el valor de la página, incluir vocabulario que el público usaría y, si encaja, invitar a actuar. Por ejemplo: “Consulta requisitos, plazo y documentación para solicitar la beca de comedor escolar. Presenta la solicitud en línea”. Copiar el primer párrafo de una resolución rara vez funciona; redactar una pieza específica sí.
| Elemento | Buena práctica | Resultado esperado |
|---|---|---|
| Título | Único, preciso y centrado en la tarea | Mejor comprensión en buscadores y pestañas |
| Descripción | Explica utilidad, plazo o acción principal | Mayor relevancia en resultados compartidos |
| Palabras clave | Usa búsquedas específicas y lenguaje ciudadano | Contenido alineado con la demanda real |
| Fecha de modificación | Formato ISO 8601, como 2026-05-14 | Control editorial y trazabilidad |
| Datos estructurados | Describe recursos y eventos con criterio común | Mejor organización e interoperabilidad |
Metadatos, geodatos y buscador interno
Los metadatos describen otros datos. Incluyen título, descripción, autoría, tema, público destinatario, fecha de revisión y prioridad. En una plataforma institucional, pueden vivir en la cabecera HTML, en archivos asociados a recursos o en una base de datos central. Además, los protocolos para redes sociales permiten que un enlace compartido muestre un título, una descripción y una imagen coherentes.
Los recursos georreferenciados requieren un tratamiento específico. Catálogos basados en estándares nacionales y especificaciones del Open Geospatial Consortium ayudan a encontrar mapas, capas y datos territoriales. Esto resulta útil para un portal de urbanismo, un mapa de equipamientos educativos o una consulta de calidad del aire. No se trata de acumular siglas; se trata de poder localizar un recurso sin saber qué unidad lo publicó.
El buscador interno necesita estar presente en la cabecera y ofrecer filtros pertinentes. Una consejería educativa puede filtrar por etapa, provincia, colectivo y plazo. Un ayuntamiento puede filtrar por trámite, barrio, servicio y tipo de contenido. Los resultados deben priorizar páginas de servicio frente a noticias antiguas. De poco sirve que una búsqueda de “recoger enseres” devuelva primero una fotografía institucional de la presentación de un camión.
El mejor SEO público es el que conecta una pregunta cotidiana con una respuesta oficial verificable. Para lograrlo, las etiquetas y los buscadores deben formar parte de la estrategia editorial, no de una tarea olvidada al final de la publicación.
Una página fácil de encontrar necesita seguir siendo fiable al cabo de semanas. Por ello, la siguiente cuestión no es técnica, sino organizativa: quién revisa, actualiza y responde por cada contenido.
Gestión de contenidos y gobernanza para un portal público que no envejece mal
Un portal no termina cuando se publica. De hecho, ahí empieza el trabajo menos vistoso y más decisivo: mantenerlo. La gestión de contenidos define quién crea cada página, quién revisa su vigencia, cuándo caduca y cómo se corrige una incidencia. Sin este sistema, incluso un gran rediseño acaba convertido en una hemeroteca llena de enlaces rotos, campañas vencidas y plazos que parecen pertenecer a otra era geológica.
La gobernanza editorial debe repartir responsabilidades con claridad. El área propietaria conoce el servicio. El equipo de comunicación puede mejorar la redacción. El equipo digital asegura consistencia, accesibilidad y rendimiento. La asesoría jurídica verifica lo necesario. Sin embargo, nadie debería poder bloquear una actualización urgente durante semanas porque falta un visto bueno ornamental. La organización debe proteger el rigor sin fabricar cuellos de botella.
Ciclo editorial, control de calidad y retirada de contenido
Cada contenido debería tener una ficha mínima: responsable, audiencia, fecha de publicación, fecha de revisión, nivel de prioridad y relación con trámites o documentos. Las páginas de ayudas, matrículas, oposiciones, cortes de tráfico o emergencias necesitan calendarios de revisión más estrictos. Por el contrario, una página histórica puede revisarse con menos frecuencia, aunque también debe conservar referencias verificables.
La retirada es parte del ciclo. Cuando una convocatoria termina, conviene indicar que está cerrada, enlazar a la edición nueva si existe y evitar que siga apareciendo como primera respuesta del buscador. Borrar sin redirección puede frustrar a quien llega desde una búsqueda o un enlace compartido. Mantener una página antigua sin aviso provoca algo peor: confianza equivocada.
- Planificar: definir necesidad, audiencia, objetivo y responsable antes de redactar.
- Crear: redactar en lenguaje claro y añadir recursos accesibles.
- Revisar: comprobar contenido, enlaces, metadatos, contraste y funcionamiento móvil.
- Publicar: activar la página con fecha, categoría y rutas de acceso visibles.
- Medir: analizar búsquedas, tareas completadas, abandono y consultas repetidas.
- Actualizar o retirar: corregir, renovar, archivar o redirigir según su vigencia.
Medir tareas, no solo visitas
Las visitas son útiles, pero no explican si el servicio funciona. Una página puede recibir mucho tráfico porque nadie entiende cómo salir de ella. Es mejor observar indicadores relacionados con tareas: tiempo hasta localizar un trámite, porcentaje de formularios completados, consultas repetidas al teléfono, uso del buscador, clics en documentos y errores de validación.
Por ejemplo, si cientos de personas buscan “campamento urbano” y ninguna página responde con claridad, existe una necesidad editorial. Si el buscador devuelve resultados irrelevantes para “bono transporte”, quizá falten sinónimos, etiquetas o una página principal. Asimismo, las pruebas con usuarios permiten descubrir fallos que los cuadros de mando no muestran: botones que no se entienden, documentos ilegibles o palabras que solo domina quien trabaja dentro de la institución.
La participación también puede integrarse con formularios de sugerencias, buzones de avisos, encuestas breves y canales de contacto. No obstante, abrir un canal sin capacidad de respuesta deteriora la relación. Un chatbot puede orientar en preguntas frecuentes, pero debe reconocer sus límites y ofrecer derivación a una persona cuando el asunto es complejo. La automatización útil ahorra pasos; la que responde en círculos solo añade una ventanilla invisible.
Un portal municipal o educativo sólido se parece menos a un folleto y más a un servicio en funcionamiento continuo. La gobernanza convierte el rediseño en una mejora duradera, no en una fotografía bonita del día de lanzamiento.
¿Por dónde debe empezar un ayuntamiento el rediseño de su web?
Debe empezar por investigar las tareas más frecuentes de la ciudadanía, revisar búsquedas, llamadas, formularios y contenidos obsoletos. Después conviene crear una arquitectura basada en temas y necesidades, no en el organigrama interno.
¿Qué diferencia existe entre un portal público y una sede electrónica?
Un portal público reúne información, recursos y servicios sobre ámbitos municipales o autonómicos. La sede electrónica se orienta especialmente a la identificación, los trámites, las notificaciones y las actuaciones administrativas con validez formal. Ambos espacios deben estar bien conectados.
¿Cómo se mejora la accesibilidad de un portal educativo?
Hay que usar HTML semántico, contraste suficiente, navegación por teclado, formularios etiquetados, alternativas para imágenes y vídeos, documentos accesibles y diseño adaptable a móvil. Las pruebas con personas usuarias completan las revisiones automáticas.
¿Por qué son importantes los metadatos en la información institucional?
Los metadatos describen el contenido mediante títulos, descripciones, fechas, autoría, temas y audiencia. Facilitan el SEO, la búsqueda interna, la gestión editorial, el uso en redes sociales y la localización de recursos específicos como mapas o documentos.
¿Cada cuánto debe revisarse la información de una consejería?
Depende del riesgo y de la vigencia. Las ayudas, matrículas, plazos, convocatorias y avisos deben revisarse antes de cada hito relevante. Las páginas estables pueden seguir un calendario periódico, siempre con una persona responsable identificada.
Soy Ferran, tengo 29 años y me especializo en diseño de producto digital y arquitectura de la información. Me apasiona crear experiencias digitales intuitivas y centradas en el usuario.
