Игорь Повшок, руководитель отдела продаж Студии Борового, на семинаре по интернет-маркетингу и брендингу «Стань эффективнее!» в Минске, 6 августа 2015 года.

1. Правильный процесс дает
правильный результат
Игорь Повшок, руководитель отдела продаж
Разработка и продвижение сайтов,
мультимедиа и интернет-реклама,
фирменный стиль и полиграфия

2. Вы можете не меняться. Выживание не
является обязанностью.
Эдвард Деминг

3. Идеальный сайт
1. Правильный дизайн, ориентированный на целевую аудиторию
2. Удобство пользовательских интерфейсов
3. Навигация сайта
4. Использование различного рода интерактивных сервисов
5. Быстрая загрузка страниц
6. Сайт не тормозит
7. Качественный целевой контент на продающих страницах
8. Лояльность к мобильным пользователям
9. Быстрые и удобные формы для связи, чат, обратный звонок
10. Каналы общения с пользователями: F.A.Q., опросы, тесты
11. Обучающий контент: «Знаете ли вы», Wiki-раздел
12. Отказоустойчивость – сайт, на котором есть вся информация
13. Спецсервисы для увеличения среднего чека и работы с лояльностью
пользователей
14. «Сайт, который продает»

4. Станьте частью команды
Не бойтесь задавать вопросы и уточнять
ШАГ 1. БРИФ
Конкретизируйте
Доносите через бриф потребности своей ЦА
Четко донесите свою бизнес-стратегию
Вообще решите для чего вам cайт
Вы получите: Максимально точный бюджет
Максимально точные сроки
Качественный инструмент на выходе

5. НЕВНЯТНОЕ ТЗ – РЕЗУЛЬТАТ ХЗ
Увеличение бюджета на дизайн
Увеличение бюджета на программирование
Увеличение бюджета на ведение проекта и тестирование
Увеличение общего срока на разработку

6. ШАГ 2. SEO-АУДИТ САЙТА
Будущего / текущего сайта
Анализируем конкурентов
Формируем правильную структуру ваших разделов
Даем рекомендации / требования
для более эффективной отдачи от будущего сайта
Даем SEO-требования к верстке и программированию

7. Лидеры выдачи

8. Аудит поискового спроса
Проект на SEO-аудит:
Интернет-магазин подарков
и сувениров
Регион: Москва
На скриншоте:
структура сайта

9. Аудит поискового спроса
На скриншоте:
новая структура сайта
по результатам аудита.
Потенциальный охват:
700% от изначального

10. ПОЧЕМУ SEO-АУДИТ ОБЯЗАТЕЛЕН
SEO-компания сказала,
что сайт нужно доработать
Но он же хорошо сделан! Зачем?
Они сказали, что надо переделывать каталог,
формировать какие-то посадочные страницы
и переписывать фильтр на сайте
+2 месяца
+2000$
+2000$, КАРЛ!

11. ПОЧЕМУ SEO-АУДИТ ОБЯЗАТЕЛЕН
• Позволяет избежать неправильной архитектуры проекта
• Позволяет спроектировать наилучшую структуру проекта
• Позволяет получить четкие требования к Техническому
этапу проекта – исключает фактор «плохой разработчик»
• Позволяет занять определенную нишу в сфере
• Экономит последующие бюджеты на доработки,
последующие этапы продвижения сайта

12. Синхронизация Технического отдела и отдела продвижения:
• Исправляются технические SEO-ошибки CMS;
• Внедряется комплекс типовых доработок для правильной индексации сайта и корректного
отображения в выдаче (редиректы, исправление дублей);
• Любой функционал проектируется с учетом правильной индексации страниц и других SEO-требований;
• При запуске всегда прописываются редиректы со старого сайта и настраиваются файлы robots.txt и
sitemap.hml.
Как это отобразится на проекте:
• Ваш сайт будет готов к продвижение с момента запуска.
• Даже без последующего продвижения, ваш сайт будет сносно индексироваться и отображаться в выдаче.

13. ШАГ 3. ТЕХНИЧЕСКОЕ ЗАДАНИЕ

14. Требования к дизайну: референсы, описание ключевых страниц, визуалы,
инфоблоки на страницах – ожидайте от ИСПОЛНИТЕЛЯ РЕАКЦИИ
Требования к ТЗ

15. SEO-требования – типовые и специфичные (см. SEO-аудит )
Требования к ТЗ
Требования к верстке – мобильные платформы, браузеры –
обсуждайте с Исполнителем
Требования к программной части – CMS, тестирование, гарантии,
скорость работы, сервисное обслуживание
Специфичные условия – ОБЯЗАТЕЛЬНО должны быть прописаны в ТЗ
Наполнение сайта, перевод контента
ТРЕБОВАНИЯ К НАГРУЗКАМ, ХОСТИНГУ
ТРЕБОВАНИЯ К ПЕРСОНАЛУ

16. • ТЕХНИЧЕСКОЕ ЗАДАНИЕ
• БРИФ НА ДИЗАЙН
• КОНТЕНТ-КАРТА
95% дизайн-концепций
утверждаются с первого раза
30 дней Чистый срок разработки
сайта в Студии Борового

17. ШАГ 4. ДИЗАЙН
или поиграйте со шрифтами
• Дизайн под ЦА
• Дизайн ради сайта, а не наоборот
• Легкость графики
• Не гонитесь за трендами
• Контент – всегда главный

18. Быстрый запуск сайта

19. Правильный дизайн – какой он?
ВСЕ ДЕЛО В ИДЕЯХ
ВСЕ ДЕЛО В ПОЛЬЗОВАТЕЛЯХ

20. Дизайн – это первое и часто
единственное,
что заставляет посетителя
остаться на сайте

21. Правильный дизайн
• Идентифицируемость
• Аккуратность в количестве цветов – сайт должен помогать, а не
отвлекать
• Контакты, точки продаж, адреса магазинов максимально заметно
• «Принцип наименьшего удивления»
• Давайте пользователям инструменты для работы с каталогом
• Делайте «аккуратную» рекламу
По результатам исследований Лондонской школы бизнеса:
1%, вложенный в дизайн, увеличивает прибыль на 3%.

22. КОНТЕНТ
Дизайн контента Подача контента

23. КОНТЕНТ
Дизайн контента

24. КОНТЕНТ
Дизайн контента

25. ЮЗАБИЛИТИ
Цель – найти оптимальный баланс между
удовлетворенностью пользователей и
достижением бизнес-показателей.
• Увеличение конверсии пользователей
(получил консультацию, запросил информацию, заполнил заявки)
• Увеличение продаж
(положил в корзину , сделал быстрый заказ)
• Уменьшение нагрузки на менеджеров
(охват всех типов пользователей с предоставлением информации)

26. Юзабилити
Телефоны на сайте
Формы регистрации и обратной связи
Списки товаров
Корзина
- 60-80% контактов – по телефону
- Номер телефона – с кодом города
- Кнопка «Перезвоните мне» и другие
сервисы лояльности

27. Юзабилити
Телефоны на сайте
Формы регистрации и обратной связи
Списки товаров
Корзина
- Немного обязательных полей
- Возможность купить без регистрации
- Несколько путей движения пользователя

28. Юзабилити

29. Юзабилити

37. Следите за тем, что ваши пользователи делают.
И используйте инструменты для улучшений (например, a/b - тестирование)

38. Корзина заказа
Контрольный вариант А Альтернативный вариант B

39. Результат: кнопка «Купить»
Результаты теста в инструменте Optimizely

40. Визуальное представление продукта

41. ШАГ 5. HTML-КОДИРОВАНИЕ
Mobile-friendly
SEO-friendly
Оптимизированная по скорости
и никак иначе

42. Mobile-friendly сайт.
Адаптивность как необходимость
• Избегайте
«недружелюбного» ПО
• Текст должен быть читаем
без зума
• Избегайте скролла
• Синдром «толстого пальца»

44. Когда сам Google намекает…

45. 61% пользователей вряд ли
вернутся к мобильной
версии сайта, если у них
были какие-то проблемы с
доступом к этому сайту с
телефона.

46. https://www.google.com/webmasters/tools/mobile-friendly/

48. Нужна ли мобильная версия сайта?
Смотрим аналитику!

49. Разбор одного проекта
Изображение – 1. Показатель отказов из мобильного трафика.

50. Разбор одного проекта
Изображение – 2. Увеличение мобильного трафика за период в 6 месяцев.

51. Разбор одного проекта
Изображение – 3. Количество страниц просмотренных за сеанс.

52. Разбор одного проекта
Изображение – 3. Количество страниц просмотренных за сеанс.

53. Разбор одного проекта
Изображение – 4. Показатели за период в 6 месяцев.

54. Мы используем новейшие технологии (для ускорения и качества работы):
• HTML5;
• CSS3;
• Препроцессоры LESS/SASS/Compass;
Тесная интеграция с файловой структурой CMS Bitrix
Верстка адаптирована под динамический контент
Верстка проекта проходит обязательное автоматическое и ручное тестирование
Верстка по умолчанию адаптивная / отзывчивая
В верстку изначально заложена оптимизация для SEO
Все картинки минимизированы без потери качества
В верстку встроена поддержка User Interface

55. По прогнозам компании Cisco, объем мобильного трафика
только с 2011 года по 2016-ый год увеличится в 18 раз. В таких
странах, как Индия и Китай, трафик с мобильных устройств
уже сейчас превосходит трафик со стационарных устройств.

56. ШАГ 5. ПРОГРАММИРОВАНИЕ
• Правильная CMS: 1С-Битрикс или любая другая ПОПУЛЯРНАЯ
• Возможность контроля внедрения
• Информация по работе с CMS
• Обновление и поддержка
• Скорость загрузки страниц и инструменты

57. Скорость
Сайты, время загрузки которых больше
3 секунд, теряют 40% пользователей.
А пользователи, зашедшие с мобильных
устройств, уйдут с сайта после 5 секунд
ожидания.
Трафик

58. Скорость
Конверсия
Каждая дополнительная секунда в загрузке
сайта ведет к потери 7% конверсии.
Сокращение времени загрузки
посадочной страницы Mozilla
вылилось в увеличение
конверсии на 15,4%, что
привело к 60 млн. новых
загрузок в год. Это была
просто разница в две
секунды…

59. Реально, Володя, 14%
Да не гони!

60. Скорость Прибыль
• Потеря 7% в конверсии сайта (с
каждой секундой) ведет к тому, что
при годовой выручке в $2 млн.
каждая секунда загрузки сайта будет
«стоить» $140 тысяч.
• На медленных интернет-магазинах
46% покупателей бросают свои
корзины.
• Каждый год интернет-магазины теряют
$3 млрд. только из брошенных корзин, и
это только из-за медленной загрузки
сайта.
• Каждая дополнительная секунда во
времени загрузки сайта ведет к
снижению выручки на пользователя на
1,8%; две дополнительные секунды — на
4,3%.
79% покупателей интернет-магазина,
недовольных его скоростью, скорее
всего, не купят снова на том же сайте.

61. 1. Устраните 404 ошибки и отсутствующие ресурсы
2. Оптимизируйте изображения
3. Объедините и минимизируйте JavaScript
4. Сокращайте число запросов к сторонним сайтам
5. Используйте CDN
Тормозит? Что делать?

62. Google уже не намекает

63. Скорость
Отказы

64. https://developers.google.com/speed/pagespeed/insights/

66. По данным исследования американской компании Akamai:
 47% пользователей ожидают, что веб-страница загрузится в
течение 2 секунд
 40% посетителей могут уйти с сайта, который грузится более 3
секунд
 52% утверждают, что быстрая загрузка влияет на их лояльность
 3 секунды ожидания уменьшают лояльность клиентов примерно
на 16%
В другом исследовании — The Gomez Peak Time Internet
Usage Study, проведённом Equation Research:
 в часы пик 75% посетителей ушли на сайты конкурентов, не
дождавшись загрузки страницы
 88% заявили, что вряд ли вернутся на сайт после неудачной
попытки его открыть
 больше половины пользователей выразили менее позитивное
мнение о компании в целом, если сайт медленно открывался
 более трети поделились негативным впечатлением со
знакомыми
Цифры

67. Качество внедрения
• Всегда в полной мере соблюдаются требования к разработке компании 1С-Битрикс.
• При решении задач в максимальной степени используются стандартные модули и
компоненты CMS.
• Если задача требует написания своего модуля либо компонента, то он будет написан с
учетом единого подхода, рекомендованного разработчиками 1С-Битрикс.
• Любой проект обязательно проходит монитор качества внедрения, который
отправляется для проверки в 1С-Битрикс.
• Качество проекта не зависит от исполнителя. (Проект совместно проектируется и
проверяется весь код).
• Настраивается кэш и композитный режим.
• Оптимизируется вес страниц, JavaScript, CSS. Соблюдются требования Google.
• Настраивается сервер на максимальную производительность.
• Рекомендуем хостера и отвечаем за проект

68. SEO-friendly
Образмеривание и сжатие изображений клиента. Делается вручную скриптом нашими
программистами. В результате на изображения на сайте получаются адаптированными
под веб.
Микроразметка с использованием стандартов Schema.org для логотипа, подписи под
логотипом, сквозных контактов, всех элементов на странице контактов, хлебных
крошек.
Файл .htaccess, в котором склеены все основные варианты дубликатов: страницы со
слешем и без него, index.php > /, двойные и тройные слеши в конце > одинарный,
внутренние /index.php/ на корректные страницы без него, страницы с www и без www.
Корректная пагинация, использующая атрибуты rel="prev" и rel="next", тег meta robots
со значениями noindex follow. - Реализована пока только в новостях, в каталоге пока
нет.
В заголовок title страниц пагинации добавляется приставка "Страница N".
Есть возможность реализации пагинации через Ajax, при этом роботы поисковых
систем видят страницы пагинации и не создаются дубликаты.
Всегда качественно настраиваем автоматически генерируемую sitemap.xml и robots.txt,
где есть все важное и нет мусора.
На этапе разработки сайта мы надежно закрываем тестовую версии от индексации.

69. ШАГ 7. КОНТЕНТ-КОРОЛЬ

70. Контент – «король»
Анализ 10 верхних результатов поиска для
20 000 ключевых слов и выявила
закономерность.
Средний размер контента, размещенного
на странице, попавшей в верхние 10
результатов поиска в Google для любого
ключевого слова, составлял не менее 2000
слов. И чем выше вы поднимаетесь по
странице результатов поиска, тем больше
контента содержит страница.

71. Если вы сделали из вашей статьи на 1000 слов статью из 500
слов, то скорее всего вы сможете сократить ее и до 250 слов.
И помните про Правило 6 секунд и эффект якоря

72. «Люди склонны что-то делать лишь в том случае, если
видят, что это уже делают другие».
• количество твитов (tweets), подписчиков,
отметок «нравится» (лайков)
• число комментариев
• рейтинги популярности, представленные
разным количеством звездочек
• количество просмотров
• текстовые и видео отзывы

73. СНИППЕТЫ. не то чтобы критично, но…

74. СНИППЕТЫ.
60%
90%
Что смотрим:
• яркий фавикон, который «брендирует» ссылку
• законченный заголовок, который содержит УТП
• ссылки на ключевые разделы сайта
• контактные данные фирмы
• рейтинг

75. ШАГ 8. ЗАПУСК
Открыт для индексации
Протестирован на хостинге
Максимально ускорен
Стоят счетчики…сразу

76. Запуск проекта
Используется отлаженный бизнес-процесс для переезда и запуска проектов,
разработчик не покидает проект, пока не закроет абсолютно все 20 пунктов чек-листа.

77. ШАГ 8. ПОИСКОВЫЙ МАРКЕТИНГ
Сайт изначально правильно спроектирован за счет SEO-аудита
Сайт адаптивный и быстро работает –
качественная верстка и правильное внедрение
Сайт удобен для пользователя и понятен ЦА –
правильный контент, дизайн и юзабилити
Сайт эффективно работает при нагрузках и не
падает в пиковые активности
Вы получите: Эффективную отдачу
Более низкий бюджет
Меньшие сроки вывода

78. Работайте с тем, что у вас уже
есть.
Измеряйте и улучшайте
эффективность всего!
Лучшего момента просто не будет.
Тестируйте новые инструменты,
кто бы что про них не говорил.
Если сомневаетесь: делать или не
делать – делайте!

79. Дизайн– помощник
Технологичная верстка
Bootstrap 3
Скорость
Оптимизация JS, CSS,
композитный режим
SEO-friendly
Битрикс
правильный

80. САЙТ – ЭТО ВСЕГО ЛИШЬ ЧАСТЬ СИСТЕМЫ

81. Контролируйте оффлайн
0. Проверьте все «точки контакта»
1. Подключить виджеты – не значит
их использовать эффективно
2. Продажи – это люди, а не сервисы
3. Плохое настроение менеджера – это
ваши проблемы
4. 1 негативный отзыв с лихвой
закроет 10 положительных
5. Сервис – это система, а не улыбки

82. Клиентов,
которых не получаете Вы, получают
Ваши конкуренты.

83. Повшок Игорь
igor@db.by
Эффективный интернет-магазин
БЫСТРО
Спасибо за внимание!
Ваши вопросы?
Игорь Повшок
руководитель отдела продаж
Студии Борового
igor@db.by
+375 (29)163-23-22
igor@db.by
+375 (29)163-23-22