Diseño web para restaurantes: qué debe tener tu web para llenar mesas

Qué debe tener la página web de un restaurante para conseguir reservas directas: carta en HTML con alérgenos, botón de reserva visible, SEO local y velocidad en móvil. Incluye precios orientativos y dos herramientas para revisar tu web.

Publicado
Lectura
11 min
Autor
AIRIS Agency
Terraza de restaurante con mesas montadas y copas frente al mar al atardecer
En este artículo

Un buen diseño web para restaurantes resuelve cuatro cosas en el móvil antes de que el cliente se canse: enseña la carta en texto legible, permite reservar en dos toques, deja claros horario y ubicación, y cuenta lo mismo que tu ficha de Google. Si tu web falla en una de las cuatro, ese comensal acaba reservando por una plataforma con comisión o en el restaurante de al lado. Esta guía repasa qué páginas necesitas, cómo montar la carta y las reservas, qué pide el SEO local, cuánto cuesta y cómo revisar tu web actual en cinco minutos.

En resumen

  • Carta: en HTML, con precios al día y los alérgenos de cada plato; el PDF solo como descarga opcional.
  • Reservas: botón fijo en el móvil conectado a tu motor de reservas, también enlazado desde tu Perfil de Empresa en Google.
  • SEO local: mismo nombre, dirección, teléfono y horario en la web y en Google, más datos estructurados de restaurante.
  • Precio: en AIRIS una landing parte de 495 € y una web de empresa de 1.595 € (más IVA), con precio cerrado antes de empezar.

Qué debe tener la página web de un restaurante

Boceto a mano de la estructura de una página web junto a un portátil
Antes de diseñar, se dibuja el mapa de páginas: la carta y las reservas van primero.

La web de un restaurante no necesita veinte páginas. Necesita pocas, bien resueltas y pensadas para alguien que la abre de pie en la calle o desde el hotel. Esta es la estructura que proponemos a casi cualquier local, de una taberna a un restaurante de mantel:

Página o bloqueQué debe resolverError habitual
InicioTipo de cocina, zona y botón de reserva sin hacer scrollVídeo pesado a pantalla completa que tarda en cargar
CartaPlatos, precios y alérgenos en textoSolo un PDF escaneado de 10 MB
ReservasElegir día, hora y comensales sin llamarUn formulario que alguien contesta al día siguiente
Cómo llegar y horarioDirección, mapa, aparcamiento y días de cierreHorario distinto al de Google
Grupos y eventosMenús de grupo, capacidad y formulario propioMezclar estas consultas con las reservas normales
Equipo o historiaQuién cocina y qué os diferenciaTexto genérico sobre pasión y producto
LegalAviso legal, privacidad y cookiesBanner de cookies que tapa el botón de reservar

Si trabajas con clientela internacional, como pasa en Marbella y en toda la Costa del Sol, añade al menos la versión en inglés de inicio, carta y reservas. Una web traducida a medias, con la carta solo en español, pierde justo al turista que más reserva con antelación.

La lógica es la misma que aplicamos en nuestro servicio de diseño web en Marbella: primero el mapa de páginas y los textos, después el diseño. Así cada página tiene un objetivo y no hay secciones de relleno.

La carta online: texto, precios al día y alérgenos

Cocinero terminando un plato con pinzas en la cocina abierta de un restaurante

La carta es la página que decide muchas reservas, y suele ser la peor resuelta de la web. Un PDF obliga a hacer zoom en el móvil, pesa varios megas y casi nadie lo actualiza cuando cambian los precios. Monta la carta como texto HTML: cada plato con su nombre, una línea de descripción, el precio y los alérgenos.

Los alérgenos no son opcionales. La normativa obliga a informar de ellos también en los alimentos que se sirven sin envasar, y si vendes por internet (pedidos para llevar o a domicilio) la AESAN recuerda que la información sobre alérgenos debe estar disponible antes de realizar la compra. Ponerlos en la carta web cumple esa función y te ahorra preguntas en sala.

  • Una sola fuente de verdad: si cambias un precio, cámbialo en la web y en tu Perfil de Empresa el mismo día.
  • Menús por temporada: separa carta fija, menú del día y menús de grupo para que el cliente no mezcle precios.
  • Fotos reales: cinco o seis platos fotografiados en tu sala venden más que un banco de imágenes genérico.

Google también lee tu carta. El editor de menú del Perfil de Empresa permite añadir platos con descripción y precio, y según la ayuda de Google los cambios pueden tardar entre 24 y 48 horas en verse en Maps y en la Búsqueda. Cuenta con ese margen cuando cambies de carta.

Reservas directas: el botón que paga la web

Manos de una clienta usando el móvil sobre una mesa de restaurante con servilleta y cubiertos

Cada reserva que entra por tu web es una reserva sin intermediario. Para que ocurra, el botón Reservar tiene que verse siempre en el móvil (fijo abajo o arriba) y abrir el calendario sin pasos intermedios. Un formulario de contacto no sirve: el cliente quiere confirmar mesa al momento.

Lo habitual es integrar en la web el widget de tu motor de reservas, el mismo que gestiona la sala, para no duplicar agendas. Comprueba tres cosas antes de elegirlo: que el widget cargue rápido en móvil, que esté en los idiomas de tus clientes y que puedas enlazarlo desde el botón de reservas de tu ficha de Google.

Si hoy llenas mesas a través de plataformas que cobran por comensal, calcula cuánto te cuesta al año y cuánto ahorrarías si una parte de esos clientes reservara en tu web.

Calculadora de comisiones por reservas

Los valores iniciales son un ejemplo. Cámbialos por los de tu restaurante y tu contrato con la plataforma.

Pagas unos 1.000 € al mes en comisiones, 12.000 € al año. Si ese porcentaje reservara en tu web, ahorrarías 3.600 € al año.

Las plataformas siguen teniendo sentido para captar clientes nuevos. La web sirve para que el cliente que ya te conoce, o que te encuentra en Google, reserve contigo directamente.

SEO local para restaurantes: web y ficha de Google a la vez

Móvil con resultados de búsqueda locales de Google en una terraza junto al mar

Cuando alguien busca dónde comer cerca, Google le enseña primero el mapa con fichas de restaurantes. Tu web aporta a esa decisión lo que la ficha no puede contar: la carta completa, los menús de grupo, la historia del local y una reserva sin comisión. Para que Google relacione las dos, la web y el Perfil de Empresa deben coincidir en nombre, dirección, teléfono y horario.

  • Datos estructurados: marca la web como restaurante con tipo de cocina, enlace a la carta, horario y rango de precios. Google documenta estas propiedades en su guía de datos estructurados para empresas locales (servesCuisine, menu, openingHoursSpecification y priceRange).
  • Páginas con intención local: si tienes dos locales, cada uno necesita su propia página con dirección, mapa, horario y carta.
  • Reseñas: responde las de Google y enlaza desde la web a tu ficha para que quien te recomienda lo tenga fácil.

Nuestro servicio de SEO y SEO local une la optimización de la web y del Perfil de Empresa en un mismo plan. Es lo que hicimos en El Rincón Marbella, una villa de alquiler para grupos: web en inglés para el cliente británico, contenidos SEO y ficha de Google Business Profile.

Velocidad en el móvil: fotos bonitas que no frenen la carga

Las webs de restaurante cargan mucha imagen, y ahí se pierden visitas. Google mide la experiencia con las Core Web Vitals, y web.dev fija los umbrales de una buena experiencia en el percentil 75 de las visitas:

MétricaQué mideUmbral buenoQué la estropea en un restaurante
LCPCuánto tarda en verse el elemento principal2,5 segundos o menosFoto de portada de 5 MB o vídeo de fondo
INPCuánto tarda la página en responder a un toque200 ms o menosWidgets de reservas, chat e Instagram cargando a la vez
CLSCuánto se mueve el contenido mientras carga0,1 o menosBanner de cookies o carrusel que empuja el botón de reservar

Las soluciones son concretas: exporta las fotos en WebP o AVIF al tamaño real en que se muestran, carga el widget de reservas solo cuando el usuario pulsa el botón y sustituye el feed de Instagram incrustado por una galería propia. Mide antes y después con PageSpeed Insights en modo móvil.

Cuánto cuesta el diseño web para restaurantes

Portada de la web de Vinoteca Yandi, una vinoteca de Ronda, con estanterías de vino
Landing de Vinoteca Yandi (Ronda), diseñada y desarrollada por AIRIS.

El precio depende de cuántas páginas, idiomas e integraciones necesites. Como referencia, estos son los puntos de partida publicados en nuestra página de diseño web, con el tipo de restaurante al que suele encajar cada uno:

Tipo de webDesde (+ IVA)PlazoEncaja con
Landing page495 €1 a 2 semanasUn local con carta corta y reservas por motor externo
Web de empresa1.595 €2 a 4 semanasRestaurante con carta completa, reservas, grupos y versión en inglés
Web con reservas, tienda o integraciones2.495 €3 a 6 semanasVarios locales, pedidos online o integraciones a medida

Un ejemplo de la primera fila es la landing que hicimos para Vinoteca Yandi, una vinoteca de Ronda que necesitaba presentar el local y su selección de vinos de la zona. Además del diseño, pide que te detallen por escrito los costes recurrentes: dominio, alojamiento, la cuota del motor de reservas y el mantenimiento. Comprueba también que el dominio y los accesos quedan a tu nombre.

Errores habituales en la web de un restaurante (y cómo detectarlos)

Estos fallos se repiten en muchas webs de hostelería. Casi todos se arreglan en pocos días y cada uno cuesta reservas:

  • Horario contradictorio: la web dice que abres el lunes y Google dice que cierras. El cliente confía en Google y tú pierdes la mesa.
  • Reserva solo por teléfono: en hora punta nadie coge el teléfono, y a las once de la noche tampoco.
  • Carta sin precios: genera desconfianza y llamadas que el equipo de sala no puede atender en servicio.
  • Web solo en español en zonas con mucho turismo extranjero.

Marca lo que ya cumple tu web y obtén una puntuación orientativa:

Checklist: ¿tu web de restaurante consigue reservas?

Ocho puntos basados en esta guía. Revisa tu web desde el móvil, no desde el ordenador.

Puntuación: 0 de 8
Tu web pierde reservas cada semana. Empieza por la carta y el botón de reservar.

Si te quedas por debajo de seis, prioriza carta y reservas: son los dos puntos que más afectan al número de mesas. Después, revisa la velocidad: una web lenta anula el efecto de una buena carta.

Preguntas frecuentes sobre la web de un restaurante

¿Cuánto cuesta una página web para un restaurante?

Depende del número de páginas, idiomas e integraciones. En AIRIS una landing parte de 495 €, una web de empresa de 1.595 € y una web con reservas, tienda o integraciones de 2.495 €, siempre más IVA. A eso se suman costes recurrentes como dominio, alojamiento y la cuota del motor de reservas.

¿Necesito web si ya tengo Instagram y estoy en plataformas de reservas?

Sí, si quieres reservas sin comisión y controlar la información que ve el cliente. Instagram no ordena una carta con precios y alérgenos, y en las plataformas tu restaurante aparece junto a la competencia. La web es el único canal que controlas por completo.

¿Puedo subir la carta del restaurante en PDF?

Como descarga complementaria, sí. Como única versión, no: en el móvil obliga a hacer zoom, suele pesar mucho y se queda desactualizada. Publica la carta en texto en la propia página y ofrece el PDF para quien quiera imprimirla.

¿Tengo que poner los alérgenos en la carta online?

Si vendes comida para llevar o a domicilio desde la web, la información sobre alérgenos debe estar disponible antes de la compra, según explica la AESAN. Aunque solo ofrezcas reservas, incluirlos en la carta resuelve dudas antes de que el cliente llegue a la mesa.

¿Cuánto se tarda en hacer la web de un restaurante?

Una landing lleva de 1 a 2 semanas y una web completa de 2 a 4 semanas, siempre que tengas listas las fotos, la carta y los textos. Lo que más retrasa estos proyectos es la sesión de fotos de platos, así que conviene programarla al principio.

¿WordPress o una plataforma tipo Wix para la web de mi restaurante?

Para una carta corta y una sola página, cualquier constructor sirve. Si quieres varios idiomas, carta editable por tu equipo, datos estructurados y control de la velocidad, WordPress te da más margen y la web queda a tu nombre, sin atarte a una plataforma concreta.

Si quieres que revisemos tu web actual o empezar una nueva, te enviamos una propuesta con alcance, plazo y precio cerrado. Puedes ver cómo trabajamos en nuestra página de diseño de páginas web en Marbella o escribirnos directamente.

AIRIS AgencyAgencia de marketing en Marbella
Compartir
Hablemos

Cuéntanos tu proyecto

Cuéntanos a qué te dedicas y qué quieres conseguir. Te respondemos en menos de 24 horas con los siguientes pasos y, si encaja, una propuesta con precio cerrado.
Responsable: IGNACIO DE LA CRUZ MARTINEZ (AIRIS Agency). Finalidad: atender tu consulta y preparar una propuesta si la solicitas. Base jurídica: medidas precontractuales para solicitudes de servicios o interés legítimo en responder otras consultas. Destinatarios: Hostinger, proveedor de hosting y correo, y proveedores técnicos según la política. Conservación: consultas sin contratación, 12 meses desde el último contacto. Derechos: acceso, rectificación, supresión, oposición, limitación y portabilidad cuando proceda, en info@airis.agency. No enviamos publicidad. Más información sobre privacidad.