98,2 mil clics desde la Búsqueda de Google desde julio de 2025, partiendo de cero
Resumen
Pon dos ciudades en el mismo mapa, arrastra una sobre la otra y ve la diferencia al instante. Las páginas de comparación añaden población y densidad, y un enlace abre las mismas ciudades a quien se lo envíes. Gratis en el navegador, y hasta diez ciudades con una cuenta.
El reto
Las estadísticas de las ciudades son fáciles de encontrar, pero difíciles de imaginar. Una cifra de población o de kilómetros cuadrados no te transmite el tamaño de un lugar frente a otro, sobre todo entre países y continentes distintos.
Wikipedia y las hojas de cálculo enumeran datos en filas, no en un mapa que puedas interpretar.
Las capturas de mapas usan escalas distintas, así que las comparaciones engañan al lector.
Una cifra no dice nada de la forma: dos ciudades con la misma superficie pueden no parecerse en nada sobre el terreno.
El enfoque
CompareCitySizes superpone ciudades a escala real en un solo mapa. Eliges dos, arrastras una sobre la otra y ves la diferencia al instante; las páginas de comparación añaden población y densidad junto a la superficie. Un enlace abre las mismas ciudades a quien se lo envíes.
Una sola escala para todas las ciudades de la comparación
Superficie en el mapa; población y densidad en las páginas de comparación
Enlaces que puedes pegar en reportajes, presentaciones o planes de clase
Sin cuenta para explorar y compartir
98,2 milclics desde la Búsqueda de Google desde julio de 2025, partiendo de cero
Cómo funciona
01
Busca una ciudad
Escribe un nombre y elige el lugar correcto entre las sugerencias. El mapa se centra en él.
02
Añade ciudades para comparar
La siguiente ciudad aparece sobre la primera, a la misma escala. Arrastra cualquiera de las dos para alinearlas.
03
Lee el panel de datos
La superficie de cada ciudad aparece en la barra lateral; el solapamiento cuenta el resto. Gira una forma si te ayuda.
04
Comparte el enlace
Copia el enlace en un artículo, una clase o un chat. Quien lo abra verá las mismas ciudades.
Pantallas
Roma superpuesta sobre Berlín a la misma escala: 1287 km² frente a 891 km², con el control de rotación abierto.Superficie, población y densidad lado a lado en una página de comparación: aquí, Roma frente a Berlín.Share copia un enlace que vuelve a abrir las mismas ciudades para quien lo siga.
Qué hace
Superposición a escala real
Las ciudades se dibujan a escala geográfica sobre el mismo mapa base, así que «más grande en pantalla» significa más grande en la realidad, no una captura recortada con otro nivel de zoom.
Gira una ciudad para encajarla
Gira una forma de 15° en 15° o con un control deslizante para colocarla a lo largo de una costa o un río como la ciudad con la que la comparas. Así el solapamiento se lee con más justicia.
Hasta diez ciudades a la vez
Dos sin cuenta y diez con ella: capitales, áreas metropolitanas o ciudades similares en un solo lienzo.
Enlaces para compartir
Al compartir se copia un enlace que abre las mismas ciudades a quien lo siga, en un artículo, una clase o un chat de grupo.
Páginas de comparación con las cifras
Cada pareja tiene su propia página con superficie, población y densidad lado a lado: la tabla para cuando la forma no basta.
Nada que instalar
Funciona en cualquier navegador, también en el teléfono. Sin licencia de SIG, sin descargas y sin registro para empezar.
Quién lo usa y para qué
Curiosos en plena discusión
Zanjar el «¿cuál es más grande?»
La mayoría de los visitantes llegan buscando justo esto («city size comparison»), ponen Nueva York, Tokio o Londres en el mapa y empiezan a arrastrar. Arrastrar es el producto: 260 000 arrastres de 13 000 personas en un verano, unos veinte por persona.
Docentes y estudiantes
Geografía en clase
Los docentes la encuentran por su cuenta: un portal educativo público envió una oleada de visitas del tamaño de una clase durante tres días, y las plataformas de clases y los enlaces de Teams siguen apareciendo entre las fuentes de tráfico. Dos ciudades, un mapa y sin cuenta: funciona en el proyector y en los teléfonos de los alumnos.
Quien solo quiere la cifra
Rankings que dan la respuesta
Las páginas de PIB, población, densidad y ciudades más grandes responden a la pregunta en la propia página: más de mil visitas al mes vienen por la tabla, no por el mapa. Una cuarta parte de quienes leen el ranking de ciudades más grandes pasa después al mapa.
Periodistas y divulgadores
Para historias que necesitan escala
Todavía no es de donde viene la mayoría de los visitantes, pero es para lo que se creó la herramienta: una superposición a escala real demuestra lo que una tabla no puede, y un enlace compartido abre las mismas ciudades dentro de la historia.
Hecho para que lo encuentren
La gente busca justo lo que es el sitio: «city size comparison» es la consulta principal, y el mapa aparece entre los tres primeros resultados. Las páginas de rankings de PIB, población y ciudades más grandes atraen su propio tráfico de búsqueda. Los clics desde el buscador se multiplicaron por cinco en un año, de unos 2200 al mes a 11 000.
Por debajo, cada pareja de ciudades tiene su propia página, con título, descripción, URL canónica y datos estructurados: 373 en total. Ya se posicionan entre el tercer y el sexto puesto; la demanda por pareja todavía es pequeña, así que son una inversión anticipada a la búsqueda.
98,2 mil
clics desde la Búsqueda de Google desde julio de 2025, partiendo de cero
1,3 M
impresiones en búsqueda desde julio de 2025
81 %
de las visitas llegan por búsqueda orgánica; el resto son sobre todo directas
11 mil
visitas al mes en promedio, de marzo a agosto de 2026, desde más de 160 países
Google Search Console: clics (azul) e impresiones (morado) desde julio de 2025.
El panel detrás del producto
Mantener un producto en marcha es casi todo el trabajo de tenerlo. Por eso, junto al mapa, creamos el panel que necesita: una bandeja de soporte que acabó siendo un cliente de correo, un editor de las formas de las ciudades y la caché que mantiene rápidas las consultas.
Comentarios y soporte
Todos los mensajes de los usuarios en un solo lugar, sin pagar un helpdesk
Los informes de errores encuentran lo que las pruebas no ven; las peticiones de funciones dicen qué construir después. En lugar de añadir un helpdesk externo, el soporte vive en el propio panel de administración del producto.
Usuario
Completa el formulario de contacto (General Feedback · Bug Report · Feature Request) o simplemente escribe a support@comparecitysizes.com.
Sistema
Cada mensaje se convierte en un ticket, categorizado y guardado con todo su historial de correo. AWS recibe los correos directos y los agrupa en hilos automáticamente, aunque el usuario responda desde el teléfono.
Responsable
Abre la pestaña Feedback del panel, filtra por abiertos, errores o funciones, lee toda la conversación y responde desde ahí. La respuesta sale desde support@ y queda en el ticket.
Resultado
Sin contraseñas de Gmail compartidas, sin licencias de Zendesk, sin mensajes perdidos en un correo personal. Una única fuente de verdad, gestionada desde el navegador.
La bandeja Feedback del panel: una conversación en hilo sobre un error.
Comentarios por tipo, no un cuadro de texto libre
Las categorías de error, función y comentario piden al usuario los datos adecuados desde el principio: pasos para reproducir el error, el «porqué» de cada petición.
Hilos de correo de verdad
Las cabeceras estándar Message-ID e In-Reply-To, más una dirección de respaldo con signo más (support+ticket@), mantienen cada respuesta en su ticket, sea cual sea el cliente de correo del usuario.
Acabó siendo un cliente de correo completo
El mismo sistema gestiona ahora todas las direcciones @comparecitysizes.com en una pestaña Email al estilo de Gmail: buzones detectados automáticamente, lectura por hilos, redacción desde cualquier dirección del dominio, plantillas y envíos a usuarios registrados.
Editor de formas
Si un límite está mal, corrígelo en el mapa
Cada comparación se apoya en el contorno que dibuja el mapa, y los contornos vienen de OpenStreetMap, que a veces devuelve una región en lugar de un pueblo, o un aeropuerto en lugar de una ciudad.
Por eso cualquier límite se puede abrir en un editor sobre el mapa: dibuja un polígono punto a punto o a mano alzada, arrastra sus vértices, combina varios en una sola forma, deshaz y rehaz, o pega GeoJSON. Al guardar, el contorno corregido es el que ven todos los visitantes a partir de ese momento.
El Boundary Editor: el contorno de un distrito abierto para editar, con herramientas de dibujo, mano alzada, deshacer/rehacer y borrado.
Dibuja o calca
Polígonos punto a punto para ganar precisión y a mano alzada para ir rápido; varios polígonos se combinan en un MultiPolygon para ciudades con islas o exclaves.
La corrección manda sobre la fuente
Un límite editado se guarda como una corrección, así que una actualización posterior desde OpenStreetMap nunca vuelve a poner la forma equivocada sin avisar.
Cierra el círculo con el soporte
Un aviso de «contorno incorrecto» se resuelve en el mismo panel donde llegó: abres el ticket, abres la ciudad, vuelves a dibujar y respondes.
Metadatos incluidos
La superficie, la población, las coordenadas y una nota acompañan a la forma, de modo que la página de comparación se actualiza con ella.
Caché
Consulta un límite una vez y sírvelo para siempre
Los contornos de las ciudades vienen de Nominatim, el geocodificador de OpenStreetMap: es lento, tiene límites de uso y no conviene llamarlo cada vez que alguien escribe «Tokio». Por eso cada límite se guarda en la base de datos del sitio la primera vez que se usa y se sirve desde ahí; las consultas repetidas nunca salen del servidor.
Hoy esa caché guarda 20 948 límites de ciudades, cada uno con su fuente registrada. Es la misma tabla que modifica el editor de formas: una corrección es, simplemente, una entrada de la caché revisada por una persona.
Boundary Overrides en el panel: 20 948 límites en caché, con la fuente de cada uno (ciudad o área administrativa de Nominatim), algunos marcados como aproximados.
Creado con
Front end
React
Vite
Zustand
Ant Design
Mapas y datos geográficos
Mapbox GL JS
Mapbox GL Draw
GeoJSON
OpenStreetMap vía Nominatim
Back end
Node.js
Express
PostgreSQL
Google Cloud Run
Correo y alojamiento
AWS SES
S3
SNS
Lambda
CloudFront
Búsqueda y analítica
Datos estructurados de Schema.org
Sitemaps XML
Google Tag Manager
GA4
Search Console
Qué hicimos
Diseño de producto
Aplicación web
Mapa interactivo
SEO programático
Datos geoespaciales
Visualización de datos
Autenticación
Compartir
Datos estructurados
Contenido y rankings
Analítica
Despliegue
Preguntas frecuentes
¿Qué precisión tienen los límites de las ciudades?
Los contornos son los límites administrativos cartografiados en OpenStreetMap, y unos pocos aparecen marcados como aproximados en la aplicación. Sirven para comparar y enseñar, no para usos legales, topográficos, urbanísticos o estadísticos.
¿Puedo comparar más de dos ciudades?
Sí, hasta diez en un mapa si inicias sesión con Google, Facebook o tu correo. El enlace compartido abre todo el conjunto.
¿Necesito una cuenta?
No. Comparar dos ciudades y compartir el enlace funciona sin cuenta; con una, el límite sube a diez.
Prueba CompareCitySizes.com
Abre el producto o habla con nosotros para crear algo similar para tu equipo.
