Qué tiene que tener la web de un negocio local (con checklist)

La primera pantalla: qué, dónde y cómo

Lo que se ve en el móvil sin desplazarse es lo único que lee todo el mundo. Tiene que contestar tres preguntas: qué es esto, dónde está y cómo contacto. «Taller mecánico en Usera · Revisiones y ITV · Llamar» funciona. «Bienvenidos a nuestra web» no dice nada y ocupa el sitio más valioso de la página.

No hace falta un diseño elaborado. Hace falta que el nombre del negocio, una frase que diga a qué te dedicas y en qué zona, y un botón de contacto quepan en esa primera pantalla de un móvil normal, sin que una foto enorme los empuje hacia abajo.

Cómo ordenar la web según tu tipo de negocio

Un negocio local no necesita veinte páginas. Con una sola página bien ordenada se cubre lo básico; si ofreces varios servicios distintos, una página por servicio ayuda a que cada uno se entienda y a que Google lo encuentre (la guía de SEO local lo explica). Lo que cambia de un sector a otro es qué busca primero el cliente y qué botón tiene que tener a mano.

Contacto: que cueste un solo toque

Cada paso extra para contactar pierde clientes. El objetivo es que desde el móvil se pueda llamar, escribir o abrir la ruta con un solo toque, y que esos datos estén en texto real, no dentro de una imagen o un logotipo.

La dirección, el teléfono y el nombre del negocio deben estar escritos exactamente igual en la web, en tu ficha de Google y en los directorios. Las diferencias confunden a los clientes y a los buscadores.

Horario y precios: lo que más se busca

El horario es de lo primero que se consulta y de lo que más se descuida. Ponlo completo, día por día, y mantenlo al día: cierres de agosto, festivos locales, cambios de horario de verano. Si la web dice que abres y el cliente encuentra la persiana bajada, la próxima vez no vuelve. Si tu horario cambia a menudo, enlaza a tu ficha de Google como referencia actualizada y actualiza las dos a la vez.

Los precios son lo que más se busca y lo que más se esconde. No hace falta publicar una tarifa cerrada si tu trabajo depende de cada caso; sirven los precios «desde», las horquillas («Entre 80 y 120 € según el largo») o un ejemplo de trabajo típico con su precio. Mostrar precios filtra consultas que no van a ninguna parte y transmite que no hay sorpresas. Indica si llevan IVA incluido: si vendes a particulares, el precio que muestres debe ser el final, con impuestos.

Fotos reales, no de banco de imágenes

La gente reconoce enseguida una foto de banco: oficinas impecables, sonrisas perfectas, personas que no trabajan allí. Transmite lo contrario de lo que buscas. Las fotos reales, aunque sean sencillas, dicen que el negocio existe y cómo es.

• La fachada desde la acera, para que te reconozcan al llegar.
• El interior, ordenado y con luz natural.
• El equipo trabajando, con su permiso.
• Tu trabajo: platos, cortes, reparaciones, antes y después cuando tenga sentido y el cliente lo autorice.
• Un móvil reciente basta: luz de día, sin zoom digital, sin filtros fuertes y con la lente limpia.
• Antes de subirlas, redúcelas de tamaño: una foto de 5 MB tal como sale del móvil ralentiza la página (la guía sobre webs rápidas en el móvil explica cómo).

Señales de confianza

Quien no te conoce busca motivos para fiarse. No hace falta inventarlos, basta con enseñar los que tienes.

• Quién está detrás: un nombre, una cara y dos líneas sobre ti generan más confianza que un logotipo.
• Reseñas reales: un enlace a tus reseñas de Google o una selección con el nombre de pila del cliente. Nunca reseñas inventadas: además de engañar al cliente, es una práctica prohibida por la normativa de consumo.
• Titulaciones, colegiación, carnés profesionales o autorizaciones que tu oficio exige (instalador autorizado, por ejemplo), con su número cuando lo tenga.
• Datos verificables: desde qué año está abierto el local, garantías que ofreces, cómo funcionan las devoluciones o los cambios.
• Los datos de empresa y el aviso legal en el pie: razón social o nombre, NIF y dirección. Una web sin ellos parece de paso.

Cómo escribir los textos

Escribe como hablas con un cliente en el mostrador. Frases cortas, la información concreta primero, sin palabras que no aporten. Cada frase debería contestar algo que alguien pregunta. Algunos ejemplos de antes y después, genéricos:

• Antes: «Somos una empresa líder comprometida con la excelencia y la satisfacción del cliente». Después: «Reparamos calderas de gas en Carabanchel y Latina. Vamos en el día si llamas antes de las 12».
• Antes: «Ofrecemos una amplia gama de servicios de belleza». Después: «Manicura semipermanente 25 €, pedicura 30 €, depilación con cera desde 8 €».
• Antes: «Contacte con nosotros para más información». Después: «Escríbenos por WhatsApp con una foto y te damos precio el mismo día».
• Antes: «Disponemos de unas modernas instalaciones». Después: «Tres cabinas individuales, sala de espera y acceso sin escalones desde la calle».
• Antes: «Horario flexible». Después: «De lunes a viernes de 9:00 a 20:00, sábados de 10:00 a 14:00».

Si una frase serviría igual para cualquier otro negocio de tu sector, no está diciendo nada. Sustitúyela por un dato tuyo.

Accesibilidad básica

Una web accesible la puede usar quien ve mal, quien usa un lector de pantalla o quien está en la calle con el sol de frente. La mayor parte se consigue con decisiones sencillas, recogidas en las pautas WCAG del W3C, la referencia internacional:

• Contraste suficiente entre texto y fondo: las WCAG piden al menos 4,5 a 1 para el texto normal. Gris claro sobre blanco no se lee en la calle.
• Texto de tamaño cómodo en el móvil y que se pueda ampliar sin romper la página.
• Botones y enlaces grandes, con espacio entre ellos para no pulsar el que no es.
• Texto alternativo en las imágenes que aportan información («Fachada del local, entrada junto a la farmacia»).
• Información importante en texto, no dentro de imágenes: horarios, precios, la carta.
• Enlaces que dicen adónde llevan («Ver la carta») en lugar de «Pincha aquí».
• Formularios con etiquetas visibles en cada campo y mensajes de error que expliquen qué falta.

Lo que sobra

Muchas webs de negocio fallan más por lo que les sobra que por lo que les falta. Antes de añadir algo, pregúntate si ayuda a que el cliente contacte.

• Carruseles de portada: ralentizan la carga, distraen y casi nadie pasa de la primera imagen.
• Ventanas emergentes nada más entrar, salvo el aviso de cookies si lo necesitas.
• Música o vídeo que arranca solo.
• «Bienvenidos a nuestra web» y otras frases que ocupan sitio sin informar.
• Fotos de banco de imágenes con gente que no trabaja allí.
• Un blog abandonado con la última entrada de hace tres años: transmite que el negocio está igual.
• Secciones vacías «en construcción» y enlaces a redes sociales que no actualizas.
• Contadores de visitas, animaciones al desplazarse y efectos que no aportan información.

Checklist antes de publicar

Repasa esta lista con la web abierta en tu móvil, no en el ordenador:

• La primera pantalla dice qué haces, dónde y tiene un botón de contacto.
• El teléfono marca al tocarlo y el enlace de WhatsApp abre el chat con tu número.
• La dirección abre la ruta en el mapa y se explica cómo llegar.
• El horario está completo y al día, con festivos y vacaciones.
• Hay precios o precios orientativos, con el IVA aclarado.
• Las fotos son reales y la página carga rápido con datos móviles.
• Nombre, dirección y teléfono coinciden con la ficha de Google.
• El formulario llega a tu correo; envía uno de prueba.
• Aviso legal, política de privacidad y, si usas cookies no técnicas, el aviso de cookies.
• Cada página tiene un título que dice qué es y dónde («Peluquería en Chamberí · Nombre»).
• No hay textos de relleno, enlaces rotos ni secciones vacías.

La prueba final

Pide a alguien que no conozca tu negocio que abra la web en su móvil y, sin ayuda, te diga a qué te dedicas, cuánto costaría lo que quiere y cómo te contactaría. Si duda en alguna de las tres, ahí está lo que hay que cambiar. Repite la prueba cada vez que hagas cambios importantes.

En la portada de AMG Design hay tres webs de muestra —una clínica, una academia y un taller ficticios— hechas siguiendo esta lista, por si quieres ver cómo queda aplicada.