Те, як виглядає і працює сайт, впливає і на рекламні результати. Щоб бути впевненим, що сторінки вашого сайту можна використовувати як посадкові для реклами, перевірте його ↓
Перевірка коректності відстеження конверсій за допомогою Tag Assistant
Google Tag Assistant — це безкоштовне розширення Chrome, яке допомагає переконатися, що теги Google, такі як Google Analytics, Диспетчер тегів Google, відстеження конверсій Adwords та інші, працюють правильно. Використовуючи Tag Assistant, ви можете вносити зміни в теги і перевіряти, чи працюють вони.
Що необхідно перевірити перед запуском реклами:
Наявність на сайті Google Analytics та інших тегів (Google Ads Conversion Tracking, Google Ads Remarketing Tag, передачу всіх необхідних динамічних параметрів тощо), а також коректність їхнього встановлення (про що свідчить колір ярликів Tag Assistant). Детальні пояснення: Tag Assistant і стани лічильників Google Analytics.
У разі використання автоматичних стратегій призначення ставок, що базуються на цінності конверсії, вкрай важливим для швидкого та коректного навчання системи є отримувати необхідні дані. Так, слід перевірити, чи ввімкнено функцію розширеної електронної торгівлі в налаштуваннях подання. Перевірте спрацьовування подій за допомогою Tag Assistant.
Перевірити коректність відстеження конверсій, здійснивши цільову дію — відправлення форми, клік на елемент тощо. Результат має фіксуватися у звіті реального часу на вкладці Conversions або в режимі попереднього перегляду Google Tag Manager, якщо конверсії надсилаються безпосередньо в інтерфейс Google Реклами.
Перевірити, чи встановлено зв’язок між акаунтами Google Ads і Analytics.
Перевірити, чи справні всі важливі кнопки, посилання, форми на сайті. Інакше трафік, приведений за допомогою платної реклами, не зможе сконвертувати.
Відмінності сайтів В2В, B2C ecommerce, В2С service
Параметри
В2В
В2С Service
В2С Ecommerce
Цільова аудиторія
Підприємства будь-якого розміру, які купують товари або послуги для внутрішнього використання
Окремі споживачі, які купують товари або послуги в особистих цілях
Ніші, в яких представлені сайти
Прямі поставки, послуги для бізнесу, опт
Роздрібна торгівля (товарами або послугами)
Вартість товару або послуги
Від кількох тисяч доларів до мільйонів
Від десятків або сотень доларів до кількох тисяч
Кількість покупок
Оптові замовлення
Дрібні замовлення (1-3 одиниці)
Ціноутворення
Динамічне (ціни змінюються залежно від кількості товару та домовленостей)
Статичне (ринкові ціни)
Тривалість прийняття рішення
Від кількох тижнів до кількох місяців
Від миттєвих покупок до кількох тижнів
Що мотивує користувача
Потреби бізнесу
Емоції або особисті потреби
Хто приймає рішення про покупку
Ключові фігури в компанії (торгові представники, топ-менеджери)
Кінцеві споживачі
Процес реєстрації на сайті
Складний (юридичні дані, верифікація)
Відносно простий (email і номер / вхід за допомогою соцмереж)
Процес оформлення замовлення
Складний (тривалі переговори з приводу ціни та умов, отримання чітких гарантій), наявність великої кількості кроків
Відносно простий (вибір товару/послуги — зазначення зручного способу доставки — вибір методу оплати), мінімальна кількість кроків для збільшення конверсії
Взаємодія з користувачем
Регулярне — на всіх етапах клієнта до покупки
Одноразове — передпродажі/допродажі
Деталізація інформації про продукт
Проморолики, кейси, чек-листи, інструкції та відеовідгуки
Відеоролики про продукт (огляди, розпакування), характеристики та переваги, доступні знижки
УТП і заклики до дії
Бізнес-орієнтовані (як продукт принесе користь бізнесу загалом)
Орієнтація на користувача (як продукт принесе користь людині)
Основні завдання сайту
Запропонувати рішення для бізнесу, продавати великим гравцям, бути першими у своїй ніші
Показати великий асортимент товарів/послуг, познайомити з брендом, створити умови для конкуренції (комфортніше, надійніше і швидше)
Цільові сторінки для реклами
Домашня сторінка, картка товару (якщо їх кілька), конкретна сторінка блогу для просування товару або послуги за допомогою контенту
Сторінка категорії, картка товару
Вимоги до посадкових сторінок
Рекомендації до оформлення домашньої сторінки
Кінцевою метою сайтів B2B є залучення інших підприємств, які, своєю чергою, можуть призвести до формування довгострокового альянсу. Так, основна увага приділяється вирішенню бізнес-завдань. Це означає, що дизайн головної сторінки не повинен бути строкатим, проте їй слід мати інформативний вигляд.
Хороша домашня сторінка B2B сайту повинна містити:
якісний промо-ролик у центральній частині сторінки;
карусель зображень на першому екрані для демонстрації функцій продукту;
розділ «Наші переваги», щоб спонукати цільову аудиторію прийняти рішення.
Сторінка також має містити кілька типів закликів до дії, а не суто один. Цільовими діями при цьому можуть бути: повідомлення в чат, дзвінок за номером телефону, заповнення контактної форми та надсилання листа електронною поштою.
Крім того, важливу роль відіграє контент-стратегія. Сайти В2В можуть містити різні матеріали і блоки: технічні документи, пояснювальні відео, відгуки, подкасти, блоги, відповіді на поширені запитання, демо. Наявність декількох варіантів інформації допоможе користувачеві зрозуміти проблему, яка вирішується.
B2C сайти націлені на збільшення кількості конверсій. Потенційні клієнти, як правило, не бажають вивчати тонни інформації, тому не варто перевантажувати сайт контентом. Яскраві та переконливі заголовки поряд із великими зображеннями обов’язково привернуть увагу користувачів.
Оскільки споживач може придбати аналогічний продукт на іншому вебсайті, дизайн має бути унікальним і виділятися на тлі конкурентів, а юзабіліті — постійно поліпшуватися, забезпечуючи максимально плавний процес оформлення замовлення.
При цьому кількість кроків від моменту натискання на кнопку «Купити» до фактичної транзакції має бути мінімальною, а інформація про продукт/послугу подана прямо і зрозуміло, інакше ніхто не захоче здійснювати покупку.
Хороша домашня сторінка B2C сайту повинна містити:
основні відомості про поточні розпродажі та діючі знижки;
карусель зображень для найактуальніших товарів;
прості «клікабельні кнопки» на сторінках продуктів.
Рекомендації до оформлення сторінки категорій товару
за замовчуванням на сторінці категорії відображається 10-15 товарів;
користувач може змінити кількість відображуваних товарів на сторінці, а також вибрати показ усіх позицій одразу, на одній сторінці. Є вибір формату представлення товарів: розширений (вітрина, таблиця, плитка), оптимальний (список), мінімальний (прайс). Розширений підійде користувачам, які хочуть бачити якомога більше інформації про товар прямо на сторінці каталогу, мінімальний — коли відвідувача цікавить здебільшого тільки ціна та наявність;
якщо відвідувач може шукати якийсь тип товару в різних категоріях, додана можливість показу її в різних категоріях. Наприклад, відвідувачі часто плутають «точку доступу» і «Wi-Fi роутер», тому можна помістити модель в обидві категорії;
на сторінках розділів каталогу є посилання на типи, моделі товарів, які покупці шукають найчастіше, але для яких не виділено окремий розділ. Наприклад, у категорії роутери є «Роутери для дому», «Роутери з Wi-Fi» тощо.
повна інформація про товар: фото, найменування, ціну, ярлики, кнопку «купити»;
на сторінці категорії вказано точну/приблизну кількість товару на складі;
використання відкладеного фільтра. Миттєвий (коли користувач перекидається на сторінку з відфільтрованими результатами одразу після вибору одного фільтра) є менш бажаним, оскільки відвідувач змушений очікувати завантаження сторінки та заново знаходити на сторінці наступний потрібний йому фільтр;
URL сторінки динамічно змінюється при виборі параметрів фільтрації — в цьому випадку відвідувач сайту зможе поділитися сторінкою або зберегти її в закладки;
після скидання фільтра сторінка каталогу повертається в початковий стан;
можливість додати товар до порівняння є як на сторінках каталогу, так і на сторінці товару, а прибрати товар із порівняння — тут же, в каталозі. На сторінці порівняння товарів є швидка кнопка (посилання) видалення товару зі списку;
за замовчуванням сортування в категоріях налаштоване так, що першими розміщуються найпопулярніші, такі, що користуються попитом, товари з високим рейтингом;
якщо є необхідність, передбачено кастомні варіанти сортування..
Рекомендації до оформлення картки товару
ціна добре помітна, написана великим кеглем або виділена. Вказана валюта.
якщо ціна не вказується, то на місці її розташування повідомляють причину її відсутності («Товар знято з виробництва», «Ціна поки невідома») або рекомендацію уточнити вартість у менеджера. Контакти менеджера також розміщені.
на сторінках з товаром є кілька фото товару, з різного ракурсу — так, щоб було видно всі особливості конструкції (техніка), пошиття (одяг) тощо.
для деяких типів товарів корисними будуть фото в застосуванні, в інтер’єрі.
якщо для товару є знижка, або він входить до категорії «Новинка», «Топ продажів» тощо. зображення товару доповнено відповідним ярликом-іконкою.
є відеоогляди в хорошій роздільній здатності. Чим докладніше — тим краще.
усі характеристики представлені списком або таблицею. Одні й ті самі характеристики в різних товарах називаються і представляються однаково — в однакових одиницях виміру, метричній системі тощо. Це полегшить користувачеві процес порівняння різних брендів або моделей товару.
зручність прорахунку вартості доставки товару. Для цього варто вказувати інформацію про його вагу і розміри, в ідеалі — і про розміри упаковки.
підказки до неочевидних характеристик. У спливаючому вікні при наведенні курсору на назву параметра або при натисканні на знак питання поруч.
вказана інформація про гарантійний термін на товар і можливість повернення.
додано інформацію про комплектацію товару і країну виробника.
на картці товару немає інформації та реклами, що відволікає відвідувача.
заклик до дії (кнопка «Купити», «Замовити», «Передзвоніть мені») — велика, контрастна основній гамі сайту кольором і клікабельна, розташована на першому екрані.
динамічна кнопка CTA. Кнопка плаваюча, залишається завжди на виду під час прокручування сторінки користувачем. Кнопка заклику до дії змінює свій колір і форму при наведенні курсору, а також при кліці — користувач бачить, що він натиснув кнопку.
на сторінці товару, крім його характеристик, є опис — зрозумілий і корисний для покупця, — відгуки, кнопки соціальних мереж (актуально не для всіх тематик), рейтинг (оцінка) товару, передбачена можливість поставити оцінку кліком.
опис товару, характеристики, відгуки та інша інформація розміщені на сторінці горизонтально, по вкладках, — щоб користувачеві не довелося довго скролити.
якщо товар знято з виробництва або немає в наявності, є посилання на аналоги моделі.
якщо до товару передбачені аксесуари, насадки, комплектуючі, які можна придбати окремо, вони виводяться в блоці «Супутні товари».
після додавання товару в кошик кнопка «Купити» змінює свій колір і напис (наприклад, «Товар уже в кошику» або «Купити ще»), або ж поруч із нею з’являється інформація, що товар додано в кошик. Мета — щоб покупець бачив, що товар уже додано до кошика і водночас мав можливість додати ще кілька.
простий перехід покупця до оформлення замовлення.
Рекомендації до оформлення розділу «Блог»
розбивка статей виконана за тематичними категоріями, а статті блогу мають теги, завдяки яким відвідувач може знайти додаткові матеріали з цієї теми;
блок із посиланнями на статті. На сторінки товарів і товарних категорій додано посилання на корисні матеріали, які допоможуть клієнту з вибором товару;
блок із посиланнями на товари. Зворотний випадок: якщо по ходу статті йдеться про товар або послугу, яка є на сайті — додано посилання на сторінку цього товару/послуги. У цьому разі клієнту не доведеться витрачати час на її самостійний пошук;
використання рубрики «Читайте також». Якщо по ходу статті побіжно зачіпаються інші теми — дано посилання на статтю блогу, де цю тему висвітлено більш докладно.
Чек-лист перевірки сайту
Щоб бути впевненим, що сторінки сайту можна використовувати як посадкові для реклами, перевірте його за чек-листом.
Технічні аспекти
1. Посадкова сторінка швидко завантажується на всіх типах пристроїв. Перевіряйте через PageSpeed Insights. Оцінка має бути в «зеленій зоні». Зверніть увагу, що там 2 вкладки — потрібно перевірити в обох.
2. Сайт адаптований під мобільні. Можна перевірити через інструмент Google Mobile Friendly + бажано вручну на реальних мобільних (з різною діагоналлю і системами) або за допомогою вашого браузера:
Клікніть правою кнопкою миші на будь-якій ділянці сайту і виберіть пункт меню «переглянути код».
Далі у вашому браузері з’явиться «консоль» (вона може з’явитися з будь-якого боку браузера залежно від початкових налаштувань). Вам необхідно натиснути на іконку «телефону».
У вашому браузері буде відображатися сайт і як саме він виглядатиме на мобільному девайсі. У налаштуваннях ви можете вибрати з безлічі варіантів мобільних девайсів, або самому налаштувати роздільну здатність екрана в пікселях, щоб подивитися, як буде сайт відображатися.
Верстка не з’їжджає.
Усі елементи відображаються коректно.
Шрифт читабельний.
Динамічні елементи працюють (кнопки, форми зворотного зв’язку, клікабельний номер телефону).
3. Сайт відкривається у всіх браузерах, якими користується ваша аудиторія. Обов’язкова сумісність:
Google Chrome,
Mozilla Firefox,
Opera,
Apple Safari.
4. Сторінка 404 налаштована і не тупикова: вона веде користувача на головну сторінку, пропонує пошук продуктів, інші опції, які допоможуть утримати аудиторію від закриття сторінки.
Маркетингові аспекти
Контакти
Контакти в хедері та футері видно на всіх сторінках.
У хедері є клікабельний номер телефону, що працює для миттєвого виклику для мобільних користувачів.
Є інструменти для швидкого зв’язку: онлайн-консультант, зворотний дзвінок, надсилання повідомлень у месенджерах.
На сторінці контактів вказані всі дані:
номери телефонів (краще кілька операторів),
країна, область, місто, вулиця, будинок,
якщо клієнти приходять в офіс — опис, як зайти (можна додати фото входу в будівлю),
графік роботи офісу і підтримки за телефоном,
email,
місце розташування на карті,
посилання на соцмережі,
форма зворотного зв’язку.
На сторінці контактів немає захисту від копіювання.
Форма зворотного зв’язку
Звернення через форму протестовані, заявки надходять коректно.
На посадковій сторінці форма не нижче, ніж на 2-3 екрані.
Не більше 4 полів (бажано).
Рядки, які обов’язкові до заповнення, виділені зірочкою (або іншим символом).
Для заповнення не потрібна реєстрація. (Є реєстрація? Повинні бути підказки при створенні пароля: кількість і які символи повинен містити).
Поля названі і зрозумілі при заповненні.
Працює перевірка даних (показує, якщо не заповнене обов’язкове поле, неправильний формат даних тощо).
Сторінка товару
Фото товару (зображення має бути якісним + бажано кілька фото з різних ракурсів).
Назва товару зрозуміла для користувача й описує «суть» товару. (Якщо це іграшка для ванної, то бажано щоб у назві товару це згадувалося).
Є опис товару з його характеристиками.
Ціна помітна для користувача (якщо товар має знижку, то на сторінці має бути це зазначено).
Кнопка «Купити» помітна і виділяється.
Є супутні/схожі товари, які можуть зацікавити користувача.
Є «хлібні крихти», щоб користувач міг перейти на товари з цієї категорії або товари бренду.
Є варіанти оплати/доставки.
Оформлення покупки
Кілька простих кроків оформлення покупки (якщо велика кількість кроків оформлення, більша ймовірність того, що користувач просто кине цей процес).
Фото/назва товарів, які було додано в кошик, їхня вартість, а також їхня кількість.
Варіанти управління кошиком (додати/видалити товар).
Підсумкова сума покупки видна і зрозуміла користувачеві.
Бажано, щоб на сторінці так само були додаткові товари, які можуть зацікавити користувача.
Кнопка оформлення замовлення має бути помітна на сторінці.
Варіанти способів доставки, з яких користувач може вибрати.
Варіанти оплати покупки (онлайн/накладений платіж).
Якщо сайт багатомовний — переконайтеся, що весь шлях відображається однією мовою.
Якщо кошик порожній, бажано, щоб були запропоновані варіанти товарів або категорії, які можуть зацікавити клієнта.
Як оцінити якість посадкових сторінок і знайти точки зростання
Основні показники, на які варто звертати увагу під час аналізу посадкових:
1) Коефіцієнт конверсії як самої цільової сторінки щодо середнього значення по сайту, так і розміщених на ній форм. Припустимо на сторінці їх кілька — «Отримати безкоштовну консультацію», «Замовити детальний розрахунок» і «Завантажити повний прайс». Результативність кожної форми може відрізнятися. Аналізуючи статистику за попередні періоди, можна виявити, який CTA працює краще, а що варто прибрати зовсім або ж доопрацювати/замінити.
Кілька факторів, які найбільш явно впливають на конверсію:
неправильно підібраний або незрозумілий заголовок;
картинка на першому екрані або перший розворот — створює враження, викликає позитивні почуття та емоції, а іноді навіть змушує купити;
акції та оффери — і те, і інше має виділяти пропозицію на ринку;
оформлення сайту — хороший дизайн і юзабіліті дає дорогу продажам;
технічні чинники (швидкість завантаження сайту, адаптивність тощо).
Для аналізу контенту скористайтеся звітами з розділу «Behavior» в Google Analytics: Behavior Flow (демонструє шлях користувача від одних сторінок або подій до інших, допомагаючи зрозуміти, які матеріали підтримують інтерес відвідувачів), Site Content — Landing Pages (показує, чи залучають цільові сторінки конверсійний трафік). Детальніше про звіти в довідці.
2) Наявність «мертвих зон» на сторінці — це ділянки, які не потрапляють в область уваги користувачів. Якщо в таких зонах розташовуються кнопки, посилання або рекламні блоки, то високих показників конверсії очікувати не варто.
Аналіз здійснюється за допомогою теплових карт — це набір онлайн-інструментів для відстеження та аналізу поведінки користувачів на сайті. З їхньою допомогою можна здійснювати записи кліків, наведень курсору мишки, прокрутки та інших взаємодій користувачів із веб-сайтом.
Що можна виявити за допомогою теплових карт:
причини низької конверсії — які дизайнерські елементи знижують результативність, чи помічають користувачі всі елементи лідогенерації;
чому користувачі більше не хочуть переглядати сайт і йдуть;
помилки в дизайні — користувачі не змогли перейти за посиланням або намагаються перейти за неклікабельним елементом, є елементи оформлення, що заважають;
проблеми з контентом на сайті — якщо статті, інфографіка, відеоматеріали на сторінках не привертають увагу користувачів, не утримують їхній інтерес і не залучають, це сигнал для заміни контенту і проведення А/В тестування;
найбільш клікабельні місця сайту, щоб використовувати їх для розміщення форм лідогенерації, кнопок замовлення, рекламних блоків та інших важливих елементів.
3) Якість цільової сторінки — показник, що відображає, наскільки посадкова сторінка буде релевантною і корисною для користувачів, які натискають на оголошення. Перевіряється на рівні ключових слів, шляхом додавання додаткових стовпців із розділу Quality Score в інтерфейсі Google Ads.
Може набувати статусу «Нижче середнього», «Середнє» і «Вище середнього», який визначається шляхом порівняння ваших і чужих оголошень, показаних за конкретним ключовим словом за останні 90 днів. Статус «Нижчий за середній» у цьому разі свідчитиме про те, що цільова сторінка потребує поліпшень (додавання ключових слів до заголовків і описів товарів, SEO-текстів і т.д.).
Усі частини гайду:
