Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Сайт модного
бренда
● Ошибки
● Инструменты
● Рекомендации
● Примеры
Евгений Курт и команда uCoz, 2016
Давайте представим,
каким должен быть
хороший сайт
Учимся на чужих ошибках
Он правильно рассказывает о себе поисковикам
и потенциальным посетителям
Страницы товаров описаны человеческим языком: так, как ищут люди
При переходе нет неинформативных сообщений в духе "Мы открылись"
Нет сюрпризов в виде окошек без крестика и автовключения музыки
Первый экран несет сообщение "Что это за сайт"
и кликабелен везде, где хочется кликнуть
Позиционирование магазина не перекрывается лишними деталями, а
контакты кликабельны
Есть “фавикон”, чтобы отличать сайт от других вкладок, и этот значок -
часть стиля всего сайта
Меню не мешает читать и не сливается с образами при прокрутке
А сама прокрутка не глючит и не тормозит
Меню не съезжает при хождении по сайту
И не пропадает при работе с мобильной версией
Сайт по-настоящему адаптивен
Важная информация
не теряется на маленьких
экранах
Размеры, цвета и вид шрифтов на сайте приведены к единому стилю
У навигации и поясняющих текстов базовый + 1-2 вспомогательных цвета
Нет разнобоя в стиле кнопок
Ключевые кнопки
контрастны и привлекают
внимание
Заголовки также контрастны и видны на фоне изображений
КАПСЛОК, который тяжело читать,
есть только в заголовках
Пользователю не нужно дополнительных объяснений, что делать
И не нужно угадывать, где же
он находится
Описания товаров и важные
сообщения написаны на
родном языке
Фотографии оптимизированы под веб и быструю загрузку
Поиск информации о точных размерах не уводит от покупки
А окно с точными размерами на странице товара защищено
от индексации по тому же url, что и товар
Для шоу-рума и точек самовывоза указано время работы.
В идеале есть карта.
Один email для каждого вида контакта:
почта не телефон, "занято" не бывает.
● Есть ссылки на соцсети в “подвале” сайта.
● Есть кнопки “нравится” и “поделиться” на страницах товаров.
● В идеале есть ...
Описания товаров не дублируются с описанием страницы самого товара.
Свои описания есть не только у товаров, но и у раздело...
А главное - корзина, в которой все понятно и ничего не теряется
И удобная, без сбоев, форма заказа
Рекомендации и
инструменты:
● маркетинг
● дизайн
● сайт в поиске (SEO)
● анализ себя и конкурентов
Оставьте четкое сообщение на первом экране. В идеале добавьте кнопки
Добавьте отзывы о товарах и магазине.
Включите обратную связь: звонок, онлайн-консультант.
Добавьте форму связи и карту для точек продаж и самовывоза.
Сделайте телефон и почту кликабельными.
Добавьте кнопки "нравится" и "поделиться" для сайта и страниц товаров
Используйте
:
uSocial.pro - кнопки "поделиться с сайта" для мессенджеров и соцсетей,
Jivosite, Livechat, Liveagent - онлай...
Используйте повторяемый набор шрифтов и базовых цветов.
Создайте единый стиль для всех страниц и элементов сайта.
Сделайте меню с подложкой и выделением одного активного пункта
Оптимизируйте размер и формат фото-файлов,
чтобы ускорить загрузку страниц
Сделайте сайт полностью адаптивным (пригодится и для SEO)
Используйте:
Google Pagespeed Insights - проверка оптимизиации изображений,
Google Webmasters Mobile-friendly - проверка м...
Сделайте уникальные title и description для всех разделов и страниц товаров
это первый результат по запросу
Добавьте в title к товарам цвет, размер, бренд, артикул, материал изготовления.
Добавьте б...
Добавьте сайт в панели вебмастера Яндекса и Google
Добавьтесь в Яндекс.Справочник
Используйте:
Netpeak Spider - софт для SEO-анализа сайта,
Woorank.com - веб-анализ сайта на SEO-ошибки,
uKit.com - встроен...
Поиск подрядчиков и решений для сайта:
Fl и uPartner - найти исполнителя на сайт (программист, дизайннер), его поддержку
(...
И еще пять инструментов для анализа сайтов
Builtwith.com - помогает узнать, какие технологии используются на
сайте: на чем...
Спасибо за внимание!
Рады будем видеть на:
https://ukit.com/ru/convert-fb
Próxima SlideShare
Cargando en…5
×

Сайт и интернет-магазин модного бренда: каким он должен быть

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

  • Inicia sesión para ver los comentarios

Сайт и интернет-магазин модного бренда: каким он должен быть

  1. 1. Сайт модного бренда ● Ошибки ● Инструменты ● Рекомендации ● Примеры Евгений Курт и команда uCoz, 2016
  2. 2. Давайте представим, каким должен быть хороший сайт Учимся на чужих ошибках
  3. 3. Он правильно рассказывает о себе поисковикам и потенциальным посетителям
  4. 4. Страницы товаров описаны человеческим языком: так, как ищут люди
  5. 5. При переходе нет неинформативных сообщений в духе "Мы открылись"
  6. 6. Нет сюрпризов в виде окошек без крестика и автовключения музыки
  7. 7. Первый экран несет сообщение "Что это за сайт" и кликабелен везде, где хочется кликнуть
  8. 8. Позиционирование магазина не перекрывается лишними деталями, а контакты кликабельны
  9. 9. Есть “фавикон”, чтобы отличать сайт от других вкладок, и этот значок - часть стиля всего сайта
  10. 10. Меню не мешает читать и не сливается с образами при прокрутке
  11. 11. А сама прокрутка не глючит и не тормозит
  12. 12. Меню не съезжает при хождении по сайту
  13. 13. И не пропадает при работе с мобильной версией
  14. 14. Сайт по-настоящему адаптивен
  15. 15. Важная информация не теряется на маленьких экранах
  16. 16. Размеры, цвета и вид шрифтов на сайте приведены к единому стилю
  17. 17. У навигации и поясняющих текстов базовый + 1-2 вспомогательных цвета
  18. 18. Нет разнобоя в стиле кнопок
  19. 19. Ключевые кнопки контрастны и привлекают внимание
  20. 20. Заголовки также контрастны и видны на фоне изображений
  21. 21. КАПСЛОК, который тяжело читать, есть только в заголовках
  22. 22. Пользователю не нужно дополнительных объяснений, что делать
  23. 23. И не нужно угадывать, где же он находится
  24. 24. Описания товаров и важные сообщения написаны на родном языке
  25. 25. Фотографии оптимизированы под веб и быструю загрузку
  26. 26. Поиск информации о точных размерах не уводит от покупки
  27. 27. А окно с точными размерами на странице товара защищено от индексации по тому же url, что и товар
  28. 28. Для шоу-рума и точек самовывоза указано время работы. В идеале есть карта.
  29. 29. Один email для каждого вида контакта: почта не телефон, "занято" не бывает.
  30. 30. ● Есть ссылки на соцсети в “подвале” сайта. ● Есть кнопки “нравится” и “поделиться” на страницах товаров. ● В идеале есть авторизация через соцсети.
  31. 31. Описания товаров не дублируются с описанием страницы самого товара. Свои описания есть не только у товаров, но и у разделов каталога (“Платья”, etc).
  32. 32. А главное - корзина, в которой все понятно и ничего не теряется
  33. 33. И удобная, без сбоев, форма заказа
  34. 34. Рекомендации и инструменты: ● маркетинг ● дизайн ● сайт в поиске (SEO) ● анализ себя и конкурентов
  35. 35. Оставьте четкое сообщение на первом экране. В идеале добавьте кнопки
  36. 36. Добавьте отзывы о товарах и магазине. Включите обратную связь: звонок, онлайн-консультант.
  37. 37. Добавьте форму связи и карту для точек продаж и самовывоза. Сделайте телефон и почту кликабельными.
  38. 38. Добавьте кнопки "нравится" и "поделиться" для сайта и страниц товаров
  39. 39. Используйте : uSocial.pro - кнопки "поделиться с сайта" для мессенджеров и соцсетей, Jivosite, Livechat, Liveagent - онлайн-консультанты, IQbuzz - публикации из соцсетей, где вы можете рассказать о себе и дать ссылку на сайт, Клиентограм - поиск подписчиков для Instagram Читайте о маркетинге для малого бизнеса: blog-ru.ukit.com texterra.ru/blog netology.ru/blog
  40. 40. Используйте повторяемый набор шрифтов и базовых цветов. Создайте единый стиль для всех страниц и элементов сайта.
  41. 41. Сделайте меню с подложкой и выделением одного активного пункта
  42. 42. Оптимизируйте размер и формат фото-файлов, чтобы ускорить загрузку страниц
  43. 43. Сделайте сайт полностью адаптивным (пригодится и для SEO)
  44. 44. Используйте: Google Pagespeed Insights - проверка оптимизиации изображений, Google Webmasters Mobile-friendly - проверка мобильной адаптации, Browserstack и Сrossbrowsertesting - посмотреть, как ваш сайт выглядит на разных размерах экранов, браузерах и ОС (Windows, iOS, Android) Читайте и ищите вдохновение: blog.jazov.com - рассылка и блог о дизайне и юзабилити для начинающих, siteinspire.com - примеры хороших бизнес-сайтов на разные темы, goodui.org - 75 примеров удачного и понятного дизайна элементов страниц.
  45. 45. Сделайте уникальные title и description для всех разделов и страниц товаров
  46. 46. это первый результат по запросу Добавьте в title к товарам цвет, размер, бренд, артикул, материал изготовления. Добавьте больше информативного текста в описание товара.
  47. 47. Добавьте сайт в панели вебмастера Яндекса и Google
  48. 48. Добавьтесь в Яндекс.Справочник
  49. 49. Используйте: Netpeak Spider - софт для SEO-анализа сайта, Woorank.com - веб-анализ сайта на SEO-ошибки, uKit.com - встроенная проверка уникальности картинок и текстов сайта. Читайте: Seoandme.ru - блог в стиле “от новичка к профи”, Staurus.net - раздел "SEO-инструменты".
  50. 50. Поиск подрядчиков и решений для сайта: Fl и uPartner - найти исполнителя на сайт (программист, дизайннер), его поддержку (контент-менеджер) и продвижение (маркетинг, SEO) uKit для бизнеса - дизайнер сделает вам сайт-визитку за 3500 и 14 дней YouDo - здесь лучше искать курьеров и промоутеров, но дизайнеры тоже встречаются Site-Builers - обзоры, сравнения и примеры cайтов и магазинов с 42 разных платформ
  51. 51. И еще пять инструментов для анализа сайтов Builtwith.com - помогает узнать, какие технологии используются на сайте: на чем рассылка, есть ли аналитика и пр. Semrush.com и Similarweb.com - простой анализ и сравнение с конкурентами: откуда люди приходят на сайт. App.buzzsumo.com - кто и в какие соцсети расшаривает контент с сайта или блога. Brokenlinklookup.com - ищет за вас "сломавшиеся" страницы и ссылки на сайте (ошибка 404 и т.д.)
  52. 52. Спасибо за внимание! Рады будем видеть на: https://ukit.com/ru/convert-fb

×