Work Nosotros Blog Contáctanos
Español English Français
Cotiza tu proyecto
← Blog Tecnología e IA

Cómo planear el sitio web de tu negocio: estructura y contenido

11 min de lectura BDB Agency

Cómo planear el sitio web de tu negocio paso a paso: define el objetivo, arma el mapa del sitio, bocetea cada página y reúne textos y fotos antes de diseñar.

Cómo planear el sitio web de tu negocio: estructura y contenido

Un sitio web no empieza en la computadora del diseñador. Empieza en una hoja de papel, con preguntas incómodas sobre para qué sirve y a quién le habla. En esta guía vas a planear tu sitio de principio a fin: el objetivo, el mapa de páginas, el boceto de cada una y el contenido que necesitas antes de que alguien abra un programa de diseño.

Cuando un sitio sale mal, rara vez es por el diseño. Sale mal porque nadie decidió qué tenía que lograr, porque las páginas se inventaron sobre la marcha o porque los textos llegaron al final, escritos de prisa, para rellenar huecos. El resultado es un sitio bonito que no contesta lo que el cliente vino a preguntar.

Planear bien te ahorra semanas de idas y vueltas, y te pone en una posición mucho más clara frente a cualquier proveedor, sea una agencia, un desarrollador independiente o una plataforma que armes tú.

Antes de empezar: qué necesitas

No necesitas software especial. Con esto basta:

  • Una libreta o un documento compartido.
  • Tarjetas o notas adhesivas, para mover páginas de lugar sin borrar.
  • Tu manual de marca, si ya lo tienes. Si no, revisa cómo armarlo en nuestra guía de manual de marca paso a paso, porque colores, tipografías y tono van a salir de ahí.
  • Una o dos horas sin interrupciones para cada paso. Mejor si participa quien atiende a los clientes todos los días.

Paso a paso para planear tu sitio web

1. Define un objetivo principal y uno secundario

Termina esta frase: «Mi sitio existe para que la persona que llega…». Y luego ponle un verbo medible: me escriba por WhatsApp, agende una cita, pida una cotización, compre en línea, llegue al local.

Objeto de cerámica en forma de flecha apuntando a un aro, el objetivo del sitio

Elige uno principal y, como máximo, uno secundario. Todo lo demás en el sitio debe ayudar a esos dos.

Ejemplo ilustrativo: imagina un estudio de yoga en Mérida. Su objetivo principal es que la persona reserve una clase muestra; el secundario, que se suscriba a su lista para enterarse de talleres. Con eso claro, cada página termina con un botón para reservar, y el formulario de suscripción vive en un lugar visible pero sin competir.

Preguntas guía para este paso:

  1. ¿Qué acción tomaría un cliente ideal justo antes de comprarte?
  2. ¿Qué pasa hoy cuando alguien te encuentra en internet? ¿A dónde lo mandas?
  3. ¿Cómo vas a saber, dentro de unos meses, si el sitio está cumpliendo?

Error común: decir que el objetivo es «tener presencia». Presencia no se mide ni se cumple; un objetivo así produce sitios que son folletos olvidados.

2. Conoce a quien va a llegar y qué viene a preguntar

Escribe dos o tres perfiles breves de las personas que visitarán tu sitio. No hace falta inventarles nombre y edad; basta con su situación y su pregunta principal.

Por ejemplo, para una clínica veterinaria:

  • Quien tiene una emergencia y necesita saber si estás abierto y cómo llegar, ya.
  • Quien busca vacunar a un cachorro y quiere comparar servicios y confianza.
  • Quien ya es cliente y solo quiere el teléfono o agendar.

Ahora haz la lista de preguntas reales que te hacen por teléfono, por WhatsApp o en el mostrador. Esa lista, sin adornos, es la materia prima de tu sitio. Si te preguntan diez veces al día si hay estacionamiento, esa respuesta tiene que estar a la vista.

Error común: escribir el sitio para ti o para tu competencia, con lo que a ti te enorgullece, y no para quien llega con prisa y una duda concreta.

3. Arma el mapa del sitio

El mapa del sitio es el árbol de páginas: qué páginas existen y cómo se conectan. Aquí las tarjetas son tus mejores aliadas.

Tarjetas unidas con hilo que forman el mapa de un sitio web

Hazlo así:

  1. Escribe en tarjetas todas las páginas que se te ocurran, una por tarjeta.
  2. Agrupa las que respondan al mismo tipo de pregunta. Por ejemplo, todo lo de «qué haces» junto, todo lo de «quién eres» junto.
  3. Elige entre cuatro y siete grupos como máximo para el menú principal. Más que eso abruma.
  4. Coloca la página de inicio arriba y los grupos debajo, y debajo de cada grupo sus páginas hijas.
  5. Revisa que cada pregunta de tu lista del paso 2 tenga una página donde se responde.

Una estructura base que funciona para muchos negocios de servicios:

  • Inicio: resume quién eres, qué haces y qué hacer ahora.
  • Servicios: una página general y, si cada servicio es distinto, una página propia para cada uno.
  • Nosotros: tu historia, tu equipo y por qué confiar.
  • Trabajos o portafolio: prueba visual de lo que haces.
  • Contacto: datos, mapa, horario y formulario.

Las páginas por servicio son especialmente valiosas: permiten explicar cada cosa a fondo y dan a los buscadores una página clara para cada búsqueda. Si tu negocio atiende en un lugar físico, que la página de contacto use exactamente los mismos datos que tu Perfil de Negocio de Google; lo explicamos en la guía de SEO local y Google Maps.

Piensa también en las direcciones de cada página. Google recomienda en su documentación sobre estructura de URL usar palabras legibles, separadas con guiones y en el idioma de tu público. «/servicios/limpieza-dental/» se entiende; «/pagina?id=4821» no.

Error común: copiar el menú de otro sitio porque «así se usa». El menú de tu sitio sale de las preguntas de tus clientes, no del sitio de alguien más.

4. Bocetea cada página antes de diseñar

Un boceto de estructura (en inglés, wireframe) es un dibujo simple de una página con cajas y líneas: dónde va el título, dónde la foto, dónde el botón. Sin colores ni tipografías. Su función es decidir el orden de la información.

Bocetos en papel de la estructura de una página web

Dibuja primero la versión de celular, porque es la más exigente: obliga a decidir qué va primero, ya que todo se apila en una sola columna. Para cada página, responde en el boceto:

  1. Arriba de todo: ¿qué ve la persona sin desplazarse? Debe entender qué haces y qué puede hacer ahí.
  2. En medio: ¿qué necesita para confiar? Pruebas, ejemplos, proceso, respuestas a dudas.
  3. Al final: ¿cuál es la acción? Repite el botón principal.

Ejemplo ilustrativo: la página de un taller de carpintería que hace cocinas a medida podría ordenarse así: una foto amplia de una cocina terminada con la madera iluminada de lado y el título «Cocinas a medida en madera sólida»; abajo, tres pasos de cómo trabajan; luego una galería de proyectos; después las preguntas frecuentes sobre tiempos y materiales; al final, un botón para agendar una visita de medición.

Muestra los bocetos a dos o tres personas que no conozcan tu negocio y pregúntales: «¿Qué hace esta empresa y qué harías ahora?». Si dudan, el orden no funciona todavía.

Error común: saltarte el boceto y empezar con colores. El color distrae y te hace aprobar cosas por lo bonitas que se ven, no por lo bien que comunican.

5. Escribe el contenido antes del diseño

Con el mapa y los bocetos listos, escribe los textos de cada página. No tienen que ser perfectos, tienen que ser reales. Para cada página usa esta plantilla:

  • Título: qué ofrece esta página, con las palabras que usaría tu cliente.
  • Subtítulo: para quién es y qué gana.
  • Cuerpo: las respuestas a las preguntas que esa página debe resolver, en párrafos cortos.
  • Prueba: ejemplos de tu trabajo, proceso o garantías reales.
  • Acción: el texto exacto del botón («Agenda tu visita», no «Enviar»).

Escribe como hablas con un buen cliente: claro, directo, con detalles concretos. «Entregamos en tu oficina antes de las diez» dice más que «servicio de excelencia». Si usas IA para acelerar el borrador, revísalo con lupa para que suene a tu marca; la herramienta no conoce tus procesos ni a tus clientes.

Error común: dejar los textos para el final y aprobar un diseño lleno de texto de relleno. Cuando llegan los textos reales, no caben, sobran o contradicen el diseño.

6. Reúne fotos, videos y documentos

El contenido visual es la mitad de tu sitio. Haz un inventario de lo que tienes y de lo que falta, página por página.

Escritorio con laptop, cámara y fotos listas para el contenido del sitio

Una lista práctica:

  • Logotipo en buena resolución y versiones para fondo claro y oscuro.
  • Fotos del espacio, del producto y del equipo trabajando, con buena luz.
  • Fotos de proyectos terminados, si tu negocio es de servicios.
  • Un video corto que muestre el ambiente o el proceso, si lo tienes.
  • Textos legales: aviso de privacidad y, si vendes en línea, términos y condiciones y políticas de envío y devolución.
  • Datos de contacto definitivos y enlaces a redes.

Si descubres que te faltan fotos, es mejor resolverlo antes de diseñar que llenar el sitio con imágenes de banco que no se parecen a tu negocio. El cliente que llega a tu local después de ver tu sitio debe reconocerlo.

Error común: usar fotos tomadas de internet sin derechos de uso. Además del riesgo legal, quitan credibilidad.

7. Decide cómo se va a mantener

Antes de construir, responde quién va a actualizar el sitio y con qué frecuencia. ¿Cambias de menú cada temporada? ¿Publicas promociones? ¿Agregas proyectos cada mes? Esa respuesta define si necesitas un administrador de contenido fácil de usar, qué secciones deben poder editarse sin ayuda y si un blog tiene sentido.

También piensa en lo que pasa después del clic. Si tu objetivo es que te escriban por WhatsApp, alguien tiene que contestar a tiempo; si es un formulario, decide a qué correo llega y quién lo revisa.

Error común: planear un sitio con muchas secciones dinámicas y nadie que las alimente. Una sección de noticias con una nota de hace dos años dice que el negocio está descuidado.

Checklist antes de pasar a diseño

  • Objetivo principal y secundario escritos con un verbo medible.
  • Perfiles de visitantes y lista de preguntas reales de clientes.
  • Mapa del sitio con cuatro a siete grupos en el menú y cada pregunta asignada a una página.
  • Direcciones de página legibles y en español.
  • Boceto de cada página en versión celular, probado con alguien externo.
  • Textos reales de cada página, con títulos y botones definidos.
  • Inventario de fotos, videos y textos legales, con lo que falta identificado.
  • Responsable y frecuencia de actualización definidos.

El siguiente paso: construirlo bien

Con este plan en la mano, cualquier equipo puede construir tu sitio más rápido y con menos sorpresas. En BDB construimos sitios en código propio, pensados para cargar rápido y para que Google y los asistentes de IA entiendan qué haces; puedes conocer cómo trabajamos en nuestros paquetes web. Y si quieres que revisemos tu plan antes de empezar, escríbenos en contacto.

Preguntas frecuentes

¿Cuántas páginas debe tener el sitio web de un negocio pequeño?

Las que necesite tu cliente para decidir, ni una más. Muchos negocios pequeños funcionan bien con inicio, servicios, nosotros y contacto, y crecen después con páginas por servicio o un blog. Empieza por lo que responde las preguntas reales de tu cliente y agrega cuando tengas contenido de verdad para llenarlas.

¿Qué va primero, el diseño o los textos?

Los textos, o al menos un borrador sólido. El diseño sirve para ordenar y darle forma a un mensaje; si el mensaje no existe, el diseño se llena de textos de relleno que luego no caben o no dicen nada.

¿Necesito un blog desde el primer día?

No es indispensable. Un blog funciona cuando puedes publicar con cierta constancia y tienes temas que tu cliente busca. Si no vas a sostenerlo, es mejor lanzar el sitio sin blog y agregarlo cuando tengas un plan, que mostrar una sección con dos artículos viejos.

¿Puedo planear el sitio yo solo antes de contratar a una agencia?

Sí, y te conviene. Llegar con un objetivo claro, un mapa del sitio en borrador y tu material reunido hace que la conversación con cualquier proveedor sea más rápida y que la cotización sea más precisa.

Fuentes

B

BDB Agency

BDB Agency

Estrategias de branding, marketing, producción audiovisual y tecnología para marcas que quieren crecer en el mundo digital.