Технічне завдання для розробника

ТЗ для Guru 05.11.26

Доробки по сайту intelswift.info (ГО «CX Horizon»)

📋 Зведений план робіт за ступенем критичності

№ Пріоритет Категорія Назва задачі та суть виправлення Очікуваний результат
1 КРИТИЧНО (Перша черга) Сайт (Dev / Server) Ліквідація серверного 302-редиректу з кореня intelswift.info на англійську версію та лагодження перемикача мов UA | EN Віддача HTTP 200 OK на корені (UA за замовчуванням), робочий перемикач мов без циклу.
2 КРИТИЧНО (Перша черга) Сайт (CRO & Analytics) Спрощення форми реєстрації (до 2 полів) та створення сторінки подяки (/thank-you/) для точної аналітики Стрибок конверсії форми з 0% до 8–15% та 100% фіксація кожного ліда за URL /thank-you/.
3 КРИТИЧНО (Перша черга) Сайт (UI / Design) Редизайн блоку інформації про найближчий вебінар на головній сторінці (замість непомітної чорної смужки зробити головний блок) Висока помітність анонсу вебінару з першого екрану та ріст переходів на реєстрацію.
4 ВИСОКИЙ (Друга черга) SEO & Google Ads Оптимізація мета-тегів (Title, Description), заголовків H1–H2 та OpenGraph згідно з SEO-аудитом (https://brewpage.app/public/rrb4QvmuBf) Підвищення Quality Score в Google Ads до 8–10/10, зниження CPC на 25–40%, ріст CTR на +30%.
5 ВИСОКИЙ (Друга черга) GTM & Compliance Налаштування Google Consent Mode v2 (EEA/UK) через банер CookieYes (показ банера ТІЛЬКИ для відвідувачів з ЄС та Британії) 100% відповідність EU User Consent Policy без втрати конверсій з України та США.
6 СЕРЕДНІЙ (Третя черга) Сайт (SEO & Dev) Виправлення технічного SEO (Canonical, склеєні заголовки та Schema.org Event + NGO/Organization) Коректна індексація UA/EN версій та поява розширених сніпетів у Google Пошуку.
7 СЕРЕДНІЙ (Третя черга) Сайт (Web Dev) Оптимізація коду Elementor та мобільної швидкодії (Core Web Vitals) Прискорення відкриття сторінки на смартфонах удвічі та зростання Core Web Vitals.
🚨 Задача 1
Ліквідація серверного 302-редиректу з кореня intelswift.info на англійську версію
Пріоритет: КРИТИЧНО Категорія: Сайт (Dev / Server)
🔍 ЩО ВИЯВЛЕНО НА СЕРВЕРІ
Веб-сервер LiteSpeed на хостингу Hostinger віддає примусовий редирект для зовнішніх користувачів:
GET https://intelswift.info/ → HTTP 302 Found → Location: https://intelswift.info/language/en/main/.
Крім того, перемикач мов у шапці зациклений: клік на кнопку «UK» веде на корінь, звідки сервер знову шпурляє користувача на англійську мову.
⚠️ УДАР ПО РЕКЛАМІ ТА SEO
Україномовні кампанії (PMax UA, Динамічні оголошення UA), що вели на корінь сайту, приводили українських користувачів на 100% англомовний сайт. Люди закривали вкладку за 2 секунди (Bounce Rate > 90%). Алгоритм Google фіксує статус посадкової сторінки «Нижче середнього» і занижує Ad Rank в аукціоні. Для SEO тимчасовий 302-редирект збиває робота Googlebot та не дає ранжуватися україномовній версії.
🛠 ЩО КОНКРЕТНО ЗРОБИТИ
  • Прибрати примусовий 302-редирект у конфігурації LiteSpeed / .htaccess / плагіні Polylang для прямого трафіку та реферерів Google.
  • Забезпечити віддачу HTTP 200 OK для кореневого URL https://intelswift.info/ з українським контентом за замовчуванням.
  • Полагодити перемикач мов: пряме посилання кнопки «UK» повинно відкривати українську версію без зворотних редиректів.
✓ Очікуваний результат: Припинення втрати україномовного трафіку, зниження Bounce Rate, зростання Ad Rank в Google Ads та коректна індексація головної сторінки в Googlebot.
🚨 Задача 2
Спрощення форми реєстрації (до 2 полів) та створення сторінки подяки (/thank-you/) для точної аналітики.
Пріоритет: КРИТИЧНО Категорія: Сайт (CRO & Analytics)
🔍 ЩО ВИЯВЛЕНО НА САЙТІ
На сторінках вебінару 25.11 та гайдів встановлено гігантську анкету на 23 смислові блоки та 45+ інпутів (роль, сфера, розмір команди, досвід роботи з ШІ, виклики, потреби). З реклами прийшло 70 користувачів, 27 доскролили до форми, але через її довжину не надіслано жодної заявки (0% конверсії). Крім того, форма працює через фоновий AJAX Elementor без переходу на окрему URL-адресу, через що події блокуються розширеннями AdBlock, а GA4 та Google Ads втрачають фіксацію конверсій.
🛠 ЩО КОНКРЕТНО ЗРОБИТИ
  • Радикально скоротити форму до 2 полів: на першому екрані залишити лише Ім'я та Email (опціонально Telegram / Телефон).
  • Створити фізичну сторінку подяки: наприклад, https://intelswift.info/thank-you/.
  • Налаштувати в Elementor автоматичний редирект користувача на сторінку подяки одразу після кліку на кнопку відправки контакту.
  • Перенести всі опитувальні блоки на сторінку подяки: заповнення анкети зробити добровільним (вже після того, як контакт збережено в базі).
  • Додати альтернативну 1-клік реєстрацію: пряму кнопку «Зареєструватися через Telegram» без ручного заповнення форм.
  • Налаштувати фіксацію ключової конверсії generate_lead строго за фактом завантаження URL /thank-you/ (100% захист від збоїв AJAX та блокувальників).
✓ Очікуваний результат: Миттєвий стрибок коефіцієнта конверсії форми з 0% до 8–15% та безпомилкова фіксація кожного ліда в Google Ads.
🚨 Задача 3
Редизайн блоку інформації про найближчий вебінар на головній сторінці (зробити головним акцентним блоком)
Пріоритет: КРИТИЧНО Категорія: Сайт (UI / Design / Elementor)
🛠 ЩО КОНКРЕТНО ЗРОБИТИ
  • Замінити вузьку чорну смужку анонсу вебінару на повноцінний, візуально помітний головний акцентний блок (Hero / Featured Event Banner).
  • Зробити чітку візуальну ієрархію блоку: великий контрастний заголовок теми вебінару, помітні бейджі дати й часу (25 листопада, 18:00 за Києвом), короткий перелік вигод та велика контрастна CTA-кнопка «Зареєструватися».
  • Забезпечити відмінну помітність як на десктопі, так і на мобільних екранах.
📸 Скріншот поточного вигляду чорної смужки вебінару на сайті:
Поточний вигляд чорної смужки вебінару на сайті
⚡ Задача 4
Оптимізація метатегів (Title, Description), заголовків (H1, H2) та OpenGraph за результатами SEO-аудиту
Пріоритет: ВИСОКИЙ
1. Таблиця діагностики сторінок (Стан «Як є зараз»)
Сторінка Фактичний Title Довжина Фактичний H1 H2 / H3 Статус
Вебінар 25.11
(/shi-asystent-sluzhby-pidtrymky-vebinar/)
Вебінар: ШІ-асистент для служби підтримки, 25 листопада | CX Horizon 68 симв. ШІ-асистент для служби підтримки: менше рутини, більше часу на клієнтів 7 / 0 Добре (Потребує правок H2)
Консалтинг
(/consulting/)
Консультація - ГО «CX Horizon» 30 симв. (Короткий) Ваша точка опори у світі технологій (Слоган) 11 / 12 Критично неоптимізовано
Головна (UA)
(intelswift.info/)
ГО «CX Horizon» — неприбуткова громадська організація про ШІ та клієнтський досвід 82 симв. (Задовгий) Навчаємо впроваджувати Штучний Інтелект у службу підтримки 14 / 23 Потребує оптимізації Title
Гайд по ШІ
(/shi-v-obsluhovuvanni-kliientiv-gid/)
ШІ в обслуговуванні клієнтів: асистенти, ШІ-агенти, передача людині | CX Horizon 80 симв. ШІ в обслуговуванні клієнтів: асистенти, ШІ-агенти і передача розмови людині 10 / 1 Добрий контент
Контакти
(/contact/)
Контакти - ГО «CX Horizon» 26 симв. Зв'яжіться з нами 3 / 0 Шаблонно
SaaS Демо (UA)
(intelswift.com/uk/demo/)
Замовити персональне демо Intelswift | IntelSwift 49 симв. Персональна демо-презентація системи 1 / 4 Добре (Немає OpenGraph)
SaaS Головна (UA)
(intelswift.com/uk/)
Чат для сайту та омніканальна платформа підтримки клієнтів — Intelswift 71 симв. Платформа для підтримки клієнтів на базі ШІ 9 / 15 Відмінно
2. Готовий план оптимізації «ДО vs ПІСЛЯ» (Для впровадження)
4.1. Лендинг вебінару 25 листопада (/shi-asystent-sluzhby-pidtrymky-vebinar/) — Пріоритет: ВИСОКИЙ ВИСОКИЙ
• ❌ ЯК Є ЗАРАЗ:
Title (68 симв.):
Вебінар: ШІ-асистент для служби підтримки, 25 листопада | CX Horizon
Description (172 симв. — обрізається):
Безкоштовний онлайн-вебінар 25 листопада о 18:00: як ШІ-асистент допомагає операторам шукати відповіді, готувати чернетки й підсумки розмов, а рішення лишаються за людиною.
Помилка в H2:
Що розберемоПро що був вебінар (склеєний текст)
• ✅ ЯК МАЄ БУТИ (ОПТИМІЗОВАНО):
Title (62 симв.):
Вебінар: ШІ-асистент для служби підтримки — 25.11 | CX Horizon
Description (155 симв.):
Безкоштовний онлайн-вебінар 25 листопада о 18:00. Як ШІ звільняє до 60% часу операторів та автоматизує рутину. Реєструйтеся безкоштовно!
Виправлений H2:
Програма вебінару: що розберемо на практиці
4.2. Сторінка консалтингу (/consulting/) — НАЙБІЛЬША ТОЧКА ЗРОСТАННЯ (КРИТИЧНО) КРИТИЧНО
• ❌ ЯК Є ЗАРАЗ:
Title (30 симв. — порожній):
Консультація - ГО «CX Horizon»
H1 (абстрактний слоган):
Ваша точка опори у світі технологій
⚠️ Робот Google не бачить слів «ШІ», «підтримка», «контакт-центр» — сторінка позбавлена цільового пошукового трафіку.
• ✅ ЯК МАЄ БУТИ (ОПТИМІЗОВАНО):
Title (64 симв.):
Консультація з впровадження ШІ у службу підтримки | CX Horizon
H1:
Безкоштовні консультації з впровадження ШІ та автоматизації підтримки
Description (158 симв.):
Безкоштовна менторська консультація з автоматизації контакт-центру, побудови бази знань та запуску ШІ-асистентів. Подайте заявку онлайн!
4.3. Головна сторінка ГО (https://intelswift.info/) — Пріоритет: СЕРЕДНІЙ СЕРЕДНІЙ
• ❌ ЯК Є ЗАРАЗ:
Title (82 симв. — обрізається):
ГО «CX Horizon» — неприбуткова громадська організація про ШІ та клієнтський досвід
• ✅ ЯК МАЄ БУТИ (ОПТИМІЗОВАНО):
Title (64 симв.):
ГО «CX Horizon» — Навчання та впровадження ШІ в клієнтський сервіс
4.4. Сторінка Демо комерційної платформи (https://intelswift.com/uk/demo/) — OPENGRAPH ОНОВЛЕННЯ OPENGRAPH
• ❌ ЯК Є ЗАРАЗ:
Відсутні метатеги OpenGraph (og:title, og:description, og:image). При пересиланні в месенджерах не створюється красива прев'ю-картка.
• ✅ ДОДАТИ В HEAD (Next.js Metadata):
<meta property="og:title" content="Замовити персональне демо IntelSwift: ШІ-асистенти для підтримки" />
<meta property="og:description" content="Покажемо, як автоматизувати до 80% рутинних звернень за 14 днів." />
<meta property="og:image" content="https://intelswift.com/og-demo.png" />
Чек-ліст технічних дій для розробника / контент-менеджера
  • В адмінці WordPress (Yoast SEO / Elementor): Оновити Title та Description на сторінці /consulting/ (вписати ключі про впровадження ШІ).
  • Змінити H1 на /consulting/ зі слогану на зрозумілу послугу.
  • На лендингу вебінару виправити помилку в H2: замінити склеєний текст «Що розберемоПро що був вебінар».
  • Скоротити Title головної сторінки до 64 символів, щоб уникнути трьох крапок у Google.
  • У коді платформи Next.js (intelswift.com): Додати об'єкт openGraph у файл layout.tsx або page.tsx для генерації карток у соцмережах.
  • Замінити клієнтський JS-редирект на корені intelswift.com/ на повноцінний серверний редирект у middleware.ts.
⚡ Задача 5
Налаштування Google Consent Mode v2 (EEA/UK) через банер CookieYes (показ тільки для країн ЄС та Британії)
Пріоритет: ВИСОКИЙ GTM & Compliance

Для показів реклами по Україні чи США це не обов’язково. Але оскільки у вас є англомовні кампанії (EN), які націлені на країни ЄС та Великобританію, Google вимагає, щоб сайт передавав 4 технічні сигнали згоди на кукі (ad_storage, analytics_storage, ad_user_data, ad_personalization). Без них для відвідувачів із ЄС Google може обмежувати запис конверсій та аудиторій.

Якщо реклама крутиться на Україну, США, Канаду, Латинську Америку чи Азію: Нічого НЕ порушує. Для цих країн правила ЄС (GDPR) не діють, банер кукі за правилами Google там не обов’язковий, і ставити статус granted (дозволено) за умовчанням — абсолютно законно і безпечно для гранта.

Якщо у вас увімкнені кампанії на країни ЄС (Євросоюз) та Великобританію: Тоді 3-й варіант (передавати granted для жителів ЄС без реального банера на сайті) формально порушує «Політику Google щодо згоди користувачів із ЄС» (EU User Consent Policy).

Чим це загрожує: Грантовий акаунт за це не банять одразу, але робот Google раз на кілька місяців сканує сайти, які крутять рекламу на ЄС. Якщо він не знайде на сайті сертифікованого банера кукі, на пошту прийде лист-попередження з вимогою поставити банер (CMP), і до того часу Google відключить збір списків ремаркетингу з країн ЄС.

Як зробити на 100% безпечно для ЄС та Гранта і НЕ втрачати конверсії?

Є два варіанти: або поставити спливаючий банер тільки на англійській версії, або другий варіант — це безкоштовний сертифікований банер CookieYes (або Cookiebot) через GTM із показом ТІЛЬКИ для країн ЄС:

  • У налаштуваннях CookieYes ставиться одна галочка: «Show banner only to EU & UK visitors» (Показувати банер тільки відвідувачам із ЄС та Британії).
  • Як це працює:
  • Користувач із України або США заходить на intelswift.info → жодного банера кукі на екрані немає (нічого не заважає конверсії!), а в Google Ads автоматично летить granted (100% конверсій записуються).
  • Користувач (або робот-перевіряльник Google) заходить із ЄС / Британії → йому показується офіційний сертифікований Google банер. Політика ЄС та Google Ad Grants виконана на 100%!
🎯 ТЕХНІЧНЕ SEO, МІКРОРОЗМІТКА ТА ШВИДКОДІЯ (СЕРЕДНІЙ ПРІОРИТЕТ)
Третя черга
🎯 Задача 6
Задача 6 (на скріншоті п. 7). Виправлення технічного SEO (Canonical, склеєні заголовки та Schema.org Event)
Пріоритет: СЕРЕДНІЙ Сайт (SEO & Dev)
🔍 ЩО ВИЯВЛЕНО В КОДІ
На україномовній головній сторінці тег <link rel="canonical"> помилково вказує на англійську сторінку /language/en/main/. У блоках Elementor виявлено склеєні заголовки H2 та H3 (наприклад, дата і тема вебінару знаходяться в одному тегу), а також відсутня розмітка структурованих даних Schema.org для івенту та неприбуткової організації.
🛠 ЩО КОНКРЕТНО ЗРОБИТИ
  • Виправити Canonical: на головній україномовній сторінці тег повинен вести на саму себе (https://intelswift.info/).
  • Розділити склеєні заголовки: дату та формат вебінару винести в окремий текстовий блок/бейдж, а H1/H2 залишити виключно для цільового змісту івенту.
  • Впровадити мікророзмітку Schema.org Event: додати JSON-LD розмітку для сторінки вебінару 25.11 із параметрами безкоштовного доступу (offers.price: "0"), дати та формату трансляції.
  • Додати Schema.org NGO/Organization: вказати назву ГО «CX Horizon» та код ЄДРПОУ 46136396 для підвищення трасту домену в очах алгоритмів Google.
✓ Очікуваний результат: Поява розширених сніпетів у Google Пошуку, зростання органічної видимості та коректна індексація обох мовних версій сайту.
🎯 Задача 7
Задача 7 Оптимізація коду Elementor та мобільної швидкодії (Core Web Vitals)
Пріоритет: СЕРЕДНІЙ Сайт (Web Dev)
🔍 ЩО ВИЯВЛЕНО В КОДІ
Обсяг чистого вихідного HTML перевищує 225–230 КБ (норма для конверсійних лендінгів — 50–80 КБ). На сторінці завантажуються 42 окремі таблиці стилів CSS та масивні важкі скрипти, що сповільнює відкриття на мобільних телефонах та погіршує показник якості цільової сторінки в Google Ads.
🛠 ЩО КОНКРЕТНО ЗРОБИТИ
  • Увімкнути оптимізацію ресурсів Elementor: активувати експерименти Improved Asset Loading та Improved CSS Loading в налаштуваннях Elementor.
  • Налаштувати плагін кешування (LiteSpeed Cache / WP-Optimize): увімкнути об'єднання та мініфікацію CSS/JS, видалення невикористовуваного коду та оптимізацію шрифтів Google Fonts.
  • Оптимізувати зображення: перевести графіку в сучасний формат WebP зі збереженням адаптивних розмірів.
✓ Очікуваний результат: Прискорення відкриття сторінки на смартфонах удвічі, зростання показників Core Web Vitals та оцінки якості посадкової сторінки в Google Ads.