Cómo organizar la estructura de una web de servicios

Qué necesitas: conocer tu oferta, las preguntas de tus clientes y los materiales disponibles. Puedes hacer el ejercicio en un documento de texto. No necesitas instalar herramientas ni escribir código.

01. Define la tarea principal de la web.

Antes de dibujar el menú, escribe qué debe poder hacer una persona. “Entender nuestro diagnóstico y pedir una propuesta” resulta más concreto que “conocer la empresa”. Las páginas secundarias deben ayudar a completar esa tarea, no competir todas por el primer lugar.

02. Agrupa por necesidades, no por cada palabra posible.

Haz una lista de lo que realmente ofreces. Para cada servicio anota a quién ayuda, en qué situación, qué entrega y qué no incluye. Dos nombres diferentes no requieren necesariamente dos páginas: comprueba si cambia la oferta o solo la forma de describirla.

En el ejemplo, “diagnóstico” e “implementación” pueden tener páginas propias porque resuelven momentos distintos y tienen entregables diferentes. “Consultoría operativa” y “consultoría de operaciones” no justifican por sí solas duplicar una página.

Usamos una pregunta de control: si una persona leyera ambas páginas, ¿encontraría una diferencia que le ayude a elegir? Cuando la respuesta es no, conviene revisar la separación antes de escribir.

03. Asigna una función a cada página.

Este es un mapa de trabajo para la consultora del ejemplo. Es una propuesta, no una estructura obligatoria para todos los negocios.

Inicio
Servicios
  Diagnóstico de procesos
  Acompañamiento de implementación
Nosotros
Proyectos (solo con trabajos publicables)
Academia (solo con contenido útil)
Contacto

• Inicio: explica la propuesta y permite elegir un recorrido.
• Servicios: ayuda a comparar modalidades, sin repetir toda la home.
• Servicio individual: muestra situación, alcance, proceso, evidencia y siguiente paso.
• Nosotros: presenta a las personas y su forma de trabajar.
• Contacto: permite contar una necesidad sin un cuestionario innecesario.

Google recomienda una organización lógica, URLs descriptivas y navegación que permita entender las relaciones del sitio. Esa orientación respalda la claridad de la estructura; no significa que una carpeta o una cantidad de páginas garanticen posicionamiento. Consulta la guía de SEO de Google.

04. Dibuja el recorrido de alguien que no pasa por Inicio.

Imagina que una persona abre directamente la página Diagnóstico desde una búsqueda o una recomendación. Debe poder saber quién ofrece el servicio, qué incluye y cómo consultar sin regresar obligatoriamente a la home. Revisa cada página comercial como una posible puerta de entrada.

Página de diagnóstico
  ↓ Comprender para quién sirve
Alcance y entregables
  ↓ Resolver dudas
Proceso y evidencia disponible
  ↓ Consultar
Formulario con interés: diagnóstico

Enlaza cuando exista una relación real. Por ejemplo, desde el diagnóstico puedes explicar cuándo conviene continuar con implementación. El enlace debe nombrar el destino: “Conocer el acompañamiento” es más específico que repetir “Ver más” en todos los bloques. Google recomienda enlaces HTML rastreables y textos de enlace descriptivos. Recomendaciones sobre enlaces internos.

05. Elige etiquetas de navegación que se entiendan.

Prueba nombres como Servicios, Proyectos, Nosotros y Contacto antes de inventar una etiqueta de marca para cada sección. Una expresión creativa puede funcionar en un titular; en el menú debe ser comprensible sin una explicación adicional.

No fijes un número mágico de opciones. Empieza con las necesarias, comprueba si se distinguen y agrupa las secundarias cuando su relación sea clara. En móvil, verifica que se pueda abrir el menú, entrar a una sección y volver sin depender de pasar el cursor.

06. Prepara contenido antes de abrir nuevas secciones.

Para cada página registra qué información existe y quién la aportará. Un apartado Proyectos no está listo porque tiene un título: necesita trabajos documentados y autorización para mostrarlos. Una Academia necesita material que resuelva preguntas, no categorías vacías.

• Pregunta que debe resolver la página.
• Oferta o idea principal.
• Prueba disponible: entregable, demostración, experiencia o proyecto real.
• Acción siguiente y enlace de destino.
• Responsable del contenido y estado: disponible, por revisar o por producir.

07. Comprueba la estructura con tres tareas.

Comparte el mapa y una versión sencilla de las páginas con alguien parecido a tu cliente. Pídele que encuentre un servicio, explique con sus palabras qué recibiría y localice cómo consultar. Observa dónde duda; no le expliques el camino mientras intenta resolverlo.

Si elige una página equivocada, revisa las etiquetas. Si encuentra el servicio pero no entiende la diferencia con otra opción, revisa el contenido. Si entiende la oferta pero no sabe cómo seguir, revisa la llamada a la acción. Estos hallazgos son hipótesis de mejora que debes volver a probar, no una certificación de usabilidad.

Plantilla del mapa de páginas

Página / URL propuesta:
Persona y necesidad:
Pregunta principal:
Contenido imprescindible:
Prueba disponible:
Página desde la que se llega:
Siguiente paso y destino:
Responsable del contenido:
Qué falta para publicarla:

Descargar plantilla de arquitectura ↓

De la estructura a la web

Cuando el mapa y los contenidos tienen sentido, el diseño puede resolver la jerarquía visual y la experiencia. En Kizashi conectamos esa definición con el desarrollo y la base técnica SEO; el alcance se acuerda según el negocio.

Conocer nuestro servicio de desarrollo web →