Все что вы хотели знать о том, как сделать хороший...
Post on 30-Jul-2015
86 Views
Preview:
TRANSCRIPT
Artem Daniliants / LumoLink
Все что Вы хотели знать о том, как сделать хороший сайт, но боялись спросить
Санкт-Петербург, 19.5.2015
www.lumolink.cominfo@lumolink.com 2
www.lumolink.cominfo@lumolink.com 3
www.lumolink.cominfo@lumolink.com
Посадочная страница
4
www.lumolink.cominfo@lumolink.com
Иногда посадочная страница - это все, что нужно
5
www.lumolink.cominfo@lumolink.com
Система управления сайтом Content management system
6
www.lumolink.cominfo@lumolink.com
Почемы мы используем Wordpress
• Платформа с открытым исходным кодом
• Более 35 000 дополнительных модулей
• Активно развивается
• Большой простор для творчества
• Легка в использовании
7
www.lumolink.cominfo@lumolink.com
Безопасность
8
www.lumolink.cominfo@lumolink.com
SSL сертификат
• Обеспечивает безопасное соединение между сайтом и посетителем
• Способствует росту позиций в Google
• Стоимость 1000-2500 руб. в год
• Необходим для всех интернет магазинов
9
www.lumolink.cominfo@lumolink.com
Резервные копии
• Часто о резервных копиях вспоминают, когда уже поздно
• Провайдер хостинга обычно делает резервные копии
• Система управления сайтом (CMS) должна тоже позволять создавать резервную копию
10
www.lumolink.cominfo@lumolink.com
Mобильная версия сайта
11
www.lumolink.cominfo@lumolink.com
Требования Google
• Как проверить соответствует ли сайт требованиям Google
• Пользователи проводят до 60% времени в Интернете на мобильных устройствах
• Большинство сайтов, которые мы сейчас создаем имеют адаптивный дизайн
12
www.lumolink.cominfo@lumolink.com
Жажда скорости
14
www.lumolink.cominfo@lumolink.com
Как проверить скорость сайта
• Google PageSpeed Insights и Pingdom Website Speed Test для проверки скорости загрузки сайта
• Время загрузки страницы должно быть менее 2-3 секунд
• Время загрузки напрямую связано с конверсией в заказы в электронной коммерции
15
www.lumolink.cominfo@lumolink.com
Кэширование
• Большинство CMS систем кэшируют вебстраницы, что уменьшает время загрузки
• Особенно важно для сайтов с высокой посещаемостью
17
www.lumolink.cominfo@lumolink.com
Размер картинок
• Приложения FileOptimizer и ImageOptim для уменьшения размера файлов изображений
18
www.lumolink.cominfo@lumolink.com
CloudFlare
• Автоматически оптимизирует вебсайт
• Блокирует многие виды известных попыток взлома
• Использует систему доставки контента (CDN) для снижения времени загрузки сайта
19
www.lumolink.cominfo@lumolink.com
Хостинг
• Никогда не выбирайте дешевый хостинг
• Выбирайте хостинг, расположенный рядом с большинством ваших пользователей
• Ищите компанию с хорошей технической поддержкой и существующую много лет
20
www.lumolink.cominfo@lumolink.com
Search engine optimization
21
www.lumolink.cominfo@lumolink.com
Robots.txt
• Позволяет блокировать разделы сайта от индексации поисковиками
• Должен содержать ссылку на карту сайта
• Будьте осторожны так как вы может легко заблокировать весь сайт от индексации
22
www.lumolink.cominfo@lumolink.com
Карта сайта
• Файл содержащий ссылки на все страницы сайта
• Используется поисковыми машинами, чтобы индексировать только новые страницы, чтобы не индексировать весь сайт заново
• Ускоряет индексацию сайта
23
www.lumolink.cominfo@lumolink.com
Tеги title и description
• Каждая страница должна содержать уникальный тег title и тег description
• Некоторые CMS позволяет сгенерировать теги title и мета теги и оптимизировать их под ключевые слова
24
www.lumolink.cominfo@lumolink.com
URL
• Адреса страниц (URL) должны иметь вложенную структуру
• Правильно: www.site.ru/services/service1
• Неправильно: www.site.ru/index.php?service=service1
• Когда переносите сайт на новую платформу проверьте, чтобы старые адреса страниц работали
25
www.lumolink.cominfo@lumolink.com
alt теги для изображений
• Все картинки должны содержать alt теги, которые описывают содержание изображения
• Помогает с поисковой оптимизацией
• Не используйте alt теги для поискового спама
26
www.lumolink.cominfo@lumolink.com
Социальные сети
27
www.lumolink.cominfo@lumolink.com
• Установите OpenGraph мета данные на сайте
• Помогает, когда пользователи лайкают сайт на Facebook
• Большинство CMS имеют плагин для автоматической генерации мета данных Facebook
28
www.lumolink.cominfo@lumolink.com
• Не забудьте добавить мета данные, чтобы информация с вашего сайта отражалась корректно, когда люди делятся ей в Твиттере
• Твиттер становится все более и более популярным в РФ
29
www.lumolink.cominfo@lumolink.com
Социальные кнопки
• Дайте возможность лайкнуть ваш сайт в Facebook/Vkontakte/Twitter
• Почти ничего вам не стоит, но улучшает видимость вашего ресурса в соц. сетях
30
www.lumolink.cominfo@lumolink.com
Многоязычные сайты
31
www.lumolink.cominfo@lumolink.com
Чек-лист
• Каждый язык желательно, чтобы был на отдельном домене (www.site.ru и www.site.com)
• Alt теги должны быть на языке сайта
• Помимо текстов на сайте необходимо перевести теги title и мета теги
32
www.lumolink.cominfo@lumolink.com
Отслеживание конверсии
33
www.lumolink.cominfo@lumolink.com
Простое отслеживание конверсии
• Сделайте некоторые адреса страниц отслеживаемыми
• Например: подтверждение заказа
• Отслеживание конверсии критично для долгосрочного успеха любого сайта
34
www.lumolink.cominfo@lumolink.com
WordPress для iOS и Android
35
www.lumolink.cominfo@lumolink.com
Сплит тестирование
37
www.lumolink.cominfo@lumolink.com
Эксперименты над контентом
https://support.google.com/analytics/answer/1745147?hl=ru&ref_topic=1745207
38
www.lumolink.cominfo@lumolink.com
Get in touch!
email: artem@lumolink.com tel: +358 50 40 44 299
www: www.lumolink.com
Спасибо!
39
top related