98,2 tys. kliknięć z wyszukiwarki Google od lipca 2025, przy starcie od zera
Przegląd
Umieść dwa miasta na jednej mapie, przeciągnij jedno na drugie i od razu zobacz różnicę. Strony porównań dodają liczbę ludności i gęstość zaludnienia, a link otwiera te same miasta każdemu, komu go wyślesz. Za darmo, w przeglądarce, a z kontem nawet dziesięć miast naraz.
Wyzwanie
Statystyki miast łatwo znaleźć, ale trudno je poczuć. Liczba mieszkańców czy kilometrów kwadratowych nie mówi, jak duże jest jedno miejsce w porównaniu z drugim, zwłaszcza gdy dzielą je granice i kontynenty.
Wikipedia i arkusze kalkulacyjne podają fakty w wierszach, a nie na mapie, na której można coś wywnioskować.
Zrzuty ekranu map mają różne skale, więc takie porównania wprowadzają czytelników w błąd.
Liczba nic nie mówi o kształcie: dwa miasta o tej samej powierzchni mogą w terenie wyglądać zupełnie inaczej.
Podejście
CompareCitySizes pokazuje miasta jako nakładki w prawdziwej skali na jednej mapie. Wybierasz dwa, przeciągasz jedno na drugie i od razu widzisz różnicę, a strony porównań dodają do powierzchni liczbę ludności i gęstość zaludnienia. Link otwiera te same miasta każdemu, komu go wyślesz.
Jedna wspólna skala dla wszystkich miast w porównaniu
Powierzchnia na mapie, ludność i gęstość na stronach porównań
Linki do wklejenia w artykule, prezentacji lub konspekcie lekcji
Bez konta możesz przeglądać i udostępniać
98,2 tys.kliknięć z wyszukiwarki Google od lipca 2025, przy starcie od zera
Jak to działa
01
Wyszukaj miasto
Wpisz nazwę i wybierz właściwe miejsce z podpowiedzi. Mapa wycentruje się na nim.
02
Dodaj miasta do porównania
Kolejne miasto pojawia się na pierwszym, w tej samej skali. Przeciągnij dowolne z nich, by je ustawić.
03
Odczytaj panel statystyk
Powierzchnia każdego miasta jest na panelu bocznym, resztę pokazuje nałożenie. W razie potrzeby obróć kształt.
04
Udostępnij link
Skopiuj link do artykułu, lekcji lub czatu. Każdy, kto go otworzy, zobaczy te same miasta.
Ekrany
Rzym nałożony na Berlin w tej samej skali: 1287 km² wobec 891 km², z otwartą kontrolką obrotu.Powierzchnia, ludność i gęstość zaludnienia obok siebie na stronie porównania: tutaj Rzym i Berlin.Share kopiuje link, który każdemu otworzy te same miasta.
Co potrafi
Nakładki w prawdziwej skali
Miasta są rysowane w skali geograficznej na tej samej mapie bazowej, więc „większe na ekranie” znaczy większe w rzeczywistości, a nie przycięty zrzut w innym powiększeniu.
Obróć miasto, by pasowało
Obracaj kształt co 15° albo suwakiem, by ułożyć go wzdłuż wybrzeża lub rzeki tak samo jak miasto, z którym go porównujesz. Dzięki temu nałożenie wypada uczciwiej.
Nawet dziesięć miast naraz
Dwa bez konta, dziesięć z kontem: stolice, aglomeracje lub podobne miasta na jednej mapie.
Linki do udostępniania
Przycisk Share kopiuje link, który otwiera te same miasta każdemu, kto w niego kliknie – w artykule, na lekcji albo na czacie grupowym.
Strony porównań z liczbami
Każda para ma własną stronę z powierzchnią, liczbą ludności i gęstością obok siebie. To tabela na chwile, gdy sam kształt nie wystarcza.
Nic do instalowania
Działa w każdej przeglądarce, także na telefonie. Bez licencji GIS, bez pobierania, bez rejestracji na start.
Kto z tego korzysta i do czego
Ciekawi świata, w trakcie sporu
Rozstrzyganie, „co jest większe?”
Większość odwiedzających trafia tu, szukając dokładnie tego – porównania wielkości miast – po czym stawia na mapie Nowy Jork, Tokio lub Londyn i zaczyna przeciągać. Przeciąganie to sedno produktu: 260 000 przeciągnięć wykonanych przez 13 000 osób w jedno lato, czyli około dwudziestu na osobę.
Nauczyciele i uczniowie
Geografia w klasie
Nauczyciele trafiają tu sami: publiczny portal edukacyjny przysłał w trzy dni falę wizyt wielkości całej klasy, a wśród źródeł ruchu wciąż pojawiają się platformy lekcyjne i linki z Teams. Dwa miasta, jedna mapa, bez konta – działa na rzutniku i na telefonach uczniów.
Każdy, kto chce poznać liczbę
Rankingi, które od razu odpowiadają
Strony PKB, liczby ludności, gęstości i największych miast odpowiadają na pytanie od razu: ponad tysiąc wizyt miesięcznie to wejścia po tabelę, a nie po mapę. Co czwarty czytelnik rankingu największych miast przechodzi potem na mapę.
Dziennikarze i autorzy objaśnień
Do tekstów, w których liczy się skala
Na razie nie stąd pochodzi większość odwiedzających, ale właśnie z myślą o nich powstało to narzędzie: nakładka w prawdziwej skali pokazuje to, czego nie pokaże tabela, a udostępniony link otwiera te same miasta wprost z tekstu.
Zbudowana pod wyszukiwarkę
Ludzie szukają dokładnie tego, czym jest ta strona: „city size comparison” to najczęstsze zapytanie, a mapa jest na nie w pierwszej trójce wyników. Rankingi PKB, liczby ludności i największych miast przyciągają z wyszukiwarki własny ruch. Liczba kliknięć wzrosła w ciągu roku pięciokrotnie, z około 2200 do 11 000 miesięcznie.
Pod spodem każda para miast ma własną stronę z tytułem, opisem, kanonicznym adresem URL i danymi strukturalnymi – jest ich 373. Już teraz zajmują pozycje od trzeciej do szóstej. Popyt na konkretne pary jest wciąż niewielki, więc to inwestycja z wyprzedzeniem.
98,2 tys.
kliknięć z wyszukiwarki Google od lipca 2025, przy starcie od zera
1,3 mln
wyświetleń w wyszukiwarce od lipca 2025
81%
wizyt pochodzi z wyników organicznych, reszta to głównie wejścia bezpośrednie
11 tys.
wizyt miesięcznie, średnio od marca do sierpnia 2026, z ponad 160 krajów
Google Search Console: kliknięcia (niebieski) i wyświetlenia (fioletowy) od lipca 2025.
Panel, na którym stoi produkt
Prowadzenie produktu to większa część pracy niż jego zbudowanie. Dlatego obok mapy powstał panel, którego ten produkt potrzebuje: skrzynka wsparcia, która wyrosła na pełnego klienta poczty, edytor kształtów miast i pamięć podręczna, dzięki której wszystko szybko się wczytuje.
Opinie i wsparcie
Każda wiadomość od użytkownika w jednym miejscu – bez abonamentu na helpdesk
Zgłoszenia błędów wyłapują to, co umknęło testom, a prośby o funkcje podpowiadają, co budować dalej. Zamiast doklejać helpdesk, umieściliśmy obsługę we własnym panelu administracyjnym produktu.
Użytkownik
Wypełnia formularz kontaktowy (General Feedback · Bug Report · Feature Request) albo po prostu pisze na support@comparecitysizes.com.
System
Każda wiadomość staje się zgłoszeniem, skategoryzowanym i zapisanym z pełną historią korespondencji. Maile wysłane bezpośrednio odbiera AWS i automatycznie łączy je w wątki, nawet gdy użytkownik odpisuje z telefonu.
Właściciel
Otwiera w panelu zakładkę Feedback, filtruje po statusie open / bug / feature, czyta całą rozmowę i odpowiada z panelu. Odpowiedź wychodzi z adresu support@ i zostaje przy zgłoszeniu.
Efekt
Żadnego wspólnego hasła do Gmaila, żadnej licencji Zendeska, żadnych wiadomości zagubionych w prywatnej skrzynce. Jedno źródło prawdy, obsługiwane z przeglądarki.
Skrzynka Feedback w panelu: wątek ze zgłoszeniem błędu.
Opinie według typu, a nie jedno pole tekstowe
Kategorie błąd, funkcja i opinia od razu proszą o właściwe szczegóły: przy błędach o kroki do odtworzenia, przy prośbach o funkcje o powód.
Prawdziwe wątki e-mail
Standardowe nagłówki Message-ID / In-Reply-To oraz zapasowy adres z plusem (support+ticket@) przypisują odpowiedzi do właściwego zgłoszenia niezależnie od programu pocztowego użytkownika.
Wyrosło na pełnego klienta poczty
Ten sam mechanizm obsługuje dziś wszystkie adresy @comparecitysizes.com w zakładce Email w stylu Gmaila: skrzynki wykrywane automatycznie, czytanie w wątkach, pisanie z dowolnego adresu w domenie, szablony i wysyłka do zarejestrowanych użytkowników.
Edytor kształtów
Gdy granica jest zła, popraw ją na mapie
Każde porównanie opiera się na konturze narysowanym na mapie, a kontury pochodzą z OpenStreetMap, który czasem zamiast miasteczka zwraca cały region, a zamiast miasta lotnisko.
Dlatego każdą granicę można otworzyć w edytorze na mapie: narysować wielokąt punkt po punkcie albo odręcznie, przeciągać wierzchołki, połączyć kilka w jeden kształt, cofać i ponawiać zmiany lub wkleić GeoJSON. Po zapisaniu poprawiony kontur widzi już każdy odwiedzający.
Boundary Editor: kontur dzielnicy otwarty do edycji, z narzędziami do rysowania, rysowania odręcznego, cofania i ponawiania oraz usuwania.
Rysuj albo obrysowuj
Wielokąty punkt po punkcie dla precyzji, rysowanie odręczne dla szybkości. Kilka wielokątów łączy się w MultiPolygon dla miast z wyspami lub eksklawami.
Poprawki mają pierwszeństwo przed źródłem
Edytowana granica zapisuje się jako nadpisanie, więc późniejsze odświeżenie z OpenStreetMap nigdy po cichu nie przywróci złego kształtu.
Pętla zamyka się we wsparciu
Zgłoszenie „zły kontur” naprawiasz w tym samym panelu, do którego trafiło: otwierasz zgłoszenie, otwierasz miasto, rysujesz od nowa, odpowiadasz.
Metadane przy kształcie
Powierzchnia, liczba ludności, współrzędne i notatka są zapisane razem z kształtem, więc strona porównania aktualizuje się wraz z nim.
Pamięć podręczna
Pobierz granicę raz, serwuj ją zawsze
Kontury miast pochodzą z Nominatim, geokodera OpenStreetMap: wolnego, z limitem zapytań i nie do odpytywania za każdym razem, gdy ktoś wpisze „Tokio”. Dlatego każda granica przy pierwszym użyciu trafia do własnej bazy danych strony i później jest serwowana stamtąd. Powtórne wyszukiwania nie wychodzą poza serwer.
Dziś ta pamięć podręczna przechowuje 20 948 granic miast, każdą z zapisanym źródłem. To ta sama tabela, którą zmienia edytor kształtów: nadpisanie to po prostu wpis poprawiony przez człowieka.
Boundary Overrides w panelu: 20 948 zapisanych granic ze źródłem każdej z nich – miasto lub jednostka administracyjna z Nominatim, część oznaczona jako przybliżona.
Technologie
Front-end
React
Vite
Zustand
Ant Design
Mapa i geodane
Mapbox GL JS
Mapbox GL Draw
GeoJSON
OpenStreetMap przez Nominatim
Back-end
Node.js
Express
PostgreSQL
Google Cloud Run
Poczta i hosting
AWS SES
S3
SNS
Lambda
CloudFront
Wyszukiwarka i analityka
Dane strukturalne Schema.org
Mapy witryny XML
Google Tag Manager
GA4
Search Console
Co zrobiliśmy
Projekt produktu
Aplikacja webowa
Mapa interaktywna
Programmatic SEO
Dane geoprzestrzenne
Wizualizacja danych
Logowanie
Udostępnianie
Dane strukturalne
Treści i rankingi
Analityka
Wdrożenie
Najczęstsze pytania
Jak dokładne są granice miast?
Kontury to granice administracyjne z OpenStreetMap, a kilka z nich jest w aplikacji oznaczonych jako przybliżone. Nadają się do porównań i nauki, ale nie do celów prawnych, geodezyjnych, planistycznych czy statystycznych.
Czy mogę porównać więcej niż dwa miasta?
Tak, nawet dziesięć na jednej mapie po zalogowaniu przez Google, Facebooka lub e-mail. Udostępniony link otwiera cały zestaw.
Czy potrzebuję konta?
Nie. Porównanie dwóch miast i udostępnienie linku działa bez konta, a konto podnosi limit do dziesięciu.
Wypróbuj CompareCitySizes.com
Otwórz produkt albo porozmawiaj z nami o zbudowaniu czegoś podobnego dla swojego zespołu.
