Зміст
Це практичний посібник із використанням ChatGPT Work та даних Outscraper для створення каталогу стоматологічних клінік Чикаго з можливістю пошуку. Створення каталог місцевих підприємств стає простішим, коли структура веб-сайту та бізнес-дані розглядаються як окремі складові одного робочого процесу.
У цьому посібнику я пояснюю, як шість кроки Я створив каталог із можливістю пошуку, використовуючи ChatGPT Work та експорт JSON у форматі Outscraper.
Я використав стоматологічні клініки Чикаго як приклад для роботи. ChatGPT Work допоміг мені спланувати інтерфейс, згенерувати код веб-сайту, інтегрувати функцію пошуку та усунути проблеми під час розгортання. Outscraper надав структуровані дані про місцеві підприємства, які були використані для наповнення каталогу.
Початковий експортний файл Outscraper містив 500 записів про підприємства. Після перевірки адрес, статусу діяльності та категорій бізнесу я відібрав 467 відповідних записів про стоматологічні клініки в Чикаго. Відвідувачі можуть здійснювати пошук у цьому каталозі за назвою клініки, категорією стоматологічних послуг, адресою або поштовим індексом.
Я підійшов до цього проєкту як SEO-стратег і технічний письменник, який досі навчається веб-розробці. Я не писав весь додаток власноруч. Моя роль полягала в тому, щоб визначити вимоги, впорядкувати дані, перевірити інтерфейс, протестувати результати та задокументувати, що працювало, а що давало збій.
Коротка відповідь: Як створити каталог місцевих підприємств
- Визначте нішу, місце розташування та структуру веб-сайту.
- Створіть інтерфейс із функцією пошуку за допомогою ChatGPT Work.
- Збирайте відповідні ділові документи за допомогою Outscraper.
- Експортуйте, очистіть та впорядкуйте дані у форматі JSON.
- Зв’яжіть записи зі списками каталогів та фільтрами.
- Тестуйте, публікуйте та регулярно оновлюйте веб-сайт.
Хочете зібрати дані про місцеві підприємства для свого довідника? Скористайтеся Outscraper Google Maps Scraper щоб здійснити пошук за категорією та місцем розташування.
Що я створив за допомогою ChatGPT Work та Outscraper
У рамках цього проєкту я створив каталог із функцією пошуку для тих, хто шукає стоматологічні клініки в Чикаго. Я обрав одну категорію бізнесу та одне місто, щоб зосередитися на повному робочому процесі — від збору даних до публікації веб-сайту.
Готовий прототип дає відвідувачам можливість:
- Пошук за назвою клініки або категорією стоматологічних послуг
- Пошук за адресою або поштовим індексом Чикаго
- Перегляньте перелік стоматологічних клінік загального профілю, дитячих, косметичних, ортодонтичних та спеціалізованих
- Порівняйте рейтинги та кількість відгуків
- Перегляньте веб-сайти клінік, їхні номери телефонів та сторінки з відгуками.
Нижче ви можете ознайомитися з готовим прототипом веб-сайту-каталогу, який дозволяє відвідувачам шукати та порівнювати стоматологічні клініки в Чикаго.
Як кожен інструмент сприяв створенню каталогу
ChatGPT Work, Outscraper, JSON та редакційна перевірка забезпечували підтримку різних етапів робочого процесу веб-сайту.
Цей невеликий, цілеспрямований проєкт дав мені можливість на практиці зрозуміти, як структуровані дані про місцеві підприємства можуть бути перенесені з експортованого файлу на веб-сайт із можливістю пошуку. Першим кроком стало точне визначення того, що саме мав охоплювати цей каталог.
Як я створив каталог місцевих підприємств
Я розділив проект на шість практичних етапів, починаючи з концепції каталогу і закінчуючи опублікованим веб-сайтом, наповненим реальними бізнес-записами. Кожен етап був присвячений конкретній частині робочого процесу, зокрема плануванню веб-сайту, розробці інтерфейсу, збиранню даних, підготовці JSON, інтеграції пошуку та тестуванню.
Процес розпочався з невеликого прототипу, створеного на основі зразкових оголошень. Після того як стали чіткими макет та інтерфейс пошуку, я зібрав дані про стоматологічні клініки Чикаго за допомогою Outscraper і замінив зразковий вміст відфільтрованими JSON дані. Такий підхід дав мені змогу ознайомитися зі структурою веб-сайту ще до початку роботи з повним набором даних.
Використовуйте скрейпер Google Maps для збору даних про підприємства за категоріями та місцем розташування, включаючи наявні контактні дані, рейтинги, відгуки, веб-сайти та поля, що відображають статус підприємства.
Крок 1: Визначення ніші каталогу та вимог
Перед початком розробки веб-сайту я визначив сферу діяльності каталогу:
- Категорія: Стоматологічні клініки
- Місцезнаходження: Чикаго, штат Іллінойс
- Користувачі: Мешканці Чикаго, які шукають стоматологічну допомогу
- Мета: Допоможіть відвідувачам знайти та порівняти місцеві клініки
Я також вибрав найкорисніші поля для розміщення інформації, зокрема назву клініки, категорію, адресу, поштовий індекс, рейтинг, кількість відгуків, номер телефону, веб-сайт та статус підприємства. Ці поля стали орієнтиром як для збору даних Outscraper, так і для структури веб-сайту.
Якщо ви все ще обираєте нішу для каталогу, список від Outscraper Категорії підприємств у Google Maps допоможе вам визначити єдині назви категорій для завдання зі збору даних.
У першій версії я зосередився на створенні головної сторінки з функцією пошуку, яка містила б категорії спеціалізацій, картки клінік, фільтри за місцем розташування, індикатори довіри та нижній колонтитул, оптимізований для SEO. Такі функції, як окремі сторінки клінік, бронювання прийомів та облікові записи користувачів, можна буде розглянути пізніше.
Визначивши обсяг робіт та вимоги, я був готовий створити прототип веб-сайту за допомогою ChatGPT Work.
Крок 2: Створення прототипу веб-сайту за допомогою ChatGPT Work
Я надав ChatGPT Work структурований бриф, у якому виклав мету каталогу, цільову аудиторію, розділи головної сторінки, поля пошуку, візуальний стиль та вимоги до локального SEO.
Ось підказка, яку я використовував:
ChatGPT Work використав цей бриф для створення першого прототипу веб-сайту, що включає:
- Розділ «Герої» з функцією пошуку за критеріями та місцем розташування
- Категорії стоматологічних спеціальностей
- Показники довіри та якості даних
- Клінічні картки з високими оцінками
- Навігація по Чикаго
- Нижній колонтитул для локального SEO
- Адаптивні макети для настільних комп’ютерів та мобільних пристроїв
У першій версії використовувалися зразки оголошень клінік, щоб я міг ознайомитися зі структурою перед імпортом реальних даних про підприємства. Я перевірив формулювання, кольори, інтервали, поведінку на мобільних пристроях та дизайн карток оголошень, перш ніж перейти до етапу збору даних Outscraper.
Крок 3: Збір бізнес-даних за допомогою Outscraper
Як тільки прототип веб-сайту був готовий, я скористався Outscraper Google Maps Scraper з метою збору загальнодоступної інформації про діяльність стоматологів у Чикаго.
Я налаштував пошук за категорією «стоматологія» та місцем розташування «Чикаго», а потім завантажив результати у вигляді файлу JSON. Експорт містив 500 записів про підприємства з такими полями, як:
- Назва підприємства та категорія діяльності
- Адреса
- Номер телефону
- Веб-сайт
- Оцінка та кількість відгуків
- Статус підприємства
- Посилання на відгук
- Ідентифікатор Google Place
Якщо ви хочете повторити цей процес, то Посібник для початківців зі скрейпінгу даних з Google Maps пояснює, як налаштувати завдання, відстежувати його виконання та завантажити файл з результатами.
Експортований файл містив необроблені дані, необхідні для створення каталогу. Перед тим, як додати їх на веб-сайт, мені ще потрібно було перевірити місцезнаходження, видалити категорії, що не мають відношення до справи, обробити відсутні значення та впорядкувати записи у єдиний формат.
Повний процес очищення даних та робота з JSON будуть розглянуті в окремому посібнику, присвяченому наповненню локального каталогу підприємств даними з Outscraper.
Outscraper також пропонує послуги з пошуку контактних даних, доповнення існуючих записів, експорту структурованих даних та інтеграції робочих процесів з бізнес-даними через API.
Крок 4: Перегляд, фільтрування та впорядкування даних у форматі JSON
Експортний файл Outscraper містив 500 записів, але мені потрібно було перевірити дані, перш ніж використовувати їх на веб-сайті.
Я зберіг оголошення, які:
- Мав адресу в Чикаго
- Were marked as operational
- Belonged to a relevant dental category
- Had a unique Google Place ID
I removed records with unrelated or blank categories and organized the remaining fields into a consistent structure. I also grouped specific categories, such as pediatric dentists, cosmetic dentists, orthodontists, and oral surgeons, into broader directory sections.
For a detailed explanation of structuring business records, see the guide to building a local business database from Google Maps.
After filtering, 467 Chicago dental listings qualified for the prototype. The cleaned JSON file was then ready to replace the sample listings used in the original website design.
Step 5: Connect the Data and Test the Directory
I uploaded the cleaned JSON file to ChatGPT Work and asked it to replace the sample listings with the qualifying Chicago dental records.
The website connected the data to:
- Clinic listing cards
- Name and category search
- Address and ZIP code search
- Ratings and review counts
- Website, phone, and review links
- Dental specialty filters
I then tested different searches and checked how the cards handled missing websites, phone numbers, and ratings. I also reviewed the layout on desktop and mobile to confirm that the search fields, categories, and listing information remained easy to use.
Once the real records and search functions were working, the directory was ready for publishing.
Step 6: Publish, Verify, and Plan Data Updates
After testing the populated directory, I used ChatGPT Work to build and publish the website through ChatGPT Sites.
Publishing required more than confirming that the deployment had finished. I also checked:
- Whether the website was publicly accessible
- Whether the homepage returned a successful response
- Whether the interface rendered correctly
- Whether the search and listing links worked
- Whether the mobile layout remained usable
The first deployment had access and rendering problems, which I resolved by reviewing the site settings, production response, and deployment logs. I will explain these issues in the troubleshooting section.
The published directory uses a snapshot of the Outscraper data. Because ratings, websites, phone numbers, and business status can change, the project will also need a repeatable process for collecting fresh data, reviewing the changes, and updating the website.
For a more detailed directory, Outscraper’s enrichment services can help add available contact details and other business information to existing records.
What Broke and What the Prototype Still Needs
The website worked during the local build, but publishing revealed problems that were not visible in the prototype. The Outscraper export also lacked several fields that would be useful in a more complete directory.
Problems I Found During Publishing
The first published version had a restricted access setting connected to the Team workspace. After changing the site to public, the homepage returned an HTTP 404 error because the production environment could not locate the website files correctly.
The next version loaded but displayed part of the JavaScript as visible text. A final packaging change placed the page container, styles, and application script in the correct order.
I republished the website and confirmed that the homepage returned a successful 200 OK response. This showed me that a completed build still needs to be tested through the public URL.
Current Data Limitations
На сьогоднішній день, на жаль, це не так. directory uses one Outscraper data export, and the file did not contain every field needed for a complete local directory.
The main limitations included:
- No latitude and longitude coordinates
- No consistent Chicago neighborhood field
- No opening hours
- No clinic photos
- No detailed list of dental services
- Missing websites, phone numbers, or ratings in some records
- No appointment or insurance information
Because reliable coordinates and neighborhood names were unavailable, the map remained decorative and location searches relied on addresses and ZIP codes.
Business information can also change after collection. Visitors should confirm services, opening hours, insurance acceptance, and appointment availability directly with each clinic.
A future Outscraper export with additional fields would support richer listings and more accurate location pages.
What I Learned and What I Will Improve Next
This project gave me a practical view of how website planning, structured data, search functionality, and publishing work together. It also showed me which parts of the prototype need further development.
What I Learned
My main lessons were:
- A focused scope makes the project manageable. Choosing one category and one city helped me prioritize the essential directory features.
- Structured data needs editorial review. I needed clear rules for location, business status, category relevance, duplicates, and missing fields.
- A prototype helps validate the interface. Sample listings allowed me to review the layout before connecting the complete JSON export.
- AI-assisted development still requires direction. Clear prompts, testing, and specific feedback improved the website.
- Publishing needs separate verification. A successful local build did not guarantee that the public website would work correctly.
- Directory data needs maintenance. Ratings, websites, phone numbers, and operating status can change over time.
I did not manually write every line of code, but I became more familiar with JSON, search filters, website components, deployment logs, and data-quality decisions.
What I Will Improve Next
My next priorities are:
- Collect coordinates, opening hours, photos, and additional clinic details
- Map listings to accurate Chicago neighborhoods
- Create individual pages for qualifying clinics
- Move the records from a static JSON file into a database
- Add pagination and more detailed search filters
- Create a process for comparing new and previous Outscraper exports
- Test page speed, accessibility, and mobile usability
I plan to approach these improvements in smaller stages and document what works, what needs revision, and what I learn from each update.
Final Checklist: How to Build a Local Business Directory
Use this workflow to move from a directory idea to a published website:
- Define the directory scope. Choose the business category, target location, intended users, and information each listing should contain.
- Plan and build the prototype. Create the search fields, categories, listing cards, navigation and responsive layout with ChatGPT Work.
- Collect the business data. Використання Outscraper to gather relevant public business records by category and location.
- Review and organize the export. Check the addresses, operating status, categories, duplicates, and missing fields before importing the JSON data.
- Connect and test the listings. Add the cleaned records to the website and test the search, filters, contact links, and mobile layout.
- Publish and maintain the directory. Verify the public website and create a process for updating the business records.
You can use Google Maps Scraper to collect public business details by category and location. Export the results, organize the fields your directory needs, and use the data to populate searchable business listings.
ПОШИРЕНІ ЗАПИТАННЯ
Найпоширеніші запитання та відповіді
Як мінімум, вкажіть назву підприємства, категорію, адресу, номер телефону, веб-сайт, рейтинг, кількість відгуків та статус підприємства. Додайте години роботи, перелік послуг, фотографії, координати та інформацію про запис на прийом, якщо є достовірні дані.
Так. Файл у форматі JSON цілком підійде для раннього прототипу з обмеженою кількістю оголошень. У міру розширення каталогу база даних зазвичай є кращим варіантом для управління оновленнями, окремими сторінками оголошень, фільтрацією та великими наборами даних.
Скористайтеся інструментом для роботи з бізнес-даними, таким як Outscraper Google Maps Scraper зібрати публічні бізнес-записи за категоріями та місцем розташування. Перегляньте експортовані записи перед тим, як опублікувати їх у вашому каталозі.
Перед імпортом даних слід встановити чіткі правила відбору. У цьому проєкті я вів облік, що містив адресу в Чикаго, статус діяльності, відповідну стоматологічну категорію та унікальний ідентифікатор Google Place.
Графік оновлення залежить від ніші та розміру каталогу. Щомісячний або щоквартальний перегляд є доцільним початком, оскільки веб-сайти підприємств, номери телефонів, рейтинги, години роботи та статус діяльності можуть змінюватися.
Не обов'язково. Такі інструменти, як ChatGPT Work, можуть допомогти у створенні прототипу, але вам все одно доведеться визначити структуру каталогів, перевірити дані, протестувати веб-сайт та перевірити опублікований результат. Для використання більш просунутих функцій, таких як база даних та автоматичні оновлення, може знадобитися додаткова технічна підтримка.
Зміст
Це практичний посібник із використанням ChatGPT Work та даних Outscraper для створення каталогу стоматологічних клінік Чикаго з можливістю пошуку. Створення каталог місцевих підприємств стає простішим, коли структура веб-сайту та бізнес-дані розглядаються як окремі складові одного робочого процесу.
У цьому посібнику я пояснюю, як шість кроки Я створив каталог із можливістю пошуку, використовуючи ChatGPT Work та експорт JSON у форматі Outscraper.
Я використав стоматологічні клініки Чикаго як приклад для роботи. ChatGPT Work допоміг мені спланувати інтерфейс, згенерувати код веб-сайту, інтегрувати функцію пошуку та усунути проблеми під час розгортання. Outscraper надав структуровані дані про місцеві підприємства, які були використані для наповнення каталогу.
Початковий експортний файл Outscraper містив 500 записів про підприємства. Після перевірки адрес, статусу діяльності та категорій бізнесу я відібрав 467 відповідних записів про стоматологічні клініки в Чикаго. Відвідувачі можуть здійснювати пошук у цьому каталозі за назвою клініки, категорією стоматологічних послуг, адресою або поштовим індексом.
Я підійшов до цього проєкту як SEO-стратег і технічний письменник, який досі навчається веб-розробці. Я не писав весь додаток власноруч. Моя роль полягала в тому, щоб визначити вимоги, впорядкувати дані, перевірити інтерфейс, протестувати результати та задокументувати, що працювало, а що давало збій.
Коротка відповідь: Як створити каталог місцевих підприємств
- Визначте нішу, місце розташування та структуру веб-сайту.
- Створіть інтерфейс із функцією пошуку за допомогою ChatGPT Work.
- Збирайте відповідні ділові документи за допомогою Outscraper.
- Експортуйте, очистіть та впорядкуйте дані у форматі JSON.
- Зв’яжіть записи зі списками каталогів та фільтрами.
- Тестуйте, публікуйте та регулярно оновлюйте веб-сайт.
Хочете зібрати дані про місцеві підприємства для свого довідника? Скористайтеся Outscraper Google Maps Scraper щоб здійснити пошук за категорією та місцем розташування.
Що я створив за допомогою ChatGPT Work та Outscraper
У рамках цього проєкту я створив каталог із функцією пошуку для тих, хто шукає стоматологічні клініки в Чикаго. Я обрав одну категорію бізнесу та одне місто, щоб зосередитися на повному робочому процесі — від збору даних до публікації веб-сайту.
Готовий прототип дає відвідувачам можливість:
- Пошук за назвою клініки або категорією стоматологічних послуг
- Пошук за адресою або поштовим індексом Чикаго
- Перегляньте перелік стоматологічних клінік загального профілю, дитячих, косметичних, ортодонтичних та спеціалізованих
- Порівняйте рейтинги та кількість відгуків
- Перегляньте веб-сайти клінік, їхні номери телефонів та сторінки з відгуками.
Нижче ви можете ознайомитися з готовим прототипом веб-сайту-каталогу, який дозволяє відвідувачам шукати та порівнювати стоматологічні клініки в Чикаго.
Як кожен інструмент сприяв створенню каталогу
ChatGPT Work, Outscraper, JSON та редакційна перевірка забезпечували підтримку різних етапів робочого процесу веб-сайту.
Цей невеликий, цілеспрямований проєкт дав мені можливість на практиці зрозуміти, як структуровані дані про місцеві підприємства можуть бути перенесені з експортованого файлу на веб-сайт із можливістю пошуку. Першим кроком стало точне визначення того, що саме мав охоплювати цей каталог.
Як я створив каталог місцевих підприємств
Я розділив проект на шість практичних етапів, починаючи з концепції каталогу і закінчуючи опублікованим веб-сайтом, наповненим реальними бізнес-записами. Кожен етап був присвячений конкретній частині робочого процесу, зокрема плануванню веб-сайту, розробці інтерфейсу, збиранню даних, підготовці JSON, інтеграції пошуку та тестуванню.
Процес розпочався з невеликого прототипу, створеного на основі зразкових оголошень. Після того як стали чіткими макет та інтерфейс пошуку, я зібрав дані про стоматологічні клініки Чикаго за допомогою Outscraper і замінив зразковий вміст відфільтрованими JSON дані. Такий підхід дав мені змогу ознайомитися зі структурою веб-сайту ще до початку роботи з повним набором даних.
Використовуйте скрейпер Google Maps для збору даних про підприємства за категоріями та місцем розташування, включаючи наявні контактні дані, рейтинги, відгуки, веб-сайти та поля, що відображають статус підприємства.
Крок 1: Визначення ніші каталогу та вимог
Перед початком розробки веб-сайту я визначив сферу діяльності каталогу:
- Категорія: Стоматологічні клініки
- Місцезнаходження: Чикаго, штат Іллінойс
- Користувачі: Мешканці Чикаго, які шукають стоматологічну допомогу
- Мета: Допоможіть відвідувачам знайти та порівняти місцеві клініки
Я також вибрав найкорисніші поля для розміщення інформації, зокрема назву клініки, категорію, адресу, поштовий індекс, рейтинг, кількість відгуків, номер телефону, веб-сайт та статус підприємства. Ці поля стали орієнтиром як для збору даних Outscraper, так і для структури веб-сайту.
Якщо ви все ще обираєте нішу для каталогу, список від Outscraper Категорії підприємств у Google Maps допоможе вам визначити єдині назви категорій для завдання зі збору даних.
У першій версії я зосередився на створенні головної сторінки з функцією пошуку, яка містила б категорії спеціалізацій, картки клінік, фільтри за місцем розташування, індикатори довіри та нижній колонтитул, оптимізований для SEO. Такі функції, як окремі сторінки клінік, бронювання прийомів та облікові записи користувачів, можна буде розглянути пізніше.
Визначивши обсяг робіт та вимоги, я був готовий створити прототип веб-сайту за допомогою ChatGPT Work.
Крок 2: Створення прототипу веб-сайту за допомогою ChatGPT Work
Я надав ChatGPT Work структурований бриф, у якому виклав мету каталогу, цільову аудиторію, розділи головної сторінки, поля пошуку, візуальний стиль та вимоги до локального SEO.
Ось підказка, яку я використовував:
ChatGPT Work використав цей бриф для створення першого прототипу веб-сайту, що включає:
- Розділ «Герої» з функцією пошуку за критеріями та місцем розташування
- Категорії стоматологічних спеціальностей
- Показники довіри та якості даних
- Клінічні картки з високими оцінками
- Навігація по Чикаго
- Нижній колонтитул для локального SEO
- Адаптивні макети для настільних комп’ютерів та мобільних пристроїв
У першій версії використовувалися зразки оголошень клінік, щоб я міг ознайомитися зі структурою перед імпортом реальних даних про підприємства. Я перевірив формулювання, кольори, інтервали, поведінку на мобільних пристроях та дизайн карток оголошень, перш ніж перейти до етапу збору даних Outscraper.
Крок 3: Збір бізнес-даних за допомогою Outscraper
Як тільки прототип веб-сайту був готовий, я скористався Outscraper Google Maps Scraper з метою збору загальнодоступної інформації про діяльність стоматологів у Чикаго.
Я налаштував пошук за категорією «стоматологія» та місцем розташування «Чикаго», а потім завантажив результати у вигляді файлу JSON. Експорт містив 500 записів про підприємства з такими полями, як:
- Назва підприємства та категорія діяльності
- Адреса
- Номер телефону
- Веб-сайт
- Оцінка та кількість відгуків
- Статус підприємства
- Посилання на відгук
- Ідентифікатор Google Place
Якщо ви хочете повторити цей процес, то Посібник для початківців зі скрейпінгу даних з Google Maps пояснює, як налаштувати завдання, відстежувати його виконання та завантажити файл з результатами.
Експортований файл містив необроблені дані, необхідні для створення каталогу. Перед тим, як додати їх на веб-сайт, мені ще потрібно було перевірити місцезнаходження, видалити категорії, що не мають відношення до справи, обробити відсутні значення та впорядкувати записи у єдиний формат.
Повний процес очищення даних та робота з JSON будуть розглянуті в окремому посібнику, присвяченому наповненню локального каталогу підприємств даними з Outscraper.
Outscraper також пропонує послуги з пошуку контактних даних, доповнення існуючих записів, експорту структурованих даних та інтеграції робочих процесів з бізнес-даними через API.
Крок 4: Перегляд, фільтрування та впорядкування даних у форматі JSON
Експортний файл Outscraper містив 500 записів, але мені потрібно було перевірити дані, перш ніж використовувати їх на веб-сайті.
Я зберіг оголошення, які:
- Мав адресу в Чикаго
- Were marked as operational
- Belonged to a relevant dental category
- Had a unique Google Place ID
I removed records with unrelated or blank categories and organized the remaining fields into a consistent structure. I also grouped specific categories, such as pediatric dentists, cosmetic dentists, orthodontists, and oral surgeons, into broader directory sections.
For a detailed explanation of structuring business records, see the guide to building a local business database from Google Maps.
After filtering, 467 Chicago dental listings qualified for the prototype. The cleaned JSON file was then ready to replace the sample listings used in the original website design.
Step 5: Connect the Data and Test the Directory
I uploaded the cleaned JSON file to ChatGPT Work and asked it to replace the sample listings with the qualifying Chicago dental records.
The website connected the data to:
- Clinic listing cards
- Name and category search
- Address and ZIP code search
- Ratings and review counts
- Website, phone, and review links
- Dental specialty filters
I then tested different searches and checked how the cards handled missing websites, phone numbers, and ratings. I also reviewed the layout on desktop and mobile to confirm that the search fields, categories, and listing information remained easy to use.
Once the real records and search functions were working, the directory was ready for publishing.
Step 6: Publish, Verify, and Plan Data Updates
After testing the populated directory, I used ChatGPT Work to build and publish the website through ChatGPT Sites.
Publishing required more than confirming that the deployment had finished. I also checked:
- Whether the website was publicly accessible
- Whether the homepage returned a successful response
- Whether the interface rendered correctly
- Whether the search and listing links worked
- Whether the mobile layout remained usable
The first deployment had access and rendering problems, which I resolved by reviewing the site settings, production response, and deployment logs. I will explain these issues in the troubleshooting section.
The published directory uses a snapshot of the Outscraper data. Because ratings, websites, phone numbers, and business status can change, the project will also need a repeatable process for collecting fresh data, reviewing the changes, and updating the website.
For a more detailed directory, Outscraper’s enrichment services can help add available contact details and other business information to existing records.
What Broke and What the Prototype Still Needs
The website worked during the local build, but publishing revealed problems that were not visible in the prototype. The Outscraper export also lacked several fields that would be useful in a more complete directory.
Problems I Found During Publishing
The first published version had a restricted access setting connected to the Team workspace. After changing the site to public, the homepage returned an HTTP 404 error because the production environment could not locate the website files correctly.
The next version loaded but displayed part of the JavaScript as visible text. A final packaging change placed the page container, styles, and application script in the correct order.
I republished the website and confirmed that the homepage returned a successful 200 OK response. This showed me that a completed build still needs to be tested through the public URL.
Current Data Limitations
На сьогоднішній день, на жаль, це не так. directory uses one Outscraper data export, and the file did not contain every field needed for a complete local directory.
The main limitations included:
- No latitude and longitude coordinates
- No consistent Chicago neighborhood field
- No opening hours
- No clinic photos
- No detailed list of dental services
- Missing websites, phone numbers, or ratings in some records
- No appointment or insurance information
Because reliable coordinates and neighborhood names were unavailable, the map remained decorative and location searches relied on addresses and ZIP codes.
Business information can also change after collection. Visitors should confirm services, opening hours, insurance acceptance, and appointment availability directly with each clinic.
A future Outscraper export with additional fields would support richer listings and more accurate location pages.
What I Learned and What I Will Improve Next
This project gave me a practical view of how website planning, structured data, search functionality, and publishing work together. It also showed me which parts of the prototype need further development.
What I Learned
My main lessons were:
- A focused scope makes the project manageable. Choosing one category and one city helped me prioritize the essential directory features.
- Structured data needs editorial review. I needed clear rules for location, business status, category relevance, duplicates, and missing fields.
- A prototype helps validate the interface. Sample listings allowed me to review the layout before connecting the complete JSON export.
- AI-assisted development still requires direction. Clear prompts, testing, and specific feedback improved the website.
- Publishing needs separate verification. A successful local build did not guarantee that the public website would work correctly.
- Directory data needs maintenance. Ratings, websites, phone numbers, and operating status can change over time.
I did not manually write every line of code, but I became more familiar with JSON, search filters, website components, deployment logs, and data-quality decisions.
What I Will Improve Next
My next priorities are:
- Collect coordinates, opening hours, photos, and additional clinic details
- Map listings to accurate Chicago neighborhoods
- Create individual pages for qualifying clinics
- Move the records from a static JSON file into a database
- Add pagination and more detailed search filters
- Create a process for comparing new and previous Outscraper exports
- Test page speed, accessibility, and mobile usability
I later revisited this project with a newer Outscraper export and added clinic pages, more filters, pagination, category groups, and map-based browsing. Read how I added advanced local business directory features to see the second stage of the project.
Final Checklist: How to Build a Local Business Directory
Use this workflow to move from a directory idea to a published website:
- Define the directory scope. Choose the business category, target location, intended users, and information each listing should contain.
- Plan and build the prototype. Create the search fields, categories, listing cards, navigation and responsive layout with ChatGPT Work.
- Collect the business data. Використання Outscraper to gather relevant public business records by category and location.
- Review and organize the export. Check the addresses, operating status, categories, duplicates, and missing fields before importing the JSON data.
- Connect and test the listings. Add the cleaned records to the website and test the search, filters, contact links, and mobile layout.
- Publish and maintain the directory. Verify the public website and create a process for updating the business records.
You can use Google Maps Scraper to collect public business details by category and location. Export the results, organize the fields your directory needs, and use the data to populate searchable business listings.
ПОШИРЕНІ ЗАПИТАННЯ
Найпоширеніші запитання та відповіді
Як мінімум, вкажіть назву підприємства, категорію, адресу, номер телефону, веб-сайт, рейтинг, кількість відгуків та статус підприємства. Додайте години роботи, перелік послуг, фотографії, координати та інформацію про запис на прийом, якщо є достовірні дані.
Так. Файл у форматі JSON цілком підійде для раннього прототипу з обмеженою кількістю оголошень. У міру розширення каталогу база даних зазвичай є кращим варіантом для управління оновленнями, окремими сторінками оголошень, фільтрацією та великими наборами даних.
Скористайтеся інструментом для роботи з бізнес-даними, таким як Outscraper Google Maps Scraper зібрати публічні бізнес-записи за категоріями та місцем розташування. Перегляньте експортовані записи перед тим, як опублікувати їх у вашому каталозі.
Перед імпортом даних слід встановити чіткі правила відбору. У цьому проєкті я вів облік, що містив адресу в Чикаго, статус діяльності, відповідну стоматологічну категорію та унікальний ідентифікатор Google Place.
Графік оновлення залежить від ніші та розміру каталогу. Щомісячний або щоквартальний перегляд є доцільним початком, оскільки веб-сайти підприємств, номери телефонів, рейтинги, години роботи та статус діяльності можуть змінюватися.
Не обов'язково. Такі інструменти, як ChatGPT Work, можуть допомогти у створенні прототипу, але вам все одно доведеться визначити структуру каталогів, перевірити дані, протестувати веб-сайт та перевірити опублікований результат. Для використання більш просунутих функцій, таких як база даних та автоматичні оновлення, може знадобитися додаткова технічна підтримка.
