Разработка и предпроектное SEO — Радужка

Задача

Радужка — клиника офтальмологии в Калининграде. Обратились за переработкой сайта и дальнейшим продвижением.

Старый сайт был самописный, регулярно давал сбои, не защищён от атак, плохо индексировался и не подходил для SEO. Страницы не имели стабильной структуры, сайт не масштабировался и терял позиции в поиске.

Цель — обновить визуал и сделать сайт инструментом, который будет приносить органический трафик и заявки. Чтобы это реализовать, предложили перенос на 1С-Битрикс.

Решение

Работа шла поэтапно. Проверили текущий сайт на технические ошибки, проанализировали поисковую видимость, подключили аналитику. Параллельно начали SEO-исследование: изучили конкурентов, собрали семантику, выстроили логику будущей структуры.

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

Начали разрабатывать сайт. Согласовали макеты, сверстали страницы, подготовили контент с учётом SEO. Подготовили мета-теги, SEO-тексты, базу для оптимизации поведенческих факторов. Затем проверили корректность индексации, устранили базовые ошибки, начали постепенную оптимизацию.

Предпроектный анализ и планирование

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

Проанализировали конкурентов, изучили спрос, отобрали ключевые страницы, которые должны привлекать трафик. Определили лишние блоки, мешающие конверсии, и предложили новую логику структуры.

С учётом всех ограничений самописного решения — предложили перейти на 1С-Битрикс. Объяснили, почему: стабильность, защищённость, высокая производительность, расширенные возможности под SEO и удобная CMS. Клиент поддержал решение.

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

Верстка и фронтенд

Разработали макеты страниц в Figma. Внимание уделили скорости загрузки, удобству навигации, мобильной адаптации. Учли опыт конкурентов и информацию из предпроектного исследования. Визуально усилили сайт с помощью чёткого разделения блоков об услугах, компании, контактах.

Верстали страницы с использованием HTML, CSS и TypeScript. Такой стек технологий обеспечил кроссбраузерную совместимость и гибкую адаптивность. Для слайдеров и всплывающих окон подключили Swiper и Fancybox. Использовали препроцессор Sass для управления стилями, а Webpack — для сборки и оптимизации кода.

Чтобы ускорить загрузку, настроили кэширование и сжатие изображений. Свёрстанный сайт протестировали на разных устройствах, убедились в корректной работе элементов. После этого передали проект на сверку заказчику.

Тестировка

Вручную протестировали сайт. Проверили корректность отображения в разных браузерах и на нескольких устройствах — от десктопов до мобильных телефонов. Убедились, что интерактивные элементы работают стабильно, форма обратной связи передаёт данные, анимации работают плавно и не мешают чтению.

Проверили на ошибки вёрстки и доступность — чтобы интерфейс был удобен и понятен. Оценили скорость загрузки и техническое состояние страниц через Lighthouse: добились показателей выше 90 баллов по всем категориям. После этого собрали фидбек клиента и внесли финальные корректировки.

Настройка CMS и бэкенд

Настроили 1С-Битрикс: создали структуру сайта, меню, страницы и разделы. Разработали дополнительные модули на PHP для специфических функций — форм обратной связи с валидацией данных и отправкой в Bitrix CRM.

Подключили MySQL для хранения данных, обеспечили надёжность и масштабируемость базы. Настроили защиту от DDoS-атак и базовых уязвимостей, минимизировали риски взломов.

SEO-оптимизация

Работать начали ещё со старым сайтом: провели технический аудит, нашли проблемы в защите, индексации и дублях страниц. Подключили Яндекс Метрику, Вебмастер и SSL-сертификат — до этого сайт открывался по http и терял доверие поисковиков.

Восстановили доступы к хостингу и FTP: без этого нельзя внедрять изменения и полноценно заниматься продвижением. Удалили дубли главной страницы, прописали корректные мета-теги, устранили базовые ошибки. Это позволило стабилизировать индексацию и подготовить сайт к полноценному SEO.

Когда клиент согласился перенести сайт на Битриксе, проработали архитектуру: заложили структуру под SEO, чтобы каждая услуга, направление и город имели отдельные страницы. Посмотрели, как построены посадочные у конкурентов, какие триггеры и тексты используют.

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

Тестирование и оптимизация

Сначала проверили работу отдельных модулей: формы, слайдеры, кнопки. Затем протестировали интеграции и работу всех компонентов вместе. Убедились, что сайт корректно работает в популярных браузерах и на мобильных устройствах.

Исправили выявленные ошибки, связанные с кроссбраузерностью и производительностью. Провели нагрузочное тестирование — проверили, как сайт справляется с высокой посещаемостью. В итоге убедились, что он соответствует техническим требованиям и готов к запуску.

Результат

Перенесли сайт на тестовый домен, где заказчик проверил работу — протестировал админ-панель 1С-Битрикс и проверил корректность работы форм.

Сайт стал стабильным, защищённым и понятным для пользователей. Вместо хаотичной структуры — чёткая архитектура, которую удобно развивать и индексировать. Добавили страницы под ключевые направления: услуги, диагностика, лазерная коррекция, детская офтальмология.

Страницы настроили под конкретные поисковые запросы — с оптимизированными заголовками, мета-тегами и контентом, заточенным под потребности клиентов.

После переноса доработали тексты, расширили семантическое ядро, настроили внутреннюю перелинковку. Отслеживали поведение пользователей и корректировали структуру — помогло повысить конверсию. В первый квартал после запуска сайт начал стабильно набирать позиции в поиске и привёл первых пациентов без вложений в рекламу. Видимость выросла на 40%.

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

Позиции в Яндексе:

Информация взята с:
https://novatechno.ru/portfolio/razrabotka-i-predproektnoe-seo-raduzhka/