Разработка сайтов, SEO

1. Семь раз отмерь
Все что надо знать о выборе
подрядчиков, программной платформы и
организации работ по разработке и SEO.
Виталий Денисенков,
директор и со-основатель Студии Борового
www.db.by

2. Студия Борового
C 2003 года реализовали более 600
проектов
56 дипломов и наград конкурсов и
фестивалей
Трижды подряд наши проекты –
лучшие корпоративные сайты
в Беларуси (ТИБО)
Трижды подряд веб-студия №1
в Беларуси по рейтингу Marketing.by
Лидер белорусского рынка
разработки и продвижения сайтов

3. 11 место в СНГ
в Рейтинге веб-разработчиков ex-
СНГ по версии портала
CMSMagazine.ru в 2014 году
№15 с TOP-брендами
в рейтинге веб-студий, работающих с
крупнейшими компаниями России и
мира по версии Рейтинга Рунета
ТОР-15 в 1С-Битрикс
Входим в ТОП-20 партнеров
1С-Битрикс
КонкурсыПрофессиональные рейтинги
Золотой сайт – 17 побед
17 проектов получили дипломы победителия
или призера. 3 работы удостоены статуэтки
“Кибермастера” за первенство
Рейтинга Рунета – 3 победы
2 работы стали победителями, еще 1 -
призером
Премия «ТИБО» – 22 победы
22 работы получили дипломы
победителя и призера. 9 работ заняли
первое место
Достижения и награды

5. С кем работаем

6. Мы думаем, что
«Если программист и SEO-шник сидят
рядом, значит они друг друга обучают и
оба понимают в соответствующих
областях».
Неизвестный посетитель семинара «Стань эффективнее!»,
Минск, лето 2015 года
Кейс №1: Как круто облажаться и почти
потерять ключевого клиента.
Редизайн интернет-магазина повседневных, гигиенических и
медицинских товаров.

7. Ну вы же там рядом в одной
комнате сидите. Хоть бы
общались друг с другом как-то
“
Клиент,
владелец интернет-магазина

8. Обычное взаимодействие подрядчиков:
Фрагмент из фильма «Невероятная жизнь Уолтера Митти»

9. Основные причины
провалов разработка + SEO:
• Неправильный выбор разработчика
(качество внедрения, процесс
разработки, технологии);
• Выбор неподходящей платформы
(CMS – системы управления сайтом);
• Неправильный процесс
взаимодействия разработки и SEO.

10. Глубинная проблема
Сложно выбрать хорошего веб-
разработчика.
SAD BUT TRUE

11. Как обычно происходит
«Мы делаем то же самое, но дешевле»
Неизвестный ИП на тендере крупного предприятия
Как обычно оценивают предложения компаний-
разработчиков:
• По стоимости;
• По качествам продавца;
• По портфолио.

12. Как мы выбираем?
Книга «Сердце перемен», авторы: Чип Хиз и Дэн Хиз.

13. Как мы выбираем?
Все мы часто оперируем эмоциональными, а не
рациональными критериями:
− Не хочу разбираться с этим. Пусть агентство
все делает и не отвлекает меня от важной
работы.
− Хочу быстро!
− Хочу, чтобы было «классно и красиво»!
− Хочу, чтобы было дешево!

14. Как мы выбираем?
Таким образом мы отдаем предпочтение:
1. Минимальным ограничениям (бесконечное
количество правок дизайна)
2. Минимуму своей ответственности в проекте
3. Самым коротким обещанным срокам
4. МИНИМАЛЬНОЙ обещанной стоимости
5. Как можно большему обещанному количеству
доп. услуг («А продвижение включено в цену?» -
«Конечно!»).

15. Вопрос:
— Кто сделает такое предложение?

16. Что зависит от разработчика?
• Технологии реализации проекта. Их современность и
правильное применение.
Чтобы не на велосипеде в Америку, но и не из пушки по воробьям
• Уровень технической реализации проекта.
Тонкая настройка кэша, оптимизация запросов к БД, вес страниц,
оптимизация изображений, расположение кода в соответствии с
рекомендациями поисковых систем, отображение на мобильных и т.д.
• Сколько будет стоить техническая поддержка?
• Можно ли будет масштабировать проект?
• Можно ли будет в случае чего сменить подрядчика?
• Сроки запуска и дальнейшей поддержки проекта (+-50%).
• Сколько вы доплатите за SEO-доработки? 30%, 10%,
полностью переделаете сайт с 0 или ничего? (все кейсы
есть в наличии).

17. — Много, правда?

18. Что можно спросить?
• С помощью каких технологий будет сделан проект?
• Какая команда будет работать над проектом?
• Какие могут быть риски, подводные камни?
• Будет ли сайт соответствовать требованиям SEO?
• Будут ли соблюдены современные WEB-стандарты?
• Сможете ли вы потом дорабатывать сайт?
• Будет ли сайт Вам принадлежать?
• C какой скоростью он будет работать?
• Будет ли он удобным на мобильных устройствах?
• Легко ли будет обучить контент-менеджеров?
• Сможете ли вы поменять подрядчика?

19. Оцениваем:
• «Осмеченный» состав работ
• Процессы внутри разработчика (результативность его
системы)
• Производственную культуру, фокус на клиенте
• Наличие стандартов разработки
• Продукты, которые выпускает разработчик с
технической точки зрения
• Отзывы других клиентов (с поправкой на контекст)
Веб-сайт — это не только дизайн, но еще СОТНИ других
характеристик.

20. Только правильный
процесс дает
правильный
результат.
“
Тайити Оно,
один из создателей Toyota Production System
(система «Точно вовремя»)

21. Почему важен процесс и стандарты
разработки в компании?
— Веб-разработка в РБ на сегодня — отрасль
дилетантов по большому счету.
— Риск получить некачественный продукт,
опираясь только на индивидуальное мастерство
очень высок.
— Даже один квалифицированный специалист на
проекте не гарантирует качества в целом
(большинство проблем обнаруживаются после
запуска и находятся «внутри»).
— Совсем «чернуху» рынок периодически чистит,
но всегда появляется кто-то новый…

22. Зачем правильно выбирать
разработчика?
• Кейс № 2. Сайт одного из лидеров рынка
бизнес-образования Беларуси;
• Кейс № 3. Сайт небольшой транспортной
компании;
• Кейс № 4. Интернет-магазин атрибутики
футбольного клуба.

23. — Когда можно
поэкспериментировать с
подрядчиком?

24. «Неразумно платить слишком
много, но еще хуже — платить
слишком мало. Когда вы платите
слишком много, вы теряете
немного денег, и это все. Когда вы
платите слишком мало, вы иногда
теряете все, поскольку то, что вы
купили, неспособно делать то, для
чего оно было куплено».
“
Джон Раскин,
английский художественный критик XIX века Генри Нив,
Организация как система
(по следам семинаров
доктора Э. Деминга)

25. Комплексная оценка:
• Места в профессиональных рейтингах, награды
• Новизна и применимость используемых технологий
• SEO-компетенции
• Процессы!
• Компетенции на выбранной платформе (CMS)
• Отраслевой и типовой опыт
• Контроль качества
Выбор подрядчика похож на подбор сотрудника.
«Хороший человек» — это не профессия.

26. 7 инструментов проверки качества:
• Валидатор W3C
• Мониторинг качества 1С-Битрикс
• Google Mobile Friendly test (насколько сайт удобен
для просмотра на мобильных устройствах)
• Google Page Speed Test (скорость загрузки для
смартфонов и декстопов)
• Серверные тесты 1С-Битрикс
• Page Load Time (скорость первой загрузки главной
страницы, тест из Канады)
• Code review (проверка кода) техдиректором.

27. Выбираем СMS.
• Кейс № 5. Сайт авторизированного
партнера Apple в Беларуси;
• Кейс № 6. Сайт сети магазинов по
продаже premium-алкоголя

28. CMS. Короткие советы:
• Только открытые или платные;
• Избегайте самописных систем;
• Обязательно профессиональное
комьюнити и пул подрядчиков
(экосистема)
Де-факто: 1С-Битрикс, WordPress,
Drupal, Joomla.

29. Квинтэссенция вышеизложенного:
«У нас есть действующий сайт, но существует
множество технических трудностей, эти
особенности связаны в основном со структурой
сайта и с его кодом. Продвигать его тяжело, не
возможно самостоятельно вносить некоторые
принципиальные изменения и компания-
разработчик тоже не может помочь по этим
вопросам, т.к. человек, который писал код
ушел».
Запрос на info@db.by
“

30. Почему 1С-Битрикс?
• Инструменты для разработки
быстроработающих сайтов;
• Возможность проверки качества внедрения;
• Профессиональное комьюнити
разработчиков и «пул» подрядчиков;
• Ориентация 1С-Битрикс на рынок СНГ;
• Постоянные улучшение и развитие
платформы;
• Он-лайн обучение;
• Много реализованного функционала;
• Рейтинг разработчиков.

31. НО… Битрикс Битриксу рознь
• На Битриксе появился большой рынок. И все
вдруг стали «работать» на платформе
• Чтобы научится делать сайты на 1С-Битрикс в
требуемом качестве с первого раза нам
понадобилось примерно 80-100 проектов.
Мы учимся и улучшаем процесс до сих пор и
будем делать это всегда.
• Удаленка (когда агентство делает интеграцию
не в офисе) скорее всего приведет к низкому
качеству кода. Вы – не клиент удаленного
программиста. Это влияет на мотивацию.
• Это риски. Всегда есть исключения.

32. На что обращаем внимание?
• Банально: позиции в рейтингах 1С-
Битрикс;
• Количество завершенных проектов;
• Интересуйтесь релевантными отзывами о
работе;
• Тестируйте работающие решения
разработчика, потом задавайте
появившиеся вопросы.

33. Концепция технологического
совершенства

34. Следующий процесс
— это потребитель
“
Тайити Оно,
один из создателей Toyota Production System
(система «Точно вовремя»)

35. Как происходит обычно?
• Сначала разрабатывается сайт
• Потом начинают заниматься поисковым
маркетингом.
Примеры:
•Кейс № 7. Интернет-магазин одного их
крупнейших офлайн-ритейлеров бытовой
техники и электроники;
•Кейс № 8. Сайт крупной туристической
компании

36. Как правильно?
• Определяем поисковую стратегию
• Проводим SEO-аудит (требования в ТЗ)
• Разрабатываем сайт (при этом идет
SEO-сопровождение разработки)
• Поисковый маркетинг + развитие
проекта (доработки, конверсия, UX)

38. Частный случай:
«внезапный» редизайн
• Кейс № 9. Сайт крупного event-
агентства
• Кейс № 10. Интернет-магазин
спортивных товаров

39. Примеры ошибок

40. • Структура сайта не соответствует спросу, и
теряются точки входа на сайт.
• Нет посадочных страниц под запросы, нет
внутренней перелинковки и передачи веса
• Технологии AJAX, хештеги и т.д. в каталоге, нет
хлебных крошек.
• Нет возможности создавать шаблоны для
продвижения карточек (длинный хвост)
• Не учтена специфика отрасли. Посмотреть
контент и структуру 10 конкурентов в ТОПе
Ключевые ошибки

41. Стильно, модно, молодёжно,
но не работает

42. • Вложенность формируется на основании пути
пользователя
• Товар временно отсутствует на складе - 404
ошибка. Надо: нет в наличии и предложить
альтернативы
• Не настроен 301 редирект, не закрыт робот на
время разработки на тестовом аккаунте
• Неоптимизированные (тяжелые) изображения
• Отсутствие адаптивной версии сайта
• Дублирующийся контент (версии для печати,
фильтры, сравнения, ошибки CMS)
Ключевые ошибки (продолжение)

43. • Слабая программная архитектура проекта,
низкое качество кода
• Проблемы с доступностью сайта и страниц
• Сайт закрыт от индексации в файле robots.txt
• Динамические URL-адреса при фильтрации
• Заголовки очень короткие и не включают
запросообразующие слова
• Meta Description отсутствуют на всем сайте
• Отсутствуют подкатегории
• Сайт не оптимизирован для мобильных.
Ключевые ошибки (продолжение)

44. Важнейший фактор
конкурентоспособности —
СКОРОСТЬ.
Поэтому важно
Делать правильно с первого
раза!

45. Спасибо за внимание!
Пожалуйста, задавайте
вопросы!
E-mail: dv@db.by
Телефон: +375 29 6942280 (+ Viber)
Skype: vitaly.denisenkov
Twitter: twitter.com/db_by
Facebook личный: fb.com/v.denisenkov
Facebook Студии: fb.com/borovoystudio
Сайт: www.db.by
2016