Все что вы хотели знать о том, как сделать хороший...

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

Upload: lumolink

Post on 30-Jul-2015

81 views

Category:

Marketing


1 download

TRANSCRIPT

Page 1: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

Artem Daniliants / LumoLink

Все что Вы хотели знать о том, как сделать хороший сайт, но боялись спросить

Санкт-Петербург, 19.5.2015

Page 4: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Посадочная страница

4

Page 5: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Иногда посадочная страница - это все, что нужно

5

Page 6: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Система управления сайтом Content management system

6

Page 7: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Почемы мы используем Wordpress

• Платформа с открытым исходным кодом

• Более 35 000 дополнительных модулей

• Активно развивается

• Большой простор для творчества

• Легка в использовании

7

Page 8: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Безопасность

8

Page 9: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

SSL сертификат

• Обеспечивает безопасное соединение между сайтом и посетителем

• Способствует росту позиций в Google

• Стоимость 1000-2500 руб. в год

• Необходим для всех интернет магазинов

9

Page 10: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Резервные копии

• Часто о резервных копиях вспоминают, когда уже поздно

• Провайдер хостинга обычно делает резервные копии

• Система управления сайтом (CMS) должна тоже позволять создавать резервную копию

10

Page 11: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Mобильная версия сайта

11

Page 12: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Требования Google

• Как проверить соответствует ли сайт требованиям Google

• Пользователи проводят до 60% времени в Интернете на мобильных устройствах

• Большинство сайтов, которые мы сейчас создаем имеют адаптивный дизайн

12

Page 13: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить
Page 14: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Жажда скорости

14

Page 15: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Как проверить скорость сайта

• Google PageSpeed Insights и Pingdom Website Speed Test для проверки скорости загрузки сайта

• Время загрузки страницы должно быть менее 2-3 секунд

• Время загрузки напрямую связано с конверсией в заказы в электронной коммерции

15

Page 16: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить
Page 17: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Кэширование

• Большинство CMS систем кэшируют вебстраницы, что уменьшает время загрузки

• Особенно важно для сайтов с высокой посещаемостью

17

Page 18: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Размер картинок

• Приложения FileOptimizer и ImageOptim для уменьшения размера файлов изображений

18

Page 19: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

CloudFlare

• Автоматически оптимизирует вебсайт

• Блокирует многие виды известных попыток взлома

• Использует систему доставки контента (CDN) для снижения времени загрузки сайта

19

Page 20: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Хостинг

• Никогда не выбирайте дешевый хостинг

• Выбирайте хостинг, расположенный рядом с большинством ваших пользователей

• Ищите компанию с хорошей технической поддержкой и существующую много лет

20

Page 21: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Search engine optimization

21

Page 22: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Robots.txt

• Позволяет блокировать разделы сайта от индексации поисковиками

• Должен содержать ссылку на карту сайта

• Будьте осторожны так как вы может легко заблокировать весь сайт от индексации

22

Page 23: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Карта сайта

• Файл содержащий ссылки на все страницы сайта

• Используется поисковыми машинами, чтобы индексировать только новые страницы, чтобы не индексировать весь сайт заново

• Ускоряет индексацию сайта

23

Page 24: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Tеги title и description

• Каждая страница должна содержать уникальный тег title и тег description

• Некоторые CMS позволяет сгенерировать теги title и мета теги и оптимизировать их под ключевые слова

24

Page 25: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

URL

• Адреса страниц (URL) должны иметь вложенную структуру

• Правильно: www.site.ru/services/service1

• Неправильно: www.site.ru/index.php?service=service1

• Когда переносите сайт на новую платформу проверьте, чтобы старые адреса страниц работали

25

Page 26: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

alt теги для изображений

• Все картинки должны содержать alt теги, которые описывают содержание изображения

• Помогает с поисковой оптимизацией

• Не используйте alt теги для поискового спама

26

Page 27: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Социальные сети

27

Page 28: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Facebook

• Установите OpenGraph мета данные на сайте

• Помогает, когда пользователи лайкают сайт на Facebook

• Большинство CMS имеют плагин для автоматической генерации мета данных Facebook

28

Page 29: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Twitter

• Не забудьте добавить мета данные, чтобы информация с вашего сайта отражалась корректно, когда люди делятся ей в Твиттере

• Твиттер становится все более и более популярным в РФ

29

Page 30: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Социальные кнопки

• Дайте возможность лайкнуть ваш сайт в Facebook/Vkontakte/Twitter

• Почти ничего вам не стоит, но улучшает видимость вашего ресурса в соц. сетях

30

Page 31: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Многоязычные сайты

31

Page 32: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Чек-лист

• Каждый язык желательно, чтобы был на отдельном домене (www.site.ru и www.site.com)

• Alt теги должны быть на языке сайта

• Помимо текстов на сайте необходимо перевести теги title и мета теги

32

Page 33: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Отслеживание конверсии

33

Page 34: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Простое отслеживание конверсии

• Сделайте некоторые адреса страниц отслеживаемыми

• Например: подтверждение заказа

• Отслеживание конверсии критично для долгосрочного успеха любого сайта

34

Page 35: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

WordPress для iOS и Android

35

Page 36: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить
Page 37: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Сплит тестирование

37

Page 38: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Эксперименты над контентом

https://support.google.com/analytics/answer/1745147?hl=ru&ref_topic=1745207

38

Page 39: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить

[email protected]

Get in touch!

email: [email protected] tel: +358 50 40 44 299

www: www.lumolink.com

Спасибо!

39