La web de un negocio local tiene que decir en la primera pantalla qué haces, dónde estás y cómo contactarte, con un botón para llamar o escribir. Tiene que verse bien en el celular, porque en España casi 7 de cada 10 visitas llegan desde el teléfono, y cargar en menos de 3 segundos. Lo demás es secundario.
Abajo tienes qué poner arriba del todo, las secciones que no pueden faltar, qué colores y letras usar y cómo hacer que cargue rápido.
En resumen
| Pregunta | Respuesta corta |
|---|---|
| ¿Qué tiene que tener la web de un negocio local? | Qué haces, dónde estás y cómo contactarte en la primera pantalla, con un botón para llamar o escribir. |
| ¿Por qué el celular va primero? | En España, el 68,27 % de las visitas llegan desde el celular (StatCounter, septiembre de 2026). |
| ¿Qué secciones no pueden faltar? | Inicio, servicios con precios, pruebas, quiénes sois, contacto y textos legales. |
| ¿Qué colores y letras usar? | Dos o tres colores, dos tipos de letra como mucho y un contraste mínimo de 4,5 a 1. |
| ¿Cuánto puede tardar en cargar? | Menos de 3 segundos: el 53 % de las visitas desde el celular se van si tarda más (Google). |
¿Qué tiene que ver un cliente en los primeros segundos?
Quien entra en la web de una panadería, un taller o una peluquería quiere resolver una duda concreta. Casi siempre es una de estas tres: ¿hacen lo que busco?, ¿están cerca?, ¿cómo los contacto?
Por eso la primera pantalla lleva:
- Qué haces, en una frase clara. "Pan de masa madre hecho cada mañana en Sabadell" funciona. "Pasión por la excelencia" no dice nada.
- Dónde estás. El barrio o la ciudad, en texto, no solo en el mapa.
- Un botón que haga algo. "Llamar", "Pedir cita" o "Escribir por WhatsApp". Uno solo, bien visible.
- Una foto real. Tu local, tu producto o tu equipo. Nada de fotos de banco de imágenes.
Si alguien tiene que bajar para saber a qué te dedicas, ya has perdido a parte de las visitas.
¿Por qué el celular va primero?
Porque es donde está tu cliente. Según StatCounter, en septiembre de 2026 el 68,27 % de las visitas a webs en España llegaron desde el celular. La computadora se quedó en el 30,3 % y la tablet, en el 1,43 %.
| Dispositivo | Visitas a webs en España (septiembre de 2026) |
|---|---|
| Celular | 68,27 % |
| Computadora | 30,3 % |
| Tablet | 1,43 % |
En la práctica, esto significa diseñar primero para una pantalla pequeña y después adaptarlo a la grande, no al revés:
- Botones grandes, que se pulsen con el dedo sin acertar a la segunda.
- Texto de al menos 16 px, para leer sin hacer zoom.
- El teléfono como enlace: al tocarlo, el celular llama.
- Nada de menús que tapen media pantalla.
Antes de dar una sección por terminada, mírala en tu teléfono. Es la prueba que más errores encuentra.
¿Qué secciones no pueden faltar?
Una web de negocio local no necesita 15 páginas. Necesita estas, bien hechas:
| Sección | Qué duda del cliente resuelve | Qué lleva |
|---|---|---|
| Inicio | ¿Hacen lo que busco y dónde están? | Lo que hemos visto en la primera pantalla |
| Servicios o productos | ¿Qué ofrecen y cuánto cuesta? | Precios orientativos: "Desde 25 €" ayuda más que "consúltanos" |
| Pruebas | ¿Puedo fiarme? | Reseñas reales con nombre, fotos de trabajos hechos, años abiertos |
| Quiénes sois | ¿Quién me va a atender? | Fotos reales de las personas: la gente compra a gente |
| Contacto | ¿Cómo llego y cuándo abren? | Dirección, horario, teléfono, WhatsApp y un mapa |
| Textos legales | ¿Es una web seria? | Aviso legal, privacidad y cookies, obligatorios en España |
Si una sección no responde una duda de tu cliente, sobra.
¿Qué colores y letras conviene usar?
Pocos y con intención. Una regla que funciona casi siempre:
- Dos o tres colores. Uno de fondo, uno para el texto y uno para destacar los botones. Si todo destaca, nada destaca.
- Dos tipos de letra como mucho. Una para los títulos y otra para el texto. Más de dos hace que la web parezca un collage.
- Contraste suficiente. El texto tiene que leerse sin esfuerzo. Las pautas de accesibilidad de la web (WCAG) piden un contraste mínimo de 4,5 a 1 entre el texto normal y su fondo. El gris claro sobre blanco casi nunca lo cumple.
Elige los colores de tu negocio, no los que están de moda. Si tu local tiene un toldo verde, ese verde es un buen punto de partida.
¿Por qué tarda en cargar y cómo se arregla?
Una web lenta pierde clientes antes de que la vean. Un estudio de Google con más de 10.000 webs encontró que el 53 % de las visitas desde el celular se abandonan si la página tarda más de 3 segundos en cargar.
Los culpables suelen ser siempre los mismos, y tienen arreglo:
| Qué la hace lenta | Cómo se arregla |
|---|---|
| Fotos enormes | Pásalas a WebP: una foto de 5 MB sacada con el celular se puede dejar en 100 KB sin que se note |
| Demasiadas letras distintas | Dos tipos de letra y solo los grosores que uses: cada uno es un archivo más |
| Plugins que no usas | Bórralos: cada plugin que sobra añade peso |
| Vídeos que empiezan solos | Pon una imagen con un botón de reproducir |
Puedes medir tu web gratis con PageSpeed Insights de Google. Mira la nota del celular, que es la que importa.
Preguntas frecuentes
- ¿Necesito una web si ya tengo Instagram?
- Sí. Instagram es de Instagram y puede cambiar sus normas cuando quiera. Tu web es tuya, sale en Google y es donde la gente busca tu horario y tu teléfono.
- ¿Cuánto tiene que ocupar el texto de la primera pantalla?
- Lo justo para leerlo en 5 segundos: una frase de qué haces y una línea más con el detalle. El resto, más abajo.
- ¿Puedo hacer yo mismo una web así?
- Sí, con WordPress y la ayuda de la IA no hace falta saber programar. En una web de prueba con IA te contamos cómo empezar.
Si quieres que tu web haga su trabajo
Todo lo de este artículo se puede aplicar paso a paso. En D-IA aprendes a montar webs así para tu negocio o para los de tu zona, con proyectos de Claude ya preparados y una llamada con una persona en 24-48 h cuando te atascas. Mira lo que incluye el curso.
47 € al mes sin permanencia, o 297 € al año. Con 14 días de garantía: si no es para ti, te devolvemos el dinero.
Fuentes
| Fuente | Dato | Fecha | Enlace |
|---|---|---|---|
| StatCounter Global Stats | Visitas desde celular, computadora y tablet en España | Septiembre de 2026 | gs.statcounter.com |
| Google, "The Need for Mobile Speed" | El 53 % abandona si la web tarda más de 3 segundos (más de 10.000 webs) | Consultado en octubre de 2026 | www.thinkwithgoogle.com |
| W3C, WCAG 2.2 | Contraste mínimo de 4,5 a 1 | Consultado en octubre de 2026 | www.w3.org |
| Google, PageSpeed Insights | Herramienta gratuita para medir la velocidad | Consultado en octubre de 2026 | pagespeed.web.dev |