Сайт модного бренда● Ошибки● Инструменты● Рекомендации● Примеры

Евгений Курт и команда uCoz, 2016

Давайте представим, каким должен быть

хороший сайт

Учимся на чужих ошибках

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В идеале есть карта.

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

● Есть ссылки на соцсети в “подвале” сайта.

● Есть кнопки “нравится” и “поделиться” на страницах товаров.

● В идеале есть авторизация через соцсети.

Описания товаров не дублируются с описанием страницы самого товара.

Свои описания есть не только у товаров, но и у разделов каталога (“Платья”, etc).

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

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

Рекомендации и инструменты:● маркетинг

● дизайн

● сайт в поиске (SEO)

● анализ себя и конкурентов

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

Добавьте отзывы о товарах и магазине.

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

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

Сделайте телефон и почту кликабельными.

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

Используйте:

uSocial.pro - кнопки "поделиться с сайта" для мессенджеров и соцсетей,

Jivosite, Livechat, Liveagent - онлайн-консультанты,

IQbuzz - публикации из соцсетей, где вы можете рассказать о себе и дать ссылку на сайт,

Клиентограм - поиск подписчиков для Instagram

Читайте о маркетинге для малого бизнеса:

blog-ru.ukit.com

texterra.ru/blog

netology.ru/blog

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

Создайте единый стиль для всех страниц и элементов сайта.

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

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

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

Используйте:

Google Pagespeed Insights - проверка оптимизиации изображений,

Google Webmasters Mobile-friendly - проверка мобильной адаптации,

Browserstack и Сrossbrowsertesting - посмотреть, как ваш сайт выглядит на разных размерах экранов, браузерах и ОС (Windows, iOS, Android)

Читайте и ищите вдохновение:

blog.jazov.com - рассылка и блог о дизайне и юзабилити для начинающих,

siteinspire.com - примеры хороших бизнес-сайтов на разные темы,

goodui.org - 75 примеров удачного и понятного дизайна элементов страниц.

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

это первый результат по запросу

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

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

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

Используйте:

Netpeak Spider - софт для SEO-анализа сайта,

Woorank.com - веб-анализ сайта на SEO-ошибки,

uKit.com - встроенная проверка уникальности картинок и текстов сайта.

Читайте:

Seoandme.ru - блог в стиле “от новичка к профи”,

Staurus.net - раздел "SEO-инструменты".

Поиск подрядчиков и решений для сайта:

Fl и uPartner - найти исполнителя на сайт (программист, дизайннер), его поддержку (контент-менеджер) и продвижение (маркетинг, SEO)

uKit для бизнеса - дизайнер сделает вам сайт-визитку за 3500 и 14 дней

YouDo - здесь лучше искать курьеров и промоутеров, но дизайнеры тоже встречаются

Site-Builers - обзоры, сравнения и примеры cайтов и магазинов с 42 разных платформ

И еще пять инструментов для анализа сайтов Builtwith.com - помогает узнать, какие технологии используются на

сайте: на чем рассылка, есть ли аналитика и пр.

Semrush.com и Similarweb.com - простой анализ и сравнение с конкурентами: откуда люди приходят на сайт.

App.buzzsumo.com - кто и в какие соцсети расшаривает контент с сайта или блога.

Brokenlinklookup.com - ищет за вас "сломавшиеся" страницы и ссылки на сайте (ошибка 404 и т.д.)

Спасибо за внимание!

Рады будем видеть на:

https://ukit.com/ru/convert-fb