Доработка сайта Bropack на WordPress (правки по верстке, настройка форм и SEO)

Описание задачи:

Ищем опытного WordPress-разработчика/верстальщика для оперативного завершения проекта https://bropack.com.ua/ . Сайт уже сверстан и посажен на WordPress, но в связи со срывом сроков предыдущим исполнителем, необходимо закрыть техническую часть, настроить базовое SEO и внести ряд точечных визуальных правок строго по макету Figma.

Важно: Работа требует жесткого соблюдения дедлайнов и внимания к деталям. Оплата производится только после проверки всех пунктов ТЗ. У нас на руках есть полный бэкап сайта (файлы темы + БД) и ссылка на макеты в Figma.

Стоимость: Предусмотреть в стоимости работ правки до 10% от текущего ТЗ, которые на данный могут быть невидимы из-за незаконченной верстки. Также может быть небольшое изменение в дизайне некоторых блоков (высота, ширина, расположение кнопок, размер картинки).

Правки: Высылаются файлом Word заказчиком. Принимаются от исполнителя в этом же файле с комментариями напротив каждой строки. Без такого ответа на правки будет смена исполнителя.

1. Архитектура темы и базовая оптимизация

• Особенность сборки (Custom PHP): Сайт представляет собой кастомную тему, написанную на PHP/HTML/CSS/JS (без использования тяжелых визуальных билдеров). Логика управления контентом выведена во встроенный кастомайзер WordPress (Внешний вид -> Настроить). Все ключевые секции (Шапка, Hero, Коллажи, Блоки преимуществ) редактируются именно там. Вам предстоит работать напрямую с кодом (PHP-шаблонами) и этой структурой.

• URL-адреса: Настроить автоматическую транслитерацию URL-адресов (ЧПУ). Все кириллические названия страниц и записей должны автоматически конвертироваться в латиницу (например, "Про компанію" -> /pro-kompaniyu/) 

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

• SEO для кастомных блоков: На страницах с блоками предусмотреть корректную работу/настройку СЕО.

• Атрибуты изображений (Alt/Title): В текущих PHP-шаблонах (в частности, в статьях блога и элементах бенто-сетки) не выводятся атрибуты alt и title для изображений. Необходимо доработать логику вывода картинок так, чтобы эти атрибуты динамически подтягивались из стандартной медиабиблиотеки WordPress. Без этого невозможна корректная SEO-оптимизация изображений.

• Микроразметка (Schema.org): В плагине Yoast SEO настроить микроразметку Schema.org для Google.
  - Настроить глобальные параметры организации (название компании, логотип, контактные данные).
  - Проверить корректность генерации тегов и технической даты изменения страниц (dateModified), чтобы поисковые роботы мгновенно видели ручное обновление дат на сайте.
  - Убедиться, что на кастомных PHP-шаблонах страниц выведен и корректно работает стандартный функционал Yoast для точечного управления типами разметки - проставить типы страниц по рекомендации заказчика.

• Шаблон блога (Статьи): Необходимо убрать сложной верстку статьи исключительно через кастомные блоки/поля. Статьи должны публиковаться через стандартный текстовый редактор WordPress. Требуется настроить вывод the_content() и прописать CSS-стили так, чтобы все стандартные элементы внутри статьи автоматически подхватывали дизайн из Figma (глобальные стили). А именно:
  1. Стандартный текст (абзацы, межстрочный интервал, цвет).
  2. Заголовки H1, H2, H3 (размер, вес шрифта, отступы).
  3. Изображения и встраиваемые видео (адаптивная ширина, отступы, возможно скругление углов по макету).
  4. Списки (маркированные и нумерованные).
  5. Стандартные кнопки.
  
  
  

2. Техническая часть: Формы, защита и логика

Необходимо наладить безопасную работу всех форм захвата лидов:

• Интеграция: Настроить отправку лидов через SendPulse. Укажите до начала работ, какие доступы (API-ключи и т.д.) вам для этого потребуются.

• Антиспам: Установить надежную защиту от спама на все формы (в приоритете Cloudflare Turnstile, либо предложите обоснованную альтернативу).

• Внедрить защиту от флуда. Лимит: с одного IP-адреса форму можно отправить максимум 2 раза за 5 минут. Все остальные попытки должны блокироваться.

• Валидация и маска: Проверить маску ввода для номера телефона (недостающие ячейки заполняются цифрами). Поле "Телефон" должно быть обязательным во всех формах. Поле "Имя" должно быть необязательным во всех формах - проверить.

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

3. Текущие правки по Figma

Необходимо устранить недоработки и привести верстку в 100% соответствие с макетом (детальные скриншоты будут предоставлены выбранному исполнителю):

Стили:

• Скорректировать фон главного баннера (сделать светлее по макету) и подвигать кнопку (3 скрина предложить для утверждения) https://bropack.com.ua/ready-solutions/. 

• В слайдерах и видео-блоках оставить ровно 5 кнопок (точек).

• Проверить текст «Оновлено» (курсивом) в нижней части страниц.

• На МОБ во всех слайдерах проверить работу свайпа, иногда бывает захват правой или левой границы сайта вместо свайпа.

Сетка, блоки и отступы:

• Уменьшить некоторые отступы между блоками согласно Figma- 15-20 шт.

• Увеличить высоту указанных блоков и размер шрифта в них до значений из Figma.

• Проверить нижние формы захвата: увеличить их общую высоту, а также высоту кнопок и шрифта внутри.

• На странице «Про компанію»: опустить разделительную линию для выравнивания с левой колонкой, заголовок «Наші цінності» сдвинуть левее.

Попапы и графика (Персонаж):

• Вернуть на место съехавшего вправо персонажа в модальном окне (попапе).

• В попапе разместить иконку закрытия (крестик) на сером кружке по макету.

• Исправить пропорции/отображение вертикального фото в попапе.

• Полностью убрать пустой попап без текста.

• Откорректировать позиционирование персонажей (героев): в одном из блоков уменьшить размер; на странице «Контакти» сдвинуть левее и выше; на странице «Про компанію» — увеличить и сдвинуть правее.