Un directorio en español de cerrajerías de Estados Unidos. Lo rehicimos con tema y plugin propios: buscador por ubicación, llamada con un toque y datos editables, sin cambiar ninguna URL.
100puntos en Lighthouse desde el celular: velocidad, accesibilidad y buenas prácticas
120 → 30 KBpor página: cuatro veces más liviana
223redirecciones revisadas una por una
01 · El problema
Más de mil cerrajerías, y ningún botón para llamar
A un sitio de cerrajeros se entra con apuro: alguien se quedó afuera de su casa o del auto y necesita ayuda ya. Este directorio tenía la información, pero para llamar había que ponerse a leer: cada ciudad era un listado largo, sin filtros, con un mapa de Google por negocio y los teléfonos mezclados en el texto.
El desafíoLograr que, en pocos segundos, la persona vea qué cerrajería tiene cerca y abierta, y la llame con un toque. Y hacerlo sin que las páginas de cada ciudad perdieran su lugar en Google.
02 · Contexto
El punto de partida
En el sitio original, unas 205 páginas de ciudades y 55 de estados, con 1191 fichas: nombre, dirección, teléfono, horario y calificación.
Cada página cargaba 40 KB de anuncios y, entre todas, sumaban 1049 mapas de Google embebidos.
Direcciones (URLs) heredadas y poco prolijas, pero ya posicionadas: cambiarlas era perder visitas.
Escrito en español neutro, para la comunidad hispana de Estados Unidos.
03 · Qué hicimos
De punta a punta
01
Entender antes de tocar
Relevamos el sitio completo y armamos un prototipo con la dirección elegida: directo, sin adornos, centrado en llamar.
02
Construcción
Diseño propio, un plugin para manejar el directorio, el buscador, los mapas y el paso de todas las fichas al nuevo formato.
03
Google y calidad
Que Google siga encontrando todo: indexación, redirecciones y datos estructurados. Además, accesibilidad y velocidad medidas con Lighthouse.
04 · Decisiones
Qué elegimos y por qué
Diseño
Cada pantalla lleva a llamar
Quien busca un cerrajero no quiere recorrer un sitio: quiere el teléfono. Por eso cada ficha tiene su botón de llamada y avisa si el local está abierto, y en el celular hay una barra fija con el botón siempre a mano.
Descartamos: Animaciones y efectos: a alguien apurado solo le hacen perder tiempo.
Datos
Información ordenada, sin perder el original
Las fichas estaban escritas como texto corrido. Armamos un programa que las lee y separa nombre, dirección, teléfono, horario y ubicación en el mapa. El texto de origen no se modificó y el proceso se puede repetir cuando haga falta.
Arquitectura
Si falla una pieza, el sitio sigue en pie
El plugin se ocupa de cargar y editar los negocios; el diseño trabaja con una copia ya preparada de esa información. Si el plugin se apaga, o si el sitio se publica como archivos estáticos, todo sigue funcionando.
Rendimiento
Solo se carga lo que se usa
En lugar de un mapa de Google por negocio, cada ciudad tiene un único mapa (Leaflet) que aparece cuando lo pedís. El buscador corre en el propio navegador con un archivo de 26 KB, sin servidor. Así, las páginas pasaron de unos 120 KB a unos 30 KB.
Utilidad
«Abierto ahora», con la hora del lugar
Si el local abre o cierra se calcula con la hora de su ciudad, no con la de quien consulta desde otro lado. Además, se puede ver solo los que están abiertos en ese momento o los que atienden las 24 horas.
SEO
Lo ganado en Google, a salvo
Se conservaron las direcciones, los títulos y las descripciones de todas las páginas. Encima de eso sumamos datos estructurados con los horarios de cada negocio, un texto propio por ciudad con información real y el idioma marcado como español de Estados Unidos.
05 · Plugin propio
Herramientas para que el directorio sea un negocio
Más allá del diseño, el plugin le da al dueño del directorio con qué ofrecer planes pagos a las cerrajerías: puede mostrarles cuántas personas las llamaron desde el sitio.
Edición desde el panel
Las 1193 cerrajerías se modifican desde el panel de WordPress, sin tocar una línea de código.
Lugares destacados
Una cerrajería puede pagar para salir primera; siempre se aclara que es un patrocinio.
Llamadas contadas
Cada vez que alguien toca «Llamar», se registran el negocio y la ciudad. No se guardan datos de quien llama y se filtran los bots.
Un informe para cada cerrajería
Un mensaje armado del estilo «tu ficha recibió N llamadas», listo para acompañar la oferta del plan.
«¿Es tu negocio?»
El dueño de una cerrajería puede pedir su ficha o corregir sus datos, con un filtro que frena el spam.
Phoenix: filtros y mapa con las cerrajerías de la zona
06 · Proceso
Paso a paso, con una revisión antes de avanzar
1
Relevamiento y prototipo
Un recorrido completo del sitio, sin modificar nada, y un prototipo para validar la idea de un directorio pensado para llamar.
2
Diseño y páginas de ciudad
Copia de seguridad, paso de las fichas al nuevo formato y la página de cada ciudad con botón de llamada, horarios y filtros.
3
Portada y búsqueda
El buscador por ciudad, la opción de usar la ubicación del teléfono, el mapa de estados y la reducción del peso de las páginas.
4
Ajustes para Google
Títulos, datos estructurados, un texto propio para cada ciudad y la revisión manual de las 223 redirecciones.
5
Plugin y control final
Edición de negocios, medición de llamadas y reclamos de fichas. Al cierre, Lighthouse, accesibilidad e indexación.
6
Publicación
El sitio salió publicado como HTML estático.
07 · Problemas resueltos
Lo que apareció en el camino
Problema
Por una configuración vieja, la página que reúne todas las ciudades le pedía a Google que no la mostrara.
Solución
La habilitamos. Es la que conecta con todas las ciudades, así que pesa mucho en el posicionamiento del directorio.
Problema
Había 223 redirecciones: 6 encadenaban un salto tras otro, 5 terminaban en páginas rotas y una llevaba a una imagen.
Solución
Revisamos cada una, corregimos las que fallaban y activamos las que ya tenían un destino correcto.
Problema
Los anuncios sumaban 40 KB de código en todas las páginas.
Solución
Apagamos ese plugin y sacamos los estilos que sobraban. Cada página quedó en unos 30 KB, contra los 120 KB de antes.
Problema
Los horarios estaban escritos a mano y sin formato, por ejemplo «todos los días excepto los sábados».
Solución
Hicimos un lector de horarios que pudo ordenar el 98,6 %. Con eso funciona el aviso de «abierto ahora».
Problema
Con «usar mi ubicación», el sitio podía proponer como «cercana» una ciudad a cientos de millas.
Solución
Ahora, si la ciudad más próxima queda a más de 300 millas, lo avisa y deja elegir el estado. Lo probamos simulando distintas ubicaciones.
08 · Antes y después
Las mismas páginas, otra experiencia
Deslizá para comparar y elegí qué página ver.
AntesDespués
⇆
Portada: búsqueda por ciudad o por ubicación, y mapa de estados
09 · Resultados
Lo que se midió
Las 1193 fichas pasaron al nuevo formato sin cambios en su contenido, todas con teléfono y con el horario listo para usar.
Las 272 URLs funcionan sin errores y conservan su dirección de siempre.
Páginas cuatro veces más livianas: de unos 120 KB a unos 30 KB.
Las 223 redirecciones, revisadas: sin cadenas ni destinos rotos.
Un solo mapa propio por ciudad, que se carga cuando se pide, en lugar de los mapas embebidos.
Lighthouse del índice de ciudades, medido en el sitio publicado
100Rendimiento en celular
100Rendimiento en escritorio
100Accesibilidad
100Buenas prácticas
10 · Tecnología
Con qué lo hicimos
Plataforma
WordPress
PHP
Plugin propio
Yoast SEO
Interfaz
JavaScript
Leaflet
OpenStreetMap
CSS
Herramientas
WP-CLI
Lighthouse
Netlify
Claude Code
Hablemos
¿Tu negocio vive de que te llamen?
Te armamos un sitio que aparece en Google y deja el botón de llamada siempre a mano. Te respondemos dentro de las próximas 24 horas.