1.
Artem Daniliants / LumoLink
Все что Вы хотели знать о том, как сделать
хороший сайт, но боялись спросить
Санкт-Петербург, 19.5.2015

2.
www.lumolink.cominfo@lumolink.com 2

3.
www.lumolink.cominfo@lumolink.com 3

4.
www.lumolink.cominfo@lumolink.com
Посадочная страница
4

5.
www.lumolink.cominfo@lumolink.com
Иногда посадочная страница - это все,
что нужно
5

6.
www.lumolink.cominfo@lumolink.com
Система управления сайтом
Content management system
6

7.
www.lumolink.cominfo@lumolink.com
Почемы мы используем Wordpress
• Платформа с открытым
исходным кодом
• Более 35 000
дополнительных модулей
• Активно развивается
• Большой простор для
творчества
• Легка в использовании
7

8.
www.lumolink.cominfo@lumolink.com
Безопасность
8

9.
www.lumolink.cominfo@lumolink.com
SSL сертификат
• Обеспечивает безопасное
соединение между сайтом
и посетителем
• Способствует росту
позиций в Google
• Стоимость 1000-2500 руб. в
год
• Необходим для всех
интернет магазинов
9

10.
www.lumolink.cominfo@lumolink.com
Резервные копии
• Часто о резервных копиях
вспоминают, когда уже
поздно
• Провайдер хостинга
обычно делает резервные
копии
• Система управления
сайтом (CMS) должна тоже
позволять создавать
резервную копию
10

11.
www.lumolink.cominfo@lumolink.com
Mобильная версия сайта
11

12.
www.lumolink.cominfo@lumolink.com
Требования Google
• Как проверить соответствует ли сайт
требованиям Google
• Пользователи проводят до 60% времени в
Интернете на мобильных устройствах
• Большинство сайтов, которые мы сейчас
создаем имеют адаптивный дизайн
12

13.
www.lumolink.cominfo@lumolink.com
Жажда скорости
14

14.
www.lumolink.cominfo@lumolink.com
Как проверить скорость сайта
• Google PageSpeed Insights и Pingdom Website
Speed Test для проверки скорости загрузки
сайта
• Время загрузки страницы должно быть менее
2-3 секунд
• Время загрузки напрямую связано с
конверсией в заказы в электронной
коммерции
15

15.
www.lumolink.cominfo@lumolink.com
Кэширование
• Большинство CMS систем
кэшируют вебстраницы,
что уменьшает время
загрузки
• Особенно важно для
сайтов с высокой
посещаемостью
17

16.
www.lumolink.cominfo@lumolink.com
Размер картинок
• Приложения FileOptimizer и
ImageOptim для
уменьшения размера
файлов изображений
18

17.
www.lumolink.cominfo@lumolink.com
CloudFlare
• Автоматически
оптимизирует вебсайт
• Блокирует многие виды
известных попыток взлома
• Использует систему
доставки контента (CDN)
для снижения времени
загрузки сайта
19

18.
www.lumolink.cominfo@lumolink.com
Хостинг
• Никогда не выбирайте дешевый хостинг
• Выбирайте хостинг, расположенный рядом с
большинством ваших пользователей
• Ищите компанию с хорошей технической
поддержкой и существующую много лет
20

19.
www.lumolink.cominfo@lumolink.com
Search engine optimization
21

20.
www.lumolink.cominfo@lumolink.com
Robots.txt
• Позволяет блокировать разделы сайта от
индексации поисковиками
• Должен содержать ссылку на карту сайта
• Будьте осторожны так как вы может легко
заблокировать весь сайт от индексации
22

21.
www.lumolink.cominfo@lumolink.com
Карта сайта
• Файл содержащий ссылки
на все страницы сайта
• Используется поисковыми
машинами, чтобы
индексировать только
новые страницы, чтобы не
индексировать весь сайт
заново
• Ускоряет индексацию сайта
23

22.
www.lumolink.cominfo@lumolink.com
Tеги title и description
• Каждая страница должна
содержать уникальный тег
title и тег description
• Некоторые CMS позволяет
сгенерировать теги title и
мета теги и
оптимизировать их под
ключевые слова
24

23.
www.lumolink.cominfo@lumolink.com
URL
• Адреса страниц (URL) должны иметь вложенную
структуру
• Правильно: www.site.ru/services/service1
• Неправильно: www.site.ru/index.php?
service=service1
• Когда переносите сайт на новую платформу
проверьте, чтобы старые адреса страниц
работали
25

24.
www.lumolink.cominfo@lumolink.com
alt теги для изображений
• Все картинки должны
содержать alt теги, которые
описывают содержание
изображения
• Помогает с поисковой
оптимизацией
• Не используйте alt теги для
поискового спама
26

25.
www.lumolink.cominfo@lumolink.com
Социальные сети
27

26.
www.lumolink.cominfo@lumolink.com
Facebook
• Установите OpenGraph
мета данные на сайте
• Помогает, когда
пользователи лайкают сайт
на Facebook
• Большинство CMS имеют
плагин для автоматической
генерации мета данных
Facebook
28

27.
www.lumolink.cominfo@lumolink.com
Twitter
• Не забудьте добавить мета
данные, чтобы
информация с вашего
сайта отражалась
корректно, когда люди
делятся ей в Твиттере
• Твиттер становится все
более и более популярным
в РФ
29

28.
www.lumolink.cominfo@lumolink.com
Социальные кнопки
• Дайте возможность
лайкнуть ваш сайт в
Facebook/Vkontakte/Twitter
• Почти ничего вам не стоит,
но улучшает видимость
вашего ресурса в соц. сетях
30

29.
www.lumolink.cominfo@lumolink.com
Многоязычные сайты
31

30.
www.lumolink.cominfo@lumolink.com
Чек-лист
• Каждый язык желательно, чтобы был на
отдельном домене (www.site.ru и
www.site.com)
• Alt теги должны быть на языке сайта
• Помимо текстов на сайте необходимо
перевести теги title и мета теги
32

31.
www.lumolink.cominfo@lumolink.com
Отслеживание конверсии
33

32.
www.lumolink.cominfo@lumolink.com
Простое отслеживание конверсии
• Сделайте некоторые адреса
страниц отслеживаемыми
• Например:
подтверждение заказа
• Отслеживание конверсии
критично для
долгосрочного успеха
любого сайта
34

33.
www.lumolink.cominfo@lumolink.com
WordPress для iOS и Android
35

34.
www.lumolink.cominfo@lumolink.com
Сплит тестирование
37

35.
www.lumolink.cominfo@lumolink.com
Эксперименты над контентом
https://support.google.com/analytics/answer/1745147?hl=ru&ref_topic=1745207
38

36.
www.lumolink.cominfo@lumolink.com
Get in touch!
email: artem@lumolink.com
tel: +358 50 40 44 299
www: www.lumolink.com
Спасибо!
39