Презентация для выпускников проекта FashionFactory и читателей Be-in.ru

1. Сайт модного
бренда
● Ошибки
● Инструменты
● Рекомендации
● Примеры
Евгений Курт и команда uCoz, 2016

2. Давайте представим,
каким должен быть
хороший сайт
Учимся на чужих ошибках

3. Он правильно рассказывает о себе поисковикам
и потенциальным посетителям

4. Страницы товаров описаны человеческим языком: так, как ищут люди

5. При переходе нет неинформативных сообщений в духе "Мы открылись"

6. Нет сюрпризов в виде окошек без крестика и автовключения музыки

7. Первый экран несет сообщение "Что это за сайт"
и кликабелен везде, где хочется кликнуть

8. Позиционирование магазина не перекрывается лишними деталями, а
контакты кликабельны

9. Есть “фавикон”, чтобы отличать сайт от других вкладок, и этот значок -
часть стиля всего сайта

10. Меню не мешает читать и не сливается с образами при прокрутке

11. А сама прокрутка не глючит и не тормозит

12. Меню не съезжает при хождении по сайту

13. И не пропадает при работе с мобильной версией

14. Сайт по-настоящему адаптивен

15. Важная информация
не теряется на маленьких
экранах

16. Размеры, цвета и вид шрифтов на сайте приведены к единому стилю

17. У навигации и поясняющих текстов базовый + 1-2 вспомогательных цвета

18. Нет разнобоя в стиле кнопок

19. Ключевые кнопки
контрастны и привлекают
внимание

20. Заголовки также контрастны и видны на фоне изображений

21. КАПСЛОК, который тяжело читать,
есть только в заголовках

22. Пользователю не нужно дополнительных объяснений, что делать

23. И не нужно угадывать, где же
он находится

24. Описания товаров и важные
сообщения написаны на
родном языке

25. Фотографии оптимизированы под веб и быструю загрузку

26. Поиск информации о точных размерах не уводит от покупки

27. А окно с точными размерами на странице товара защищено
от индексации по тому же url, что и товар

28. Для шоу-рума и точек самовывоза указано время работы.
В идеале есть карта.

29. Один email для каждого вида контакта:
почта не телефон, "занято" не бывает.

30. ● Есть ссылки на соцсети в “подвале” сайта.
● Есть кнопки “нравится” и “поделиться” на страницах товаров.
● В идеале есть авторизация через соцсети.

31. Описания товаров не дублируются с описанием страницы самого товара.
Свои описания есть не только у товаров, но и у разделов каталога
(“Платья”, etc).

32. А главное - корзина, в которой все понятно и ничего не теряется

33. И удобная, без сбоев, форма заказа

34. Рекомендации и
инструменты:
● маркетинг
● дизайн
● сайт в поиске (SEO)
● анализ себя и конкурентов

35. Оставьте четкое сообщение на первом экране. В идеале добавьте кнопки

36. Добавьте отзывы о товарах и магазине.
Включите обратную связь: звонок, онлайн-консультант.

37. Добавьте форму связи и карту для точек продаж и самовывоза.
Сделайте телефон и почту кликабельными.

38. Добавьте кнопки "нравится" и "поделиться" для сайта и страниц товаров

39. Используйте
:
uSocial.pro - кнопки "поделиться с сайта" для мессенджеров и соцсетей,
Jivosite, Livechat, Liveagent - онлайн-консультанты,
IQbuzz - публикации из соцсетей, где вы можете рассказать о себе и дать
ссылку на сайт,
Клиентограм - поиск подписчиков для Instagram
Читайте о маркетинге для малого бизнеса:
blog-ru.ukit.com
texterra.ru/blog
netology.ru/blog

40. Используйте повторяемый набор шрифтов и базовых цветов.
Создайте единый стиль для всех страниц и элементов сайта.

41. Сделайте меню с подложкой и выделением одного активного пункта

42. Оптимизируйте размер и формат фото-файлов,
чтобы ускорить загрузку страниц

43. Сделайте сайт полностью адаптивным (пригодится и для SEO)

44. Используйте:
Google Pagespeed Insights - проверка оптимизиации изображений,
Google Webmasters Mobile-friendly - проверка мобильной адаптации,
Browserstack и Сrossbrowsertesting - посмотреть, как ваш сайт выглядит
на разных размерах экранов, браузерах и ОС (Windows, iOS, Android)
Читайте и ищите вдохновение:
blog.jazov.com - рассылка и блог о дизайне и юзабилити для начинающих,
siteinspire.com - примеры хороших бизнес-сайтов на разные темы,
goodui.org - 75 примеров удачного и понятного дизайна элементов страниц.

45. Сделайте уникальные title и description для всех разделов и страниц товаров

46. это первый результат по запросу
Добавьте в title к товарам цвет, размер, бренд, артикул, материал изготовления.
Добавьте больше информативного текста в описание товара.

47. Добавьте сайт в панели вебмастера Яндекса и Google

48. Добавьтесь в Яндекс.Справочник

49. Используйте:
Netpeak Spider - софт для SEO-анализа сайта,
Woorank.com - веб-анализ сайта на SEO-ошибки,
uKit.com - встроенная проверка уникальности картинок и текстов сайта.
Читайте:
Seoandme.ru - блог в стиле “от новичка к профи”,
Staurus.net - раздел "SEO-инструменты".

50. Поиск подрядчиков и решений для сайта:
Fl и uPartner - найти исполнителя на сайт (программист, дизайннер), его поддержку
(контент-менеджер) и продвижение (маркетинг, SEO)
uKit для бизнеса - дизайнер сделает вам сайт-визитку за 3500 и 14 дней
YouDo - здесь лучше искать курьеров и промоутеров, но дизайнеры тоже
встречаются
Site-Builers - обзоры, сравнения и примеры cайтов и магазинов с 42 разных
платформ

51. И еще пять инструментов для анализа сайтов
Builtwith.com - помогает узнать, какие технологии используются на
сайте: на чем рассылка, есть ли аналитика и пр.
Semrush.com и Similarweb.com - простой анализ и сравнение с
конкурентами: откуда люди приходят на сайт.
App.buzzsumo.com - кто и в какие соцсети расшаривает контент с
сайта или блога.
Brokenlinklookup.com - ищет за вас "сломавшиеся" страницы и ссылки
на сайте (ошибка 404 и т.д.)

52. Спасибо за внимание!
Рады будем видеть на:
https://ukit.com/ru/convert-fb