Tres formas distintas de contar un restaurante

Común a las tres

Qué lleva cada demo por dentro

• SEO técnico

  Que un buscador entienda la página sin tener que adivinar.

  • Título propio por página, con el nombre del restaurante, a qué se dedica y en qué ciudad está.
  • Meta descripción escrita, no recortada del primer párrafo.
  • HTML semántico: un solo h1, jerarquía de encabezados sin saltos y secciones reales.
  • Imágenes con texto alternativo descriptivo, srcset y carga diferida; ninguna pasa de 300 KB.
  • Enlace canónico, Open Graph y tarjeta de Twitter para cuando se comparte el enlace.
  • Sin frameworks: el HTML llega servido desde el servidor y pesa poco.

• GEO · que le citen los buscadores con IA

  Que ChatGPT, Perplexity o los resúmenes de Google puedan responder por usted.

  • Datos estructurados Schema.org en JSON-LD con el tipo Restaurant: dirección, teléfono, horarios tramo a tramo y si se aceptan reservas.
  • La carta entera marcada plato a plato, cada uno con su precio en euros. Un modelo puede responder «el chuletón cuesta 52 €» y enlazar la página.
  • Los mismos datos, visibles como texto: el menú del día y los horarios no están encerrados solo en el PDF ni en una imagen.
  • Nombre, dirección y teléfono idénticos en toda la página, para que no haya dos versiones de la misma ficha.
  • Frases cortas y afirmativas, del tipo que un modelo puede citar entero sin recomponerlo.
  • Fecha de última modificación declarada, para que se sepa si el dato sigue vigente.

Estas demos van en noindex a propósito, para no competir con la web real: nada de esto se indexa aquí. Está montado y funcionando para el día que una de ellas pase a ser el sitio de un cliente.

• Diseño móvil primero

  Cada plantilla se diseña a 390 px y se comprueba a 768 y 1440 px antes de darla por buena. Botones y enlaces de 44 px de alto como mínimo.

• Código propio, sin frameworks

  CSS escrito a mano y JavaScript mínimo en vanilla. Nada de Bootstrap ni de librerías que hay que arrastrar y mantener.

• Formulario con dos modos

  Un único formulario que cambia de campos entre consulta y reserva de mesa, con antispam sin CAPTCHA y aviso al correo del restaurante.

• Carta en PDF

  Un PDF por restaurante, maquetado con la misma tipografía y los mismos colores que su página, listo para imprimir o abrir desde el móvil.

• Fotografía optimizada

  Imágenes propias del sitio, redimensionadas y comprimidas por debajo de 300 KB, con srcset, carga diferida y texto alternativo descriptivo.

• Accesibilidad y textos legales

  Un solo h1 por página, jerarquía correcta, contraste suficiente, etiquetas en todos los campos y las páginas legales resueltas.