оптимизируем код верхней части страницы

оптимизируем код верхней части страницы

Как оптимизировать верхнюю часть страницы, как уменьшить ее вес, ускорить загрузку и улучшить результат в PageSpeed Insights. Объединяем и сокращаем JavaScript и CSS, используем кэширование и другие способы.

Как оптимизировать код верхней части страницы:

Удалить код JavaScript и CSS из верхней части страницы
Использовать асинхронную загрузку Javascript и CSS
Настроить асинхронную загрузку с jQuery
Ускорить получение первых байтов (TTFB)
Объединить CSS в один файл, объединить JavaScript
Использовать алгоритмы сжатия
Минифицировать файлы CSS и JavaScript
Использовать кэш браузера
Загружать данные с помощью CDN

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

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

Узнать примерную скорость загрузки можно с помощью инструмента PageSpeed Insights от Google. Он оценивает скорость сайта и выводит советы по улучшению показателя.

Фрагменты проверки инструментом PageSpeed Insights

Для оценки Google определил девять правил, инструмент считает количество баллов по соответствиям.

  1. Не используйте перенаправления с целевой страницы
  2. Включите сжатие
  3. Сократите время ответа сервера
  4. Используйте кэширование в браузере
  5. Сократите HTML, CSS и JavaScript
  6. Оптимизируйте изображения
  7. Оптимизируйте загрузку CSS
  8. Расставьте приоритеты загрузки контента
  9. Удалите блокировку рендера JavaScript

Инструмент « Проверка скорости сайта» от PR-CY.RU использует такие же правила для анализа скорости. Он оценивает загрузку на десктопе и мобильной версии, дает советы и пояснения по каждому пункту.

Фрагмент анализа инструментом Проверка скорости сайта

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

Как оптимизировать код верхней части страницы:

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

Удалить код JavaScript и CSS из верхней части страницы

В верхней части кода HTML-страницы используйте только контент, нужный для загрузки первого экрана, остальной перенесите вниз. Скрипты JS и CSS влияют на отклик страницы, но не нужны в той части, которая загружается первой. Они тормозят браузер, и получается, что пользователь не видит часть страницы, на которую они влияют, но уже ждет ее загрузку.

Исходный HTML-код страницы:

<html> 
   <head> 
     <link rel="stylesheet" href="small.css">
   </head> 
   <body>
     <div class="black">
       Текст
     </div>
   </body>
 </html>
 

Стили small.css:

    yellow {background-color: white;} 
   .blue {color: black;} 
   .big { font-size: 8em; } 
   .bold { font-weight: bold; }
 

Встраиваем CSS:

    <html> 
   <head> 
     <style> 
       .black{color:black;} 
     </style> 
     </head> 
   <body> 
     <div class="black">
       Текст
     </div> 
   </body> 
 </html> 
 <link rel="stylesheet" href="small.css">
 

Файл стилей small.css будет подгружаться после загрузки первой страницы.

Использовать асинхронную загрузку Javascript и CSS

Браузер загружает код HTML построчно, но загрузка множества файлов Javascript может тормозить весь процесс. Для некоторых пользователей с медленным интернетом тормозить могут и файлы стилей. Чтобы браузер не останавливался на загрузке этих файлов, а продолжал подгружать остальной код, настраивают асинхронную загрузку Javascript и CSS.

Асинхронная загрузка позволит браузеру продолжать загружать основной код HTML и другие нужные ресурсы независимо от загрузки сторонних элементов.

Настроить асинхронную загрузку Javascript

Если на сайте есть видео со сторонних сервисов или другие внешние элементы, браузеру придется ждать загрузки всех элементов Javascript. Недоступное видео или другие проблемы с контентом могут вообще заблокировать загрузку сайта. Чтобы этого не произошло, используют Friendly iFrame или асинхронную загрузку.

Создайте пустой div блок в том месте, где нужно отобразить элемент:

<div id="script_block" class="script_block"></div>
 

Перейдите в конец страницы и вставьте скрипт для асинхронной загрузки перед </body>:

<div id="script_ad" class="script_ad" style="display:none;">
 файл или скрипт для загрузки</div>
 <script type="text/javascript">
    *переместить на реальную позицию отображения*
    document.getElementById('script_block').appendChild(document.getElementById('script_ad'));
  *показать*
    document.getElementById('script_ad').style.display = 'block';
 </script>
 

Скрипт работает во всех современных браузерах.

Настроить асинхронную загрузку CSS

Быстрее показать страницу пользователю с медленным интернетом поможет асинхронная загрузка CSS. Рекомендуют применять ее только к вспомогательным CSS, иначе страница появится сначала вообще без стилей, а потом будет перерисовываться.

Настроить асинхронную загрузку CSS можно несколькими способами, к примеру, через «rel=preload»:

<link type="text/css" href="style.css" rel="preload" as="style" onload="this.rel='stylesheet'" />
 <noscript>
 <link type="text/css" href="style.css" rel="stylesheet" />
 </noscript>
 

В некоторых версиях браузеров, к примеру, в Firefox 57, «preload» по умолчанию отключен, поэтому событие «onload» не сработает. Учитывайте это и догружайте данные скриптом:

<script>
 if (navigator.userAgent.indexOf("Firefox")>=0) {
     var elms = document.querySelectorAll('link[rel=preload][as=style]');
     for (i=0; i<elms.length; i++) {
       elms[i].rel="stylesheet";
     }
 }
 </script>
 

Скрипт cssrelpreload.js by loadCSS на GitHub включает поддержку rel=preload для файлов CSS файлов. Он сработает, если в браузере нет родной поддержки «preload».

Настроить асинхронную загрузку с jQuery

Для своей работы веб-мастера используют библиотеки скриптов. По данным графика популярности библиотек в вакансиях, в 2017 году библиотека jQuery была на пике популярности. Ее использование выросло и в 2018, хоть в вакансиях стал чаще появляться React.

График популярности библиотек в вакансиях: слева 2017, справа 2018

Библиотека скриптов jQuery содержит набор готовых функций Javascript, которые помогают писать код.

Последняя версия библиотеки jQuery для локального подключения

Для работы подключите версию библиотеки, которая у вас поддерживается.

Настроить асинхронную загрузку Javascript с jQuery

Для настройки асинхронной загрузки Javascript с jQuery нужно добавить свойство «async»:

<script async src="http://pr-cy.ru/example.js"></script>
 

Это отключит последовательную загрузку, поэтому добавьте событие «onload»:

<script>function init() {
     $('a').addClass('ajax');
 }</script>
 <script src="http://pr-cy.ru/jquery.js" async onload="init()"></script>
 

Функция «init» будет вызвана после загрузки jQuery.

Настроить асинхронную загрузку CSS с jQuery

jQuery подходит и для асинхронной загрузки CSS. Для того используйте код:

$("head").append("<link rel='stylesheet' type='text/css' href='/stylesheet.css' />");
 

Он должен загружаться после остальных элементов страницы и jQuery. К примеру, использование с методом «ready»:

    <script>
  $(document).ready(function() {
  $("head").append("<link rel='stylesheet' type='text/css' href='/stylesheet.css' />");
  });
 </script>
 

Ускорить получение первых байтов (TTFB)

TTFB (Time To First Byte) — это время, которое прошло с момента отправки запроса клиентом до получения им первого байта. Чем меньше показатель, тем быстрее браузер начинает загружать страницу.

Яндекс и Google не используют показатель TTFB в ранжировании, но если это время больше 200 мс, нужно заняться оптимизацией, чтобы пользователь не ждал начала загрузки.

Чем больше запросов выполняет браузер, тем дольше может быть загрузка. Проверить, сколько HTTP-запросов генерирует страница, можно на панели разработчика браузера. В Google Chrome и Mozilla Firefox для этого нужно вызвать на странице команду «Посмотреть код» (Ctrl + Shift + I), найти вкладку Network, перезагрузить страницу и отфильтровать по типу HTML (Doc). Появится список запросов со статусами ответов и временем загрузки.

Список запросов со статусами на главной странице Яндекс

Также данные о TTFB есть в Pagespeed и в Google Analytics: перейдите в «Поведение» — «Скорость загрузки сайта» — «Обзор», в блоке «Среднее время ответа сервера» увидите TTFB в секундах.

Если проходит слишком много времени до загрузки верхней части страницы, проверьте гипотезы:

  1. На загрузку не хватает ресурсов.
    Возможно, у вас слишком слабый процессор, не хватает оперативной памяти. Используйте проверенные хостинги с достаточными возможностями для непредвиденной нагрузки.
  2. Работа с базой данных слишком медленная.
    При каждой загрузке сервер обращается к базе данных за информацией, на каждый запрос нужно время. Сократить количество запросов поможет кэширование — так браузер запомнит данные и при дальнейших посещениях страницы будет делать меньше запросов.
  3. На сайте не включен акселератор (для PHP).
    Разработчики сайтов на PHP используют акселераторы кода для его оптимизации — это расширение, которое кэширует байт-код и увеличивает производительность интерпретатора. При загрузке страницы сервер часто обрабатывает одни и те же участки кода, а акселератор будет предварительно компилировать PHP, что уменьшит время получения первого байта. В версиях PHP 5.5 и выше он идет в комплекте, в файле «php.ini» нужно найти «opcache.enable» и включить акселератор. В версиях 5.2 и 5.3 он доступен в PECL, нужно установить его и включить также через файл «php.ini» .

Объединить CSS в один файл, объединить JavaScript

На каждый отдельный файл нужен отдельный HTTP запрос. Некоторым разработчикам удобнее хранить разные стили CSS или коды JavaScript в разных файлах, но если стилей много, браузеру придется делать много запросов, что тормозит загрузку. Для оптимизации кода рекомендуют объединять все стили CSS в один файл.

Исходный код:

<link rel="stylesheet" href="structure.css" media="all">
 <link rel="stylesheet" href="banner.css" media="all">
 <link rel="stylesheet" href="layout.css" media="all">
 <link rel="stylesheet" href="component.css" media="all">
 <link rel="stylesheet" href="plugin.css" media="all">
 

Объединяем CSS-файлы:

<link rel="stylesheet" href="main.css" media="all">
 

Файлы JavaScript тоже нужно объединять, чтобы уменьшить количество HTTP запросов при загрузке страницы. Способ объединения такой же, как в случае CSS-файлов.

Исходный код:

<script src="http://pr-cy.ru/navbar.js"></script>
 <script src="component.js"></script>
 <script src="page.js"></script>
 <script src="framework.js"></script>
 <script src="plugin.js"></script>
 

Объединяем файлы JavaScript:

<script src="http://pr-cy.ru/main.js"></script>
 

Использовать алгоритмы сжатия

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

Сейчас популярны алгоритмы gzip или brotli. Сервер сжимает данные перед отправкой тем способом, который браузер может декодировать, и отправляет ему архивы. Лучше использовать оба алгоритма: большинство браузеров поддерживаеет только gzip, но в ряде случаев сработает brotli, который тратит чуть больше ресурсов, но сжимает данные сильнее.

Подробно о подключении алгоритмов сжатия для разных серверов в статье «Как уменьшить вес сайта и ускорить загрузку страниц: использовать сжатие gzip или brotli».

Минифицировать файлы CSS и JavaScript

Данные делают легче не только с помощью алгоритмов сжатия. Еще CSS, Javascript и HTML можно минифицировать — сократить методом удаления лишних символов, которые не влияют на работу кода, но занимают место. Удаляют пробелы, комментарии, переносы строк и табуляцию, в файлах стилей сокращают названия цветов.

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

Минификация CSS

Исходный код:

    <style>
       body { background-image: url("foo.png"); }
       /* This comment will be stripped */
       #iddy, .anotherId {
         border: solid 1px #cccccc;
         padding: 1.2em;
         float: left;
         color:##ff0000;
       }
     </style>
 

Минифицируем CSS:

<style>body{background-image:url(("foo.png"}#iddy,#anotherId{border:solid 1px #ccc;padding:1.2em;float:left;color:red}</style>
 

Минифицировать файлы CSS и JavaScript

Коды JavaScript тоже можно сократить — удалить лишние символы и сократить переменные. Чтобы не делать это вручную, для минификации есть автоматические сервисы — загружаешь в него код и скачиваешь версию в сокращении.

Подробнее о сервисах и особенностях минификации в статье «Как уменьшить вес сайта и ускорить загрузку страниц: использовать минификацию HTML, CSS и JS»

Использовать кэш браузера

Когда пользователь заходит на сайт в первый раз, его браузер загружает всю графику, все элементы JavaScript и CSS-файлы. Последующие загрузки страницы будут быстрее, если настроить кэширование в браузере пользователя. Тогда браузер сохранит файлы, и ему не придется загружать их с сервера повторно.

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

Для сервера Nginx в файле конфигурации настройте модуль Expires: перечислите форматы файлов для кэширования через с прямой слэш «|», укажите время хранения в секундах.

location ~* .(js|css|png|jpg|jpeg|gif)$ {
  expires 86400s;
  log_not_found off;
  }
 

Если вы используете Apache, добавьте в файл .htaccess строки с указанием сроков хранения в кэше для форматов файлов:

## EXPIRES CACHING ##
 <IfModule mod_expires.c>
 ExpiresActive On
 ExpiresByType image/gif "access plus 6 months"
 ExpiresByType image/jpeg "access plus 6 months"
 ExpiresByType image/png "access plus 6 months"
 ExpiresByType text/css "access plus 1 year"
 ExpiresByType text/javascript "access plus 6 months"
 ExpiresByType application/javascript "access plus 6 months"
 </IfModule>
 ## EXPIRES CACHING ##
 

О других способах настройки кэширования есть в статье «Как использовать кэш браузера для ускорения: кэширование для Nginx и Apache, метод Cache-Control и кэширование по времени».

Загружать данные с помощью CDN

Еще один способ сократить время загрузки данных — использовать популярные CDN. CDN (Content Delivery Network) — это сетевая структура серверов в разных географических точках, которые хранят контент и быстро отдают его клиенту. CDN нужны, чтобы сайт открывался с одинаково быстрой скоростью для пользователей из разных географических точек. Они сокращают время загрузки, ускоряют рендеринг, защищают от DDoS, скраперов и ботов.

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

Разработчики выбирают CDN в зависимости от потребностей бизнеса и бюджета. Hhostings.info собрали двадцать CDN с лучшими отзывами и составили топ CDN 2019.


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

​В Яндекс.Вебмастере появилось оповещение о новой проблеме с сайтом

​В Яндекс.Вебмастере появилось оповещение о новой проблеме с сайтом

Отсутствие HTTPS-протокола Яндекс теперь расценивает как проблему.

С конца прошлой недели у некоторых сеошников в разделе «Проблемы сайта» Яндекс.Вебмастера появилось сообщение о том, что сайт не использует безопасный протокол.

Поисковик считает это возможной проблемой и рекомендует перевести сайт с HTTP на HTTPS:

Новость обсуждают на русскоязычных SEO-форумах. Владельцы сайтов убеждены, что Яндекс будет понижать HTTP-сайты в результатах поиска.

Опасения опровергают в пресс-службе поисковой системы:

«Причин волноваться у веб-мастеров быть не должно. Мы просто напоминаем о преимуществах HTTPS-протокола при обеспечении безопасности персональных данных интернет-пользователей».

Напомним, несколько дней назад Яндекс запустил новый опрос о безопасном протоколе.

Таргет в мессенджере Facebook: как создать и запустить

Таргет в мессенджере Facebook: как создать и запустить

Возможность рекламы в мессенджере Facebook появилась в ноябре 2016 года. Но до сих пор эта площадка остается недооцененной для продвижения товаров и услуг. Хотя обладает целым списком преимуществ.

Для начала отметим, что работа с мессенджером Facebook может строиться тремя способами:

1. Мы можем давать рекламу в любых плейсментах (мобильная лента FB, лента ПК, правый столбец, моментальные статьи, истории, Instagram). А мессенджер использовать как вторую ступень взаимодействия клиента с рекламным объявлением: кликнул по кнопке в объявлении – попал в мессенджер для диалога.

2. Мессенджер сам может быть плейсментом для рекламы: клиент будет видеть рекламное объявление между своими чатами.

3. Также мессенджер можно рассматривать как инструмент общения с уже «утепленной» аудиторией. Когда у нас формируется база людей, с которыми мы переписывались через бизнес-страницу, мы можем запустить рекламную кампанию на условную «рассылку» сообщений от имени компании.

Первый плюс такой рекламы: для коммуникации человека не надо уводить на сайт, где его вполне можно и потерять. А самому пользователю не нужно совершать лишних телодвижений – больше шансов ненавязчиво вовлечь его в коммуникацию. Из этого вытекает второе преимущество таргета в мессенджере: возможность создать работающий канал продаж и собрать пул лояльных клиентов с высокой конверсией.

Поговорим об особенностях рекламы в мессенджере Facebook подробнее: как ее правильно настроить, что нужно учесть, какие главные отличительные особенности есть у этого канала.

Разберем каждый из трех способов использования мессенджер подробнее.

Мессенджер как «посадочная» площадка

Чтобы переводить клиента из рекламы в мессенджер для диалога, подойдут две рекламные цели «Сообщения» и «Конверсии».

При выборе цели «Сообщения» реклама будет оптимизирована для показа людям, которые с большей вероятностью ответят вашей компании в мессенджере. Цель «Конверсии» подходит для того, чтобы обучать алгоритмы Facebook находить людей, похожих на тех, кто ранее писал компании в мессенджер.

И то, и другое соцсеть будет делать сама с помощью своих алгоритмов: вам лишь останется, как обычно, настроить свою рекламную кампанию с выбором нужной целевой аудитории.

Чтобы создать рекламу с переходом в мессенджер, сделайте следующее:

  1. Откройте Ads Manager.
  2. Выберите там цель «Сообщения» или «Конверсии».

Таргет в мессенджере Facebook Как создать и запустить

Таргет в мессенджере Facebook Как создать и запустить

  1. В разделе «Место назначения для сообщений» выберите Messenger, затем «Переход в Messenger» для цели «Сообщения».

Таргет в мессенджере Facebook Как создать и запустить

Если выбрана цель «Конверсии», то в одноименном разделе аналогично выберите Messenger.

  1. Далее нужно проделать привычные операции для настройки таргетированной рекламы: отредактируйте аудиторию, места размещения, задайте бюджет кампании и график показа.
  1. Выберите формат рекламного объявления.
  1. Теперь настройте работу самого мессенджера.

Контент, который вы зададите в этом разделе, будет показан людям при клике на рекламу. Сообщение можно настроить одним из двух способов. Первый – это шаблон по умолчанию, предварительно заполненный рекомендованным контентом-приветствием. Устраивает ли он вас? Считаете ли вы, что он позволит «утеплить» аудиторию и подтолкнуть ее к дальнейшему общению с вами? Опубликуйте или отредактируйте этот контент перед публикацией, чтобы он соответствовал рекламному контенту и целям кампании.

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

Таргет в мессенджере Facebook Как создать и запустить

Если объявление вас устраивает, то нажмите «Подтвердить» для публикации рекламы. После одобрения она начнет показываться в выбранных местах размещения. При клике по объявлению откроется мессенджер с приветственным сообщением.

Мессенджер как плейсмент для рекламы

Мессенджер Facebook сам по себе может использоваться как место размещения рекламы наряду с лентой новостей, Instagram и другими. Можно ли считать его эффективным плейсментом?

Специалисты по таргетированной рекламе считают по-разному. Одни думают, что пользователь более внимателен при просмотре мессенджера, поэтому такое размещение повысит эффективность рекламы. Другие опасаются негативной реакции и восприятия объявления как спама, который попал в «личное пространство» пользователя.

Понять, где истина, можно только протестировав этот плейсмент под свои задачи: возможно, именно для вашей кампании он окажется самым действенным!

Обойтись старыми плейсментами, конечно, можно. Но реклама в мессенджере все же хороша тем, что способна привлечь больше внимания потенциального клиента. Ведь она фактически «стучит» в его дверь. И если реклама релевантна аудитории, то и канал продаж получится неплохой.

Итак, если мы хотим, чтобы рекламное сообщение показывалось только внутри мессенджера, то нам нужно при настройке рекламной кампании на уровне групп объявлений выбрать плейсмент показа Messenger. При такой настройке мы можем использовать любые рекламные цели Facebook и переводить людей куда угодно. Но показы рекламы, уточним еще раз, будут только в мессенджере.

Таргет в мессенджере Facebook Как создать и запустить

Настройка же объявления – стандартная, как и для других плейсментов.

Мессенджер как канал продаж

Если вы ранее использовали мессенджер Facebook как «посадочную» площадку для рекламы, на которую попадает пользователь после клика по объявлению, то, возможно, с течением времени у вас сформируется база клиентов, с которыми вы переписывались в мессенджере. В таком случае вы можете отправлять этой, уже «теплой», аудитории новые сообщения с какими-либо предложениями.

Этот вариант подходит для информирования клиентов об акциях, розыгрышах, специальных предложениях, новинках товаров и услуг.

Вам нужно в Ads Manager запустить рекламную кампанию с целью «Сообщение», но при настройках выбрать рассылку в мессенджер. Для этого мы на уровне групп объявлений выбираем место назначения для сообщений «Рекламное сообщение».

Таргет в мессенджере Facebook Как создать и запустить

После настройки и запуска ваша рекламная кампания будет показывать объявление внутри мессенджера и только тем людям, с которыми вы уже переписывались.

Каким должно быть рекламное объявление для рекламы в мессенджере?

Принципы создания рекламного объявления для рекламы через мессенджер такие же, как и для других плейсментов:

  1. Продавать решение конкретной боли для конкретной целевой аудитории.
  2. Говорить на понятном для клиентов языке.
  3. Демонстрировать им преимущества именно вашего для решения его проблемы.

Вот базовые элементы успешного рекламного объявления, которые должны быть учтены:

  • В объявлении должен содержаться призыв к действию. Что человек должен сделать после того, как прочитал объявление? Просто кликнуть и перейти на страницу бренда? Подписаться на паблик? Задать вопрос компании в личном сообщении? А может, сразу оставить заявку и свои контакты?
  • Объявление должно быть простым и лаконичным. Большой и сложный рекламный текст в своем мессенджере человек просто не будет читать. Но и привлечь внимание клиента оно тоже должно. Посмотрите, выделяется ли объявление среди чатов, среди других реклам?
  • Объявление должно быть информативным и обещать пользу для человека – клиент должен понимать, что именно узнает, кликнув на него, и что может приобрести.

Но у мессенджера есть свои особенности, когда дело касается общения с клиентом через эту площадку.

Какие особенности общения в мессенджере стоит учесть?

Продумайте сценарий общения с потенциальным клиентом на несколько шагов вперед. С каким приветственным сообщением вы выйдете к клиенту? Что он должен будет сделать в ответ на него?

Что может стать следующим шагом с вашей стороны? На каком этапе вы покажете клиенту предложение? Или продлите диалог с помощью автоматических вопросов и ответов?

А может быть, есть смысл подключить к кампании чат-бота? Так можно разгрузить ваших менеджеров по продажам и доводить до общения с реальным сотрудником уже на 100% целевого лида.

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

На этом наш первый урок завершен. Мы рассмотрели один из эффективных, но не так часто используемых сегодня каналов для размещения таргетированной рекламы – мессенджер в Facebook, обсудили способы работы с ним и принципы создания успешного рекламного объявления.

Тема следующей публикации – «Сегментация и настройка аудитории для рекламы в Facebook». Я постараюсь подробно рассказать о возможностях работы с таргетингом, дать проверенные лайфхаки, чтобы ваши рекламные объявления попадали в цель.

Оставайтесь с нами!