Oficios · Comercio, mesa y artesanía

El sitio de un restaurante: lo que debe mostrar, y en qué orden

Carta, horarios, reserva, fotos de la sala: lo que un cliente busca antes de venir, y la maquetación que el estudio monta para un restaurante.

Updated · 4 min read

Nadie lee el sitio de un restaurante por gusto. Se llega con una pregunta precisa, a menudo desde el móvil, a menudo una hora antes de comer: ¿abre esta noche, qué sirven, cuánto cuesta, puedo reservar, cómo llego? Un buen sitio responde a estas preguntas en unos segundos, y da ganas de cruzar la puerta.

Lo que el cliente viene a buscar

En Estados Unidos, antes de probar un restaurante nuevo, el 85 % de los comensales mira primero la carta en línea, y el 80 % va al sitio del restaurante (TouchBistro, 2024). En Francia, el 55 % lee opiniones o recomendaciones antes de elegir (Ipsos bva, 2026). Así que se llega a tu sitio con una idea ya hecha: hay que confirmarla rápido.

Las preguntas, en el orden en que se hacen:

  1. La carta, con sus precios. A menudo es lo que decide.
  2. Los horarios, días de cierre incluidos, y los horarios especiales de las fiestas.
  3. La reserva, en un gesto: un botón que lleva a tu herramienta de reservas, o tu número, que se pulsa.
  4. El ambiente: la sala, la terraza, la luz. Dos o tres fotos sinceras valen más que un carrusel.
  5. Cómo llegar: la dirección, un enlace al mapa, el metro o el aparcamiento más cercano.

Todo lo demás, la historia de la casa, la filosofía del chef, viene después, para quienes ya tienen ganas de venir.

La maquetación «Mesa»

Es la maquetación que el estudio ofrece a restaurantes, bistrós y bares de vinos. Aquí está de arriba abajo:

Maquetación «Mesa»Fondo: ReveladorMateria: Halación

  1. Píldora flotante
  2. Portada · Abajo a la izquierda
  3. Enunciado
  4. Menú · Dos columnas
  5. Galería · Paisajes
  6. Horarios
  7. Desplegable
  8. Llamada · En acento
  9. Contacto · En panel
  10. Pie de página · Firma gigante
Restaurantes, bistrós, vinotecas. Deciden la sala y la carta, no las funcionalidades. Las franjas se muestran desnudas, tal como las dibuja la biblioteca, antes de tus textos, tus imágenes y tu fondo.
  • La navegación en píldora flota sobre el vídeo, despegada de los bordes: queda discreta delante de la sala y siempre al alcance.
  • La portada coloca el nombre y una frase abajo a la izquierda, donde el vídeo deja más sitio. Su botón lleva a la reserva.
  • El enunciado dice en una frase lo que te distingue: el mercado de la mañana, el fuego de leña, la bodega.
  • La galería muestra la sala y los platos en formato apaisado, el de las fotos tomadas en la mesa.
  • La lista numerada lleva la carta o sus platos emblemáticos, con sus precios, en texto real.
  • El desplegable responde a las preguntas que siempre vuelven: alérgenos, grupos, terraza, animales, privatización. Cada pregunta se abre con un gesto.
  • El contacto reúne la dirección, los horarios y el teléfono como enlaces reales: se llama o se abre el mapa con un dedo.
  • El pie de página firma la página con tu nombre.

El fondo elegido para esta maquetación es el revelador: dos imágenes superpuestas, y el ratón agujerea la de arriba, como quien entreabre una puerta. La halación hace desbordar la luz de las lámparas, como en la película fotográfica.

La carta en texto, nunca solo en PDF

El PDF está hecho para imprimir. En un móvil, hay que descargarlo, ampliar, desplazarse de lado: el Nielsen Norman Group, la referencia en usabilidad web, lo desaconseja para todo lo que se lee en pantalla. Una carta fotografiada o escaneada plantea el mismo problema a las personas que usan un lector de pantalla: las reglas de accesibilidad (WCAG, criterio 1.4.5) piden texto antes que una imagen de texto.

Escrita en la página, la carta sirve también a tu ficha: Google puede transcribir la carta desde el sitio del establecimiento para mostrarla en su ficha, y tú conservas el control para corregir o desactivar esa transcripción. Guarda el PDF, si te empeñas, para quienes quieran imprimirlo.

Actualízala al mismo tiempo que la pizarra. Un plato que falta en la carta en línea, o un precio que ha cambiado, es la primera decepción de un cliente antes incluso de sentarse.

El botón «Reservar»

El estudio no toma reservas él mismo. El botón de la portada y el de la navegación llevan adonde quieras: tu herramienta de reservas, tu número de teléfono, una dirección de correo. Un solo destino, el mismo en todas partes, y el cliente nunca tiene que buscar cómo reservar.

Pon el mismo enlace en tu ficha de Google: acepta enlaces de reserva, y eliges cuál aparece primero.

Los errores que cuestan cubiertos

  • Horarios falsos, o distintos de un lugar a otro: en el sitio, en la ficha de Google, en la puerta.
  • Una página pesada, lenta de cargar con la red del móvil en plena calle.
  • El número en imagen, que no se puede pulsar para llamar ni copiar.
  • Una música que arranca sola, en una oficina o en el transporte público.
  • Fotos de banco de imágenes: el cliente lo ve, y se pregunta qué escondes.

Fuentes

  1. TouchBistro, 2024 Diner Trends Report (Estados Unidos, 1.500 comensales, septiembre de 2023)
  2. Ipsos bva, Los franceses y la gastronomía (marzo de 2026)
  3. Nielsen Norman Group, PDF: Still Unfit for Human Consumption (2020)
  4. W3C, WCAG 2.2, criterio de conformidad 1.4.5 «Imágenes de texto»
  5. Google, Ayuda de Perfil de Empresa: cartas
  6. Google, Ayuda de Perfil de Empresa: enlaces de reserva y de pedido

Para leer también

Tu sitio, rodado para tu oficio

Describe tu actividad y la escena de tu fondo: el vídeo se rueda para ti, montas la página franja a franja y los textos se escriben dentro.

Crear mi sitio