Следующая статья поможет вам: Стоит ли удалять навигацию с целевых страниц? Данные раскрывают ответ
В течение многих лет мы проповедовали важность удаления ссылок из ваших целевые страницы: верхняя навигация, навигация по боковой панели, нижние колонтитулы, ссылки на социальные сети — все, что отвлекает зрителей от заполнения формы. С течением времени данные показали, что удаление навигации и ссылок с целевых страниц повысит коэффициент конверсии.. Кажется интуитивно понятным, не так ли?
Однако только 16% всех целевых страниц свободны от навигационных панелей. Однако мы понимаем, что вам может быть сложно удалить элементы навигации по следующим причинам:
- Вы не знаете, как удалить такие элементы страницы, как верхняя навигация
- Ваш генеральный директор или директор по маркетингу хочет сохранить навигацию в целях брендинга.
- У вашего веб-мастера ограниченное время и «более высокие приоритеты», чем удаление навигации
Если вы столкнетесь с любым из этих сценариев, вам нужно будет привести веские аргументы в пользу того, почему удаление навигационных элементов должно быть приоритетом, который стоит дополнительных усилий. Мы в HubSpot проверили это и нашли простое решение для скрытия вашей навигации.
Как мы A/B тестировали ссылки по сравнению с отсутствием ссылок
Мы провели очень простое A/B-тестирование пяти наших целевых страниц, которые получают наибольшее количество трафика:
- Версия А: Управляйте целевой страницей с верхней навигацией, навигацией в нижнем колонтитуле и ссылками на социальные сети.
- Версия Б: Удалены все внешние ссылки, включая верхнюю навигацию, навигацию в нижнем колонтитуле и ссылки на социальные сети.
Результаты нашего A/B-теста
Этот A/B-тест показал, что удаление ссылок с целевых страниц повышает конверсию. Вот как выглядели необработанные данные:
Первые три целевые страницы включают предложения верхней части воронки (TOFU): бесплатный контент, предназначенный для привлечения новых потенциальных клиентов и предоставления им инструментов, которые могут им помочь. решать свои маркетинговые задачи. Последние две целевые страницы включают предложения в середине воронки (MOFU): знакомство с программным обеспечением HubSpot и связь с нашим отделом продаж.
Интересно, что удаление внешних ссылок оказало гораздо большее влияние на целевые страницы MOFU. В то время как целевые страницы TOFU показали рост конверсии на 0-4%, Целевые страницы MOFU выросли на 16% и 28%.
Несмотря на то, что увеличение TOFU было небольшим, для HubSpot оно оказало большое влияние.
Допустим, целевая страница HubSpot TOFU набирает 50 000 просмотров, что для нас обычно. Если мы увеличим коэффициент конверсии целевой страницы на 2%, мы получим на 1 000 потенциальных клиентов больше — . Это довольно простое изменение.
Таким образом, хотя проценты довольно малы, удаление верхней навигации не влияет на коэффициент конверсии, поэтому это изменение стоит внести.
Если вы все еще не уверены, другие компании также протестировали удаление своей навигации и получили довольно хорошие результаты:
- Юппишеф увидел 100% увеличение коэффициента конверсии (с 3% до 6%).
- Колледж карьеры удалили верхнюю навигацию и изменили макет формы, что увеличил коэффициент конверсии на 336%.
- SparkPageкоэффициент конверсии подскочил с 9,2% до 17,6% в течение месяца они провели тест, удалив верхнюю навигацию
Как удалить верхнюю навигацию без помощи веб-мастера
Итак, вы убеждены удалить навигационные элементы со своих целевых страниц. Большой! То, как вы удалите эти элементы со своих страниц, будет зависеть от того, какую CMS вы используете для размещения своего веб-сайта.
Если вы используете HubSpot, хорошая новость в том, что это очень просто. Большинство целевых страниц по умолчанию уже не имеют верхней навигации, поэтому вы можете выбрать одну из них для создания новой целевой страницы.
Если вы уже используете собственный шаблон целевой страницы, включающий элементы навигации, перейдите в конструктор шаблонов, найдите правильный шаблон и удалите модуль, включающий вашу навигацию.
Если вы не использовали HubSpot для создания своего веб-сайта, вы можете использовать простой CSS для удаления элементов навигации, но это немного сложно. Вот что вам понадобится:
- Chrome (для инструментов веб-разработчика)
- Доступ к разделу HTML вашей целевой страницы
- Код ниже и немного базовых знаний CSS
Используя Chrome, перейдите на свой веб-сайт, щелкните правой кнопкой мыши верхний левый угол навигации и выберите «Проверить элемент».
В зависимости от того, как был закодирован ваш сайт, вы увидите либо идентификатор, либо класс (или и то, и другое, а затем вы можете выбрать любой из них).
Затем добавьте следующий CSS-код в раздел
вашего HTML-файла. Если ваш сайт размещен на CMS, обычно есть место для добавления заголовка или кода скрипта, и именно туда идет этот код.Если вы используете идентификатор:
Если вы используете класс:
Вот и все! Как только вы сохраните и обновите свою страницу, ваша навигация должна исчезнуть. Если что-то пойдет не так, просто удалите этот код стиля, который вы только что добавили в свой HTML, и все будет хорошо.