Producto propio · SEO local · Multiidioma
GuiaOnda es una guía independiente y sin ánimo de lucro de Onda (Castellón), en español, valenciano e inglés. La diseñé, la desarrollé, escribí sus contenidos y me ocupé del SEO. Entre su lanzamiento, el 9 de junio, y el 25 de octubre de 2026, Google la ha mostrado más de 342.000 veces.
+450
Negocios en el directorio, cada uno con su ficha
3
Idiomas sincronizados: español, valenciano e inglés
342.874
Impresiones en Google (Search Console, 9 jun-25 oct.)
5.021
Clics desde Google (Search Console, 9 jun-25 oct.)
El proyecto
GuiaOnda es una guía independiente y no oficial para saber qué ver, dónde comer, alojarse y comprar en Onda. Está construida a mano, sin CMS ni plantillas, con un directorio de negocios, secciones de naturaleza, historia, fiestas, cerámica y excursiones, y un planificador de visita. Es un proyecto sin ánimo de lucro.
Lo hice todo yo: diseño, desarrollo, contenido y SEO. Es mi ejemplo más completo de cómo se construye un producto de SEO local desde cero.
El reto
Empezar de cero
Sin dominio con autoridad ni contenido previo, compitiendo por búsquedas como "onda castellón" o "qué ver en onda".
Cubrir un directorio grande con calidad
Cientos de negocios, cada uno con su ficha, su horario y su forma de llegar.
Tres idiomas desde el primer día
Español, valenciano e inglés sincronizados, con URLs propias y sin versiones a medio hacer.
Una web propia sin depender de un CMS
Rápida de mantener por una sola persona y sin la carga de un gestor de contenidos.
Lo que se desarrolló
Directorio con filtros
Filtros por categoría, búsqueda, vista de mapa y "abierto ahora", con más de 450 negocios y una ficha propia para cada uno: horario, dirección, cómo llegar y valoración, con datos públicos tomados de Google.
Contenido para lo que se busca
Páginas de naturaleza, gastronomía, fiestas y cerámica, además de cómo llegar y aparcar, escritas pensando en lo que la gente pregunta de verdad.
Tres idiomas sincronizados
Unas 60 páginas en español, valenciano e inglés, con URLs propias para cada idioma.
Datos estructurados y SEO local
Marcado pensado para que los buscadores entiendan cada lugar, cada negocio y cada página.
Construida a mano, sin CMS
HTML, CSS y JavaScript escritos a mano, sin WordPress ni frameworks, con un script de compilación propio y despliegue automatizado con copia y comprobación previas.
Planificador de visita
Una herramienta para planificar la visita a Onda.
Tres idiomas
Las páginas existen en los tres idiomas, con su propia URL y su propio contenido. Nada de versiones a medio hacer: el valenciano, la lengua del territorio, tiene el mismo peso que el español.
Resultados
Datos de Search Console, propiedad del dominio, del 9 de junio (lanzamiento) al 25 de octubre de 2026, 139 días: 5.021 clics y 342.874 impresiones, con un CTR del 1,5 % y una posición media de 8,1.
El pico es de temporada y no lo presento como tendencia. En septiembre la media fue de 29 clics al día y del 1 al 15 de octubre de 63; desde el 16 de octubre, con la Fira d'Onda, de 192. Cuando pase la fiesta volverá a bajar, y esa bajada es lo que conviene medir. Por eso fecho el pico y sigo dando las cifras acumuladas de todo el periodo.
Lo que más se busca depende de la época. Hasta septiembre mandaban cómo llegar, dónde bañarse y qué ver; en octubre, la Fira d'Onda. Sus páginas (encierros y toros, programa, conciertos y entradas) suman 1.860 clics, el 37 % del total, y la consulta con más clics es "encierros onda 2026" (172). La página del Embalse del Sichar suma 359 clics, con una posición media de 6,7.
Además, varias fichas de negocio ya reciben clics por su cuenta, sin que yo las promocione, lo que valida la idea del directorio.
Y la guía ya aparece citada en las respuestas con IA de Google. Al buscar "precios turismo onda" el 27 de octubre de 2026, la vista creada con IA cita a GuiaOnda como fuente sobre las nuevas tarifas turísticas, con la página de entradas y precios, que además sale en los resultados normales. Es una comprobación puntual, no una cifra: Search Console no separa esas apariciones. Esa página sumó 29 clics y 312 impresiones en los últimos 30 días, con una posición media de 4,1.
Y la guía se lee igual de bien en el móvil:
Diseño
GuiaOnda funcionaba, pero se veía demasiado cuadriculada y con los datos prácticos mal puestos: horarios, cómo llegar y precios apilados al final en el móvil, y fichas de negocio poco atractivas. La rediseñé con una condición: el posicionamiento ganado no se toca.
El rediseño es solo de la capa visual. Los textos, la jerarquía de cabeceras, los enlaces, las direcciones, el marcado para buscadores y el orden del contenido son intocables, y el logo se conserva. Antes de dibujar nada guardé el estado de la web: 720 páginas, los datos de Search Console por dirección y Lighthouse en móvil. Ese es el listón contra el que se mide cada plantilla portada.
Diseñé tres direcciones estructuralmente distintas. La A parte del dibujo de línea del pueblo, la B del paño de azulejo en bloques de color y la C de las torres, las almenas y la tipografía condensada en versales. Descarté la B y elegí una mezcla de la A y la C: el mapa dibujado de la primera con el color sólido y las torres de la segunda.
Para que una persona reconozca de qué trata una página sin leerla, el borde de cada tarjeta lleva una silueta con un color fijo: las almenas son el castillo y los monumentos, el arco apuntado el casco histórico, el azulejo la cerámica y los museos, la sierra la naturaleza, la cúpula el patrimonio religioso y el escalón el deporte. Las seis formas son un canon: se usan siempre igual, y una página puede indicar su silueta de manera explícita.
Horarios, precios y cómo llegar eran la parte menos usable de la web anterior. En la ficha de un lugar pasan a un panel, "Planifica tu visita", junto al texto. En el diseño de la ficha de un negocio, el horario resalta el día de hoy, calculado en hora de Madrid.
Capturas del 24/10/2026: a la izquierda, la web anterior; a la derecha, la actual.
| Página | Móvil, rendimiento | Móvil, accesibilidad | Escritorio, rendimiento | Escritorio, accesibilidad |
|---|---|---|---|---|
| Portada | anterior 92 actual 97 | anterior 100 actual 100 | anterior 100 actual 100 | sin dato actual 100 |
| Ficha de lugar | anterior 93 actual 94 | sin dato actual 100 | sin dato actual 100 | sin dato actual 100 |
| Directorio | anterior 85 actual 92 | anterior 94 actual 100 | sin dato actual 100 | anterior 94 actual 100 |
Anterior: web publicada, medida el 24/10/2026 en local con la misma compresión que producción. Actual: rediseño en producción, medido el 26/10/2026 con Lighthouse 12. "Sin dato": la web anterior no se midió en esa casilla.
En producción, ninguna de las tres páginas baja respecto a la web anterior. Lo que no se ha reducido es el peso: la portada de escritorio pesa unos 5 MB por el vídeo del hero, que conservo por decisión de diseño.
Más detalle
Más de la mitad de las fichas de negocio no tenía fotografías al empezar (279 de 483, a 13/10/2026). Diseñé la plantilla para no depender de ellas: la ficha sin foto tiene un hero propio y la tarjeta del directorio sigue siendo reconocible.
Un remate animado (un rastrillo que se levanta y una luz en las saeteras) se usa únicamente en los cierres que invitan a un negocio a aparecer en la guía. No va en los muros de las categorías de lectura. Entrada de 800 ms, salida de 300 ms; con movimiento reducido no se mueve.
Descarté los numerales decorativos (01, 02, 03...) y el aro azul de foco global. El foco del teclado sigue siendo visible, con otro aspecto.
Las valoraciones se escriben con coma, como en español (4,3), y el contador de "Ver todos" se calcula del directorio, no se escribe a mano.
El logo se conserva tal cual, con su granate (#9A3432). Pasa a ser el color de acento de la página, junto a una paleta de tierra: tinta, crema, arena y cuatro colores sólidos para las siluetas.
Un sistema, no una portada. Diseñé diez tipos de plantilla, entre ellos la ficha de lugar, la ficha de negocio, la ruta de senderismo, la categoría, el directorio, el Plan Onda, los listados editoriales y el alojamiento. Seis, tal como salieron del diseño: ficha de lugar, ficha de negocio, ruta de senderismo, categoría, directorio y Plan Onda.
Tinta casi negra, crema y arena como base, con cuatro colores sólidos (granate, terracota, cobalto y verde) para las siluetas y el granate del logo como acento. Titulares en Big Shoulders Display (versales condensadas), texto en Figtree y un toque de DM Serif Display en cursiva. Las fuentes están autoalojadas.
Contrastes de la paleta, calculados con WCAG 2.1:
Texto sobre fondos claros: tinta sobre crema 14,39:1; tinta sobre arena 12,13:1; tinta suave sobre crema 8,77:1.
Texto sobre fondos de color: crema sobre granate 6,20:1; crema sobre cobalto 7,35:1; crema sobre verde 8,77:1; crema sobre terracota 4,76:1; crema sobre tinta 14,39:1.
Aparecer en GuiaOnda es gratis y no depende de contratar a MKTN. Si lo que necesitas es una web propia que se encuentre en Google, cuéntame qué necesitas y lo hablamos.