Web para pequeños negocios: una web que trae solicitudes, no solo visitas

El reto

Un manitas, un alquiler de coches, una barbería, un despacho de abogados: oficios distintos, la misma necesidad. La web tiene que aparecer en las búsquedas de la zona, explicar la oferta en segundos y poner fácil el contacto.

Hacemos estas webs como páginas estáticas rápidas, a partir de piezas que ya funcionan en otros proyectos. FixItFast, Gandia Renta Car y Obsidian tienen cada uno su propio caso; este va de las herramientas que comparten.

Formularios sin spam y sin captcha

Un captcha frena a los bots, pero también a algunas personas. Nuestros formularios se basan en señales que una persona ni nota:

• El formulario lleva un campo oculto, que se coloca fuera de la pantalla en lugar de ocultarse con display: none, porque los bots más listos se saltan los campos ocultos de esa forma.
• También hay un tiempo mínimo de rellenado, porque un formulario enviado menos de tres segundos después de aparecer no lo ha escrito una persona.
• Entre envíos tiene que haber una pausa: el mismo navegador no puede mandar una segunda solicitud en menos de un minuto.
• Una casilla de consentimiento, que la ley exige de todos modos.

Un bot puede saltarse los scripts de la web, así que la plataforma que recibe el formulario vuelve a comprobar el campo oculto y el tiempo. Si algo falla, el bot recibe el mismo “gracias” que una persona y no aprende nada. Además, la plataforma admite cinco solicitudes por hora de un mismo visitante y cien al día por negocio, y solo reenvía a direcciones de correo que el negocio ha autorizado, así que nadie puede usar el formulario para mandar correo a terceros.

Cada solicitud aceptada llega al negocio por correo y se guarda como una ficha en su CRM. Si el CRM falla, el correo sale igualmente.

Reservas por WhatsApp con el mensaje ya escrito

Muchos pequeños negocios ya trabajan con WhatsApp, así que cada botón abre un chat con un primer mensaje en el idioma del visitante, pensado para esa página. En la ficha de un coche de Gandia Renta Car, el mensaje nombra el coche exacto y su año, deja huecos para las fechas y termina con “Mi idioma: español”. En FixItFast, una barra fija en la parte inferior de la pantalla mantiene el botón a mano en todas las páginas, y el mensaje dice que el visitante quiere presupuesto para un trabajo.

El visitante solo tiene que pulsar enviar, y el propietario sabe al momento de qué se trata y en qué idioma contestar.

Calculadora de precios para alquileres por temporada

El precio de un alquiler depende de la temporada y de cuántos días se queda el cliente el coche. En Gandia Renta Car, cada coche tiene precios para cuatro temporadas y ocho duraciones, desde un día hasta un mes o más. En la ficha del coche, el visitante mueve un control de 1 a 31 días y ve el precio por día y el total.

La web se genera de antemano, pero la temporada depende de la fecha de hoy. Por eso la temporada se calcula en el navegador y el precio es correcto el mismo día en que cambia, sin recompilar. El mismo cálculo genera los precios que aparecen en el HTML estático, así que la calculadora y la tabla de precios siempre coinciden.

Mapas sin Google y sin cookies

Un mapa de Google incrustado instala cookies de Google antes de que el visitante haya elegido nada en el banner. Lo sustituimos por un mapa de OpenStreetMap, que no guarda nada en el dispositivo del visitante. En Gandia Renta Car el mapa carga sus teselas solo cuando entra en pantalla, de modo que quien no llega a la sección de contacto no hace ninguna petición a los servidores del mapa.

Para un negocio que se desplaza a casa del cliente, el mapa muestra la zona de servicio. En FixItFast las zonas se dibujan con los límites oficiales de las comarcas que cubre, en dos estilos: la zona habitual y la que atiende solo en trabajos grandes. El mapa no promete más que el texto. Los contornos se simplifican una sola vez, al preparar los datos, de 165 KB de detalle original a unos pocos kilobytes. Proceden de los mismos datos que el mapa base, así que encajan con la costa y las carreteras al acercar la vista.

Para la cabecera hay una opción más ligera: un SVG ya preparado de la región, con las provincias del negocio resaltadas y sus localidades marcadas, de modo que el navegador carga una imagen y no una librería de mapas.

Que Google y los asistentes de IA lean bien el negocio

Cada web describe el negocio con marcado schema.org del tipo que corresponde a su actividad, como AutoRental para el alquiler de coches o HomeAndConstructionBusiness para el manitas. Todas las páginas se refieren al negocio con el mismo identificador, así que los buscadores ven una sola empresa y no una copia por página. Los datos del marcado salen de los mismos archivos que la página visible, por lo que no pueden contradecirse. Las estrellas de valoración se dejan fuera a propósito, porque Google no permite que un negocio marque su propia nota. Las páginas con preguntas y respuestas llevan marcado de FAQ.

Para los asistentes de IA, cada web publica llms.txt y llms-full.txt: una guía breve del negocio y el texto completo de la web. En Gandia Renta Car se generan a partir de los mismos datos que las páginas, y cada página tiene además una copia en Markdown. En FixItFast se extraen del HTML terminado al final de cada compilación. En ambos casos no pueden quedarse atrás.

La nota de Google, siempre al día

Una nota escrita a mano en la página se queda vieja. En Obsidian, la valoración de Google y el número de reseñas se obtienen de la API de Google Places en cada compilación, así que la cifra de la página está tan al día como la última compilación. Si Google no responde, se usa un valor guardado en lugar de que falle la compilación.

Salir de WordPress sin perder enlaces

Una web antigua tiene enlaces desde otras webs y un historial en Google. Antes de migrar, listamos todas las páginas que publicaba el WordPress antiguo a partir de su sitemap y de su lista de páginas. Después enviamos cada dirección a su equivalente nueva con una redirección permanente 301. En FixItFast esto incluyó las páginas antiguas, las mismas direcciones sin la barra final, los feeds RSS que enlazaba cada página antigua y una página con dirección en cirílico. Cloudflare no reconoce las direcciones en cirílico, así que esa necesitó una regla por patrón.

Una landing para servicios jurídicos

Las mismas piezas sirven para una sola página. Nuestra landing para un abogado de extranjería está escrita en el idioma de su público. Guía al lector por el trámite en seis pasos unidos por una línea discontinua, desde elegir la vía adecuada hasta recibir la nueva tarjeta de residencia. Cada paso termina con un dato clave, como cuántas vías existen o qué norma se aplica. Después responde a 14 preguntas frecuentes con referencias a la normativa vigente, marcadas como FAQ para los buscadores. Cada botón abre WhatsApp con un mensaje que plantea la situación del lector y pide la primera consulta gratuita. El pie de página aclara que la información no es asesoramiento jurídico. Cifras como el número de expedientes aprobados se dejan en blanco hasta que el despacho aporte las reales.

Stack tecnológico

- Generador: Astro (generación estática) + @yatoday/astro-ui
- Partes interactivas: Svelte 5 (calculadora), Leaflet + OpenStreetMap (mapas)
- Estilos: Tailwind CSS 4
- Solicitudes, CRM y registro de consentimientos: API de la plataforma Yatoday
- Buscadores e IA: schema.org JSON-LD, llms.txt y llms-full.txt generados al compilar
- Valoraciones: API de Google Places, consultada al compilar
- Alojamiento y redirecciones: Cloudflare Pages (_redirects)
- CI/CD: GitLab CI → Cloudflare Pages

Resultado

Cada nueva web para un pequeño negocio parte de piezas ya probadas. Los formularios frenan a los bots sin captcha. Cada página lleva a una solicitud o a un chat de WhatsApp listo para enviar. Los precios y las valoraciones están al día, los mapas muestran la zona sin instalar cookies, y los buscadores y los asistentes de IA reciben una descripción exacta del negocio. Cuando un cliente deja WordPress, los enlaces antiguos siguen funcionando. Son las mismas piezas que usamos en las webs de la suscripción Web.Yatoday.