Верстка сайта для Яндекс.Директ и Google ADS

Реклама в Яндекс.Директ или Google ADS очень эффективна. Она позволяет выходить в верхние строчки поисковой выдачи и привлекать большое количество потенциальных клиентов. Многие думают, что результат такого продвижения зависит только от правильной настройки контекстной рекламы. Однако большое значение имеет и то, насколько качественно выполнена верстка сайта.

Любые ошибки в коде и малейшие недоработки могут стоить вам потери больших денег. Поэтому важно ответственно отнестись к выбору верстальщика.

Рассмотрим моменты, на которые важно обращать особое внимание при верстке сайтов под прием рекламного трафика.

Скорость работы

Верстка сайта для Google ADS и Яндекс.Директ предполагает, что сайт должен работать максимально быстро. Статистика показывает, что если веб-страница загружается дольше 3 секунд, больше 50% посетителей закрывают ее. Поэтому медленная загрузка недопустима.

Скорость работы сайта можно проверить в бесплатном инструменте Google, который называется Page Speed Insights. Данный сервис оценивает уровень скорости исходя из собственного анализа (имитирует загрузку страниц) и показателей, полученных от реальных пользователей (эти данные берутся из отчета об удобстве использования браузера).

В идеале сайт должен находиться в зеленой зоне (90-100 %). Уровень желтой зоны тоже допустим, хотя в таком случае необходимо обращаться внимание на процент (он не должен быть слишком низким). Не всегда технически возможно попасть в зеленую зону (особенно, если сайт большой), но к этому стоит стремиться. Нахождение ресурса в красной зоне (0-49 %) недопустимо.

Валидность верстки (отсутствие ошибок)

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

Мало того, что впечатление, которое производит ресурс, будет неблагоприятным. Посетители могут решить, что если вы не уделили должного внимания созданию ресурса, представляющему вашу деятельность, то и к качеству самих товаров (или услуг) у вас такое же отношение. Соответственно, желание что-либо заказывать у вас не будет.

Адаптивность верстки под разные устройства

Ресурс обязательно должен иметь мобильную версию, так как сегодня 60-80 % (а в отдельных случаях и все 100 %) посещений сайтов происходит с телефонов. Поэтому если в вашу верстку не будет заложена адаптация под разные устройства, можете даже не рекламировать сайт — вы будете просто выбрасывать деньги на ветер.

Без адаптации ваш ресурс не будет показываться в выдаче пользователям мобильных устройств (составляющих большую часть ваших потенциальных клиентов). Но даже если каким-то образом эти люди будут попадать на ваш сайт, обычная (декстопная) версия будет искажаться на экранах телефонов. Соответственно, посетители будут сразу закрывать ее. Таким образом, эффективность вашего ресурса будет стремиться к нулю.

Определение региона посетителей

В некоторых случаях полезной бывает функция определения региона посетителя по ip адресу. К примеру, человек заходит на сайт из Москвы, город автоматически определяется, и на экране появляется сообщение «Клиентам  из Москвы дополнительная скидка».

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

Конечно, определение местоположения посетителей не всегда актуально. Но в некоторых случаях эту функцию можно очень удачно использовать для повышения конверсии.

Динамическое содержимое

Желательно внести в верстку сайта для Google ADS и Яндекс.Директ динамические элементы. Например, это могут быть заголовки, которые можно менять с помощью параметра в ссылке.

Как это работает? К примеру, адрес нашего сайта — giganika.com. Если добавить в ссылку параметр ?heading=1, адрес сайта будет выглядеть так: giganika.com?heading=1. При открытии его по этой ссылке заголовок будет автоматически меняться на другой. Такой прием можно использовать для любого ресурса.

Допустим, постоянный заголовок вашего сайта на первом экране – «Покупайте автомобили со скидкой». Для параметра heading=1 прописываем заголовок «Автомобили ВАЗ со скидкой». Для параметра heading=2 указываем заголовок «Автомобили УАЗ со скидкой». Затем вы подаете 2 объявления в Яндекс.Директ.

{loadmoduleid 109}

В одном объявлении вы предлагаете автомобили ВАЗ, в другом — автомобили УАЗ. Для первого объявления прописывается параметр heading=1. Для второго — heading=2. Таким образом, если человек переходит на сайт по объявлению, предлагающему автомобили ВАЗ, он видит заголовок «Автомобили ВАЗ со скидкой». Если же переход совершен с объявления про УАЗ, показывается заголовок на эту тему.

Сайт становится персонализированным. Если на главной странице написать просто «Автомобили со скидкой», не каждый посетитель захочет разбираться, есть ли здесь то, что его интересует. А в случае с конкретизацией пользователь сразу видит выгодное для него предложение. Таким образом можно подстраивать под запросы посетителей любой ресурс. Заголовки могут выглядеть так, как вы захотите. Очевидно, что такой прием повышает конверсию.

Установка счетчика посещаемости и настройка конверсии

Если вы собираетесь рекламировать свои товары или услуги в Яндекс, вам как минимум нужно правильно установить счетчик Яндекс.Метрика. Если вы планируете давать рекламу и в Google, то желательно также поставить счетчик Гугл Аналитика. Эти счетчики будут показывать детальную статистику посещаемости вашего ресурса (кто зашел на сайт, когда это произошло, откуда пришел человек, какие разделы он смотрел и т.д.).

Кроме того, обязательно нужно настроить конверсии. Когда вы это сделаете, при отправке любой формы с сайта счетчики будут засекать эту отправку, записывать ее и привязывать к конкретному посетителю. Таким образом вы сможете видеть, с какого объявления отправляется больше заявок, а с какого их не происходит совсем. Это позволит анализировать эффективность рекламы и понимать, какие объявления стоит оставить, а какие — отключить.

Поддержка корректной работы UTM-меток

UTM-метки – это небольшие фрагменты кода, которые добавляются в URL сайта с целью отслеживания трафика (полученная информация поступает в систему аналитики). В данном случае такие специальные параметры ставятся в ссылки, размещаемые в рекламных объявлениях. По ним счетчики посещаемости отслеживают конверсии и поведение посетителей на сайте.

Такая статистика крайне важна для анализа успешности проводимых рекламных кампаний. Поэтому необходимо делать верстку сайта для яндекс директа и Google ADS таким образом, чтобы метки корректно работали и не вызывали ошибок.

Правильный выбор сервера

Важно разместить сайт на хорошем сервере и правильно настроить его для корректной работы. Иначе даже качественная верстка сайта для Google ADS и Яндекс.Директ не сможет гарантировать безупречность функционирования ресурса.

Подходящий сервер должен быть:

• надежным (выдерживать большие нагрузки, работать без перебоев);
• всегда доступным (технические обновления и прочие нюансы не должны влиять на его работоспособность);
• быстроработающим (чтобы скорость загрузки сайта, срабатывания кнопок, открывания форм и т.д. также была высокой);
• недорогим, удобным, с хорошей техподдержкой, обеспечивающей отсутствие проблем в работе.

Это завершающий этап подготовки сайта к эффективному продвижению и приему рекламного трафика. Все перечисленные моменты крайне важны. Поэтому грамотный верстальщик должен знать о них и учитывать в работе.