🐾 Кейс · Веб-разработка

Редизайн и перевод на WordPress сайта питомника «Ланко»

Объединил три устаревших сайта многопородного питомника собак в один современный адаптивный сайт на WordPress: новый дизайн, корректный перенос контента, родословное древо питомцев, приём заявок с мини-CRM и Telegram-бот — всё редактируется владельцем в админке.

WordPress + ACF PHP Перенос данных Адаптивный дизайн Мини-CRM Telegram-бот PWA / APK SEO + Schema.org
3 → 1сайта объединены
7пород
1000+фото перенесено
20карточек собак
21статья блога
15альбомов галереи
О проекте

Задача

У питомника было три отдельных устаревших сайта (lanko.ru, king.lanko.ru, karavan-iti.ru) с громоздкой навигацией, частью нерабочих страниц и перепутанными фотографиями — например, фото алабая стояло под записью о японском хине. Нужно было собрать единый современный сайт, навести порядок в контенте и дать владельцу возможность самостоятельно его редактировать.

До и после

Старые сайты и новый

Сравнение

Что изменилось

ПараметрСтарые сайтыНовый сайт
ПлатформаСтатичные HTML, 3 разных сайтаWordPress + ACF, одна тема
СтруктураДесятки разрозненных страниц5 разделов: Главная · Питомцы · Блог · Галерея · Контакты
ДизайнУстаревший, без единого стиляСовременный, голубо-зелёная гамма, фон-«пятнышки»
Мобильная версия✗ нет✓ полный адаптив
Привязка фото к собакамПерепутаны (алабай под хином)Восстановлена по исходным данным
Родословные✗ нет✓ древо на 3 поколения со ссылками на предков
Породы / щенки / производителиРазные страницыЕдиный раздел «Питомцы» с фильтром по породам
БлогСтатьи разбросаны по сайтамЛента с фильтром по рубрикам + карта сайта
ГалереяПростой список фотоАльбомы-карточки с лайтбоксом
Услуги✗ нет✓ щенки, передержка, ветуход, груминг, дрессировка
Форма записи✗ нет✓ динамическая: поля подстраиваются под услугу
Приём заявок✗ нет✓ сохранение в БД + письмо; готовность к Amelia
CRM✗ нет✓ канбан-доска + календарь с периодами передержки
Telegram-бот✗ нет✓ запись, уведомления, напоминания, новости в блог
Редактирование владельцем✗ только через разработчика✓ полностью в админке WordPress
Битые ссылки и фотоПрисутствовалиПроверены и исправлены (0 битых)
Реализовано

Ключевые возможности

🌳

Родословное древо

Карточка собаки раскрывает отца, мать, дедов и бабок. Если предок есть на сайте — ведёт на его карточку.

🖼️

Корректные фото

Более 1000 фотографий перенесены и заново привязаны к нужным собакам и статьям по данным исходных сайтов.

🗂️

Контент в БД

Питомцы, помёты, статьи и альбомы — кастомные типы записей WordPress + ACF. Редактируются в админке.

📸

Галерея-альбомы

Альбомы-обложки с фильтром по тегам; клик открывает лайтбокс с перелистыванием.

📨

Динамическая форма записи

Поля подстраиваются под услугу: для передержки — даты и кличка, для груминга — одна дата, чекбоксы доп. услуг.

📥

Приём заявок

Заявки сохраняются в базе как отдельный тип записей и приходят на e-mail. Готовность к онлайн-записи через Amelia.

🗂️

Мини-CRM

Канбан-доска заявок (Новые / В процессе / Завершённые) и календарь FullCalendar с полосами периодов передержки.

💬

Telegram-бот

Приветствие и запись клиентов, уведомления и напоминания. Для владельца — публикация новостей в блог и сводки заявок.

👥

Несколько админов

Привязка администраторов по @нику Telegram с авто-подстановкой chat_id; уведомления приходят всем.

☁️

Релей через Cloudflare

Если хостинг блокирует входящие от Telegram, webhook проксируется через бесплатный Cloudflare Worker.

📝

Помощник в админке

Формы «Добавить питомца / статью»: владелец заполняет поля, выбирает фото — создаётся черновик в нужном разделе.

🚚

Импортёр данных

Пошаговый импорт всего контента и фотографий из подготовленного датасета одной кнопкой в админке.

📱

Адаптив

Корректная работа на телефонах и планшетах: меню, древо родословных, галерея, формы.

⚙️

Редактируемые тексты

Заголовки разделов, блок «О питомнике», контакты и услуги меняются через настройки темы без кода.

🤖

Задел под ИИ-ассистента

REST-эндпоинты и функции, чтобы подключить ИИ-помощника (DeepSeek/Qwen) для создания карточек по команде.

Как делалось

Процесс

1️⃣

Анализ и аудит

Разобрал выгрузку трёх сайтов, нашёл проблемы: битые страницы, перепутанные и «битые» (HTML вместо изображений) фото.

2️⃣

Сборка датасета

Скриптами на Python распарсил исходные данные, восстановил привязку фото к собакам и статьям, очистил тексты.

3️⃣

Дизайн и вёрстка

Кастомная дизайн-система, адаптивные шаблоны, родословное древо, галерея, формы.

4️⃣

WordPress-тема

CPT + ACF, импортёр, формы-помощники, настройки контента — всё под редактирование владельцем.

5️⃣

Сервисы

Приём заявок в БД, мини-CRM с календарём и Telegram-бот для записи, уведомлений и публикации новостей.

Вторая итерация

Обновление v2 — редизайн и личный кабинет

После запуска сайт прошёл вторую итерацию: обновлён дизайн главной, переработана логика разделов под реальные задачи питомника, а владельцу добавлен отдельный кабинет-приложение для ведения сайта с телефона — без админки WordPress и без Telegram.

РазделБыло (v1)Стало (v2)
Логотип в шапкеТекст «Питомник Ланко»Анимированный 3D-логотип «San Lang Hin» с вращающимися буквами
Раздел питомцев«Питомцы»Переименован в «Щенки на продажу» во всём меню и кнопках
ПородыКарточки-ссылки с подписямиЗацикленная лента-марка (фото + название), ведёт на «Щенки на продажу»
Щенки на главнойБлок «Помёты и малыши»Автослайдер карточек, подгружается автоматически
ГалереяОтдельный разделОбъединена с блогом; фото листаются в пределах одной записи
БлогЛента статейРаскрывающиеся карточки с фото-слайдером, тегом и описанием
КонтактыТекст и телефонДобавлена карта (г. Москва, Аминьевское шоссе, д. 4Дк1)
Старые сайты✗ нет✓ кнопка с выпадающим списком (lanko.ru · king.lanko.ru · karavan-iti.ru)
Баннеры главной✗ только код✓ редактор из админки и из кабинета
Кабинет владельца✗ только админка WordPress✓ приложение /app/ + APK для телефона
Без Telegram и VPN

Личный кабинет-приложение

Telegram в РФ без VPN недоступен, поэтому для владельца сделан кабинет прямо на сайте по адресу /app/: вход по обычному логину WordPress, простой мобильный интерфейс, устанавливается как приложение (PWA) или собирается в нативный APK.

🐶

Щенки на продажу

Создание карточки (кличка, пол, дата рождения, фото, описание), снятие с публикации, возврат и удаление — в пару касаний.

📝

Блог и фотоальбомы

Статьи и альбомы: тег, заголовок, фото, описание. Без описания — публикуется просто фотоальбом.

📋

CRM и календарь

Список заявок со сменой статуса (Новая / В работе / Завершена) и календарь визитов с напоминаниями.

🖼️

Баннеры главной

Загрузка, удаление и перестановка фотографий на главной странице прямо из кабинета.

📲

Установка как приложение

PWA: «Установить приложение» из браузера — иконка на телефоне. Service worker с офлайн-кэшем.

🤖

Нативный APK

Android-обёртка (WebView) с автоматической сборкой через GitHub Actions — установочный файл без среды разработки.

Третья итерация

Обновление v3 — продвижение, скорость и редактирование на ходу

Сайт довели до боевого состояния под реальные задачи: настроили поисковую видимость (в том числе для ИИ-поисковиков), ускорили загрузку по метрикам Google PageSpeed и расширили кабинет владельца — теперь прямо с телефона можно не только создавать, но и редактировать опубликованные карточки и новости.

РазделБыло (v2)Стало (v3)
Названия разделов«Блог», «Старые сайты»«Новости» и «Архив» — понятнее владельцу и посетителям
КонтактыТелефон и e-mailПрямой переход в Telegram по телефону + ссылка на Telegram-канал
SEO✗ только базовые мета-теги✓ title/description для каждой страницы, Open Graph, Twitter Card
Карта сайта✗ нет✓ собственный /sitemap.xml + robots.txt темы
Индексация ИИ-поиском✗ нет✓ разрешены боты GPTBot, PerplexityBot, ClaudeBot, Google-Extended и др.
Структурированные данные✗ нет✓ Schema.org JSON-LD (организация, статьи, карточки щенков)
Аналитика✗ нет✓ Яндекс.Метрика и Google Analytics — подключаются из админки
Скорость загрузкиБез оптимизацииfetchpriority/LCP, lazy-load, defer, асинхронные шрифты, CLS = 0
Кабинет владельцаТолько создание карточекРедактирование опубликованных щенков и новостей с телефона
Поиск и продвижение

Видимость в поиске — включая ИИ

Всё SEO встроено в тему: отдельный плагин не нужен. Тексты, коды подтверждения поисковиков и счётчики аналитики настраиваются в админке без правки кода.

🔎

Мета-теги на каждой странице

Заголовок, описание, Open Graph и Twitter Card формируются автоматически для главной, щенков, новостей и карточек.

🗺️

Карта сайта и robots

Собственный /sitemap.xml (встроенный WordPress на хостинге не отдавался) и robots.txt с запретом на админку и кабинет.

🧠

Доступ для ИИ-поиска

Явно разрешены краулеры ChatGPT, Perplexity, Claude, Gemini, Common Crawl — чтобы сайт попадал в ответы ИИ-поисковиков.

🏷️

Schema.org JSON-LD

Структурированные данные об организации-питомнике, статьях и щенках — поисковики и ИИ точно понимают содержимое.

📊

Аналитика из админки

Яндекс.Метрика и Google Analytics подключаются вставкой ID в настройках темы, без кода.

Оптимизация скорости

Приоритет первой картинки (LCP), ленивая загрузка, defer-скрипты, асинхронные шрифты, фиксированные размеры (CLS = 0), WebP через LiteSpeed.

Технологии

Стек

WordPressPHPACF HTML5CSS3JavaScript (vanilla) Python (ETL)REST APIFullCalendar Telegram Bot APICloudflare WorkersAmelia PWAService WorkerWeb App Manifest Android WebViewGitHub Actions Schema.org JSON-LDSEOЯндекс.Метрика Google AnalyticsLiteSpeed Cache