Все что вы хотели знать о том, как сделать хороший...
Transcript of Все что вы хотели знать о том, как сделать хороший...
![Page 1: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/1.jpg)
Artem Daniliants / LumoLink
Все что Вы хотели знать о том, как сделать хороший сайт, но боялись спросить
Санкт-Петербург, 19.5.2015
![Page 7: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/7.jpg)
Почемы мы используем Wordpress
• Платформа с открытым исходным кодом
• Более 35 000 дополнительных модулей
• Активно развивается
• Большой простор для творчества
• Легка в использовании
7
![Page 9: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/9.jpg)
SSL сертификат
• Обеспечивает безопасное соединение между сайтом и посетителем
• Способствует росту позиций в Google
• Стоимость 1000-2500 руб. в год
• Необходим для всех интернет магазинов
9
![Page 10: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/10.jpg)
Резервные копии
• Часто о резервных копиях вспоминают, когда уже поздно
• Провайдер хостинга обычно делает резервные копии
• Система управления сайтом (CMS) должна тоже позволять создавать резервную копию
10
![Page 12: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/12.jpg)
Требования Google
• Как проверить соответствует ли сайт требованиям Google
• Пользователи проводят до 60% времени в Интернете на мобильных устройствах
• Большинство сайтов, которые мы сейчас создаем имеют адаптивный дизайн
12
![Page 13: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/13.jpg)
![Page 15: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/15.jpg)
Как проверить скорость сайта
• Google PageSpeed Insights и Pingdom Website Speed Test для проверки скорости загрузки сайта
• Время загрузки страницы должно быть менее 2-3 секунд
• Время загрузки напрямую связано с конверсией в заказы в электронной коммерции
15
![Page 16: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/16.jpg)
![Page 17: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/17.jpg)
Кэширование
• Большинство CMS систем кэшируют вебстраницы, что уменьшает время загрузки
• Особенно важно для сайтов с высокой посещаемостью
17
![Page 18: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/18.jpg)
Размер картинок
• Приложения FileOptimizer и ImageOptim для уменьшения размера файлов изображений
18
![Page 19: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/19.jpg)
CloudFlare
• Автоматически оптимизирует вебсайт
• Блокирует многие виды известных попыток взлома
• Использует систему доставки контента (CDN) для снижения времени загрузки сайта
19
![Page 20: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/20.jpg)
Хостинг
• Никогда не выбирайте дешевый хостинг
• Выбирайте хостинг, расположенный рядом с большинством ваших пользователей
• Ищите компанию с хорошей технической поддержкой и существующую много лет
20
![Page 22: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/22.jpg)
Robots.txt
• Позволяет блокировать разделы сайта от индексации поисковиками
• Должен содержать ссылку на карту сайта
• Будьте осторожны так как вы может легко заблокировать весь сайт от индексации
22
![Page 23: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/23.jpg)
Карта сайта
• Файл содержащий ссылки на все страницы сайта
• Используется поисковыми машинами, чтобы индексировать только новые страницы, чтобы не индексировать весь сайт заново
• Ускоряет индексацию сайта
23
![Page 24: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/24.jpg)
Tеги title и description
• Каждая страница должна содержать уникальный тег title и тег description
• Некоторые CMS позволяет сгенерировать теги title и мета теги и оптимизировать их под ключевые слова
24
![Page 25: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/25.jpg)
URL
• Адреса страниц (URL) должны иметь вложенную структуру
• Правильно: www.site.ru/services/service1
• Неправильно: www.site.ru/index.php?service=service1
• Когда переносите сайт на новую платформу проверьте, чтобы старые адреса страниц работали
25
![Page 26: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/26.jpg)
alt теги для изображений
• Все картинки должны содержать alt теги, которые описывают содержание изображения
• Помогает с поисковой оптимизацией
• Не используйте alt теги для поискового спама
26
![Page 28: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/28.jpg)
• Установите OpenGraph мета данные на сайте
• Помогает, когда пользователи лайкают сайт на Facebook
• Большинство CMS имеют плагин для автоматической генерации мета данных Facebook
28
![Page 29: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/29.jpg)
• Не забудьте добавить мета данные, чтобы информация с вашего сайта отражалась корректно, когда люди делятся ей в Твиттере
• Твиттер становится все более и более популярным в РФ
29
![Page 30: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/30.jpg)
Социальные кнопки
• Дайте возможность лайкнуть ваш сайт в Facebook/Vkontakte/Twitter
• Почти ничего вам не стоит, но улучшает видимость вашего ресурса в соц. сетях
30
![Page 32: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/32.jpg)
Чек-лист
• Каждый язык желательно, чтобы был на отдельном домене (www.site.ru и www.site.com)
• Alt теги должны быть на языке сайта
• Помимо текстов на сайте необходимо перевести теги title и мета теги
32
![Page 34: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/34.jpg)
Простое отслеживание конверсии
• Сделайте некоторые адреса страниц отслеживаемыми
• Например: подтверждение заказа
• Отслеживание конверсии критично для долгосрочного успеха любого сайта
34
![Page 36: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/36.jpg)
![Page 38: Все что вы хотели знать о том, как сделать хороший сайт, но боялись спросить](https://reader034.fdocument.pub/reader034/viewer/2022051414/55b9e8afbb61eba90d8b47e3/html5/thumbnails/38.jpg)
Эксперименты над контентом
https://support.google.com/analytics/answer/1745147?hl=ru&ref_topic=1745207
38