Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cайт, который нравится пользователям и поисковым системам

Из-за каких проблем на сайте можно потерять деньги?
Структура сайта, понятная пользователям и поисковым системам.
Инструменты, которые увеличивают конверсию.

  • Login to see the comments

  • Be the first to like this

Cайт, который нравится пользователям и поисковым системам

  1. 1. Сайт, который нравитсяпользователям и поисковымсистемамПантелеев АлександрЖохеев ВячеславСтудия интернет-маркетинга Fresh IT
  2. 2. Одни и те же ошибки
  3. 3. Причины проблем1. Плохо продуманная структура2. Неудачно продуманный дизайн
  4. 4. Плохо продуманная структура• Все не плохо структурированно или плохоструктурированно• Слишком профессиональная логика структуры• Товары/услуги, не относятся к данным разделамсайта
  5. 5. Неудачно продуманный дизайн• Неудобный шрифт• Много отвлекающей информации– Баннеры– Анимация– Музыка 0_o• Пользователю неочевидно где он находится• Боязнь свободного места• Калейдоскоп из различных шрифтов,изображении, цветов• Отсутствие call-to-action
  6. 6. Неудачно продуманный дизайн
  7. 7. Неудачно продуманный дизайн
  8. 8. Неудачно продуманный дизайн
  9. 9. Неудачно продуманный дизайн
  10. 10. Почему возникают этипроблемы/ошибки?
  11. 11. Почему возникают этипроблемы/ошибки• Проблемы эти возникают из-за неопытностиспециалистов, которые разрабатывают сайт• Из-за забыл «подумать» у специалиста• Из-за неопытности самого заказчика, который непонимает, что от него хотят• Заказчик не воспринимает свой сайт как источникдохода, говорит - “И так сойдет”
  12. 12. Что может произойти если необращать своего внимание?
  13. 13. Что может произойти если необращать свое внимание?Потеря лояльности клиентовВы потеряете свои вложенияНедополучите прибыль
  14. 14. Как избежать проблем и сделатьсайт, который продает?
  15. 15. Структурируем информацию
  16. 16. Формируем структуру сайта- Анализируем запросы- Определяем приоритеты- Анализируем конкурентов
  17. 17. Подбор запросов- Статистика ключевых слов от Яндексwordstat.yandex.ru- инструмент подсказки ключевых слов Googleadwords.google.com/keywordtool
  18. 18. Подбор запросов- Запросы для главнойстраницы:обувьмагазин обувиобувь купить…- Дополнительные группызапросов:детская обувьженская обувьмужская обувь------------------------------------обувь весна 2013
  19. 19. Планируем структуру исходя изначального списка запросов
  20. 20. Выбираем подразделы исходя изассортимента
  21. 21. Анализируем запросы для разделови подразделовВыявляемдополнительныехарактеристики:- резиновые сапоги- кожаные сапоги- замшевые сапоги
  22. 22. Дополняем структуру
  23. 23. Выбор названия для разделаколясочки для деточек(частотность 0)детские коляски(частотность 66500)
  24. 24. Плохая структура
  25. 25. Плохая структура- плохое ранжирование сайта в поисковыхсистемах- мало целевого трафика- высокий показатель отказов- проблемы в ведении контекстной рекламы(структура аккаунта повторяет структурусайта)
  26. 26. Что дальше?- Формирование заголовков (теги title)- Формирование описаний страниц (метатегиdescription)- Написание текстов
  27. 27. Заголовки страниц
  28. 28. Заголовки страниц
  29. 29. Плохие заголовки- Одинаковы на нескольких страницах сайта- Содержат перечисления ключевых слов- Содержат информацию, не относящуюся кстранице
  30. 30. Пример плохого заголовка1. Содержит фразу «интернет магазин», хотятаковым не является.2. Содержит перечисление ключевых фразбез склонений.
  31. 31. Хорошие заголовки страниц- Уникальны в пределах сайта- Описывают содержимое страниц- Лаконичные и точные
  32. 32. ПРИМЕРИзменим старый заголовок на новый:Фраза стала «читабельной». Ключевое слово«металлобаза харьков» заменено наочеловеченную фразу «металлобаза вХарькове» и так далее.
  33. 33. Описание страниц
  34. 34. Описание страниц
  35. 35. Плохие описания- Одинаковы на нескольких или всехстраницах сайта (или вообще отсутствуют)- Содержат перечисления ключевых слов- Неинформативные и пресные- Содержат информацию, не относящуюся кстранице
  36. 36. Пример плохого описания
  37. 37. Хорошие описания- Уникальны в пределах сайта- Описывают в 2-3 предложенияхсодержимое страниц- Информативны и интересны- Побуждают пользователя перейти поссылке из выдачи поисковой системы
  38. 38. Пример хорошего описания
  39. 39. Плохие тексты- Неуникальные в пределах интернет- Дублируются на нескольких или всехстраницах сайта- SEO-тексты- Не несут пользы посетителю- Частично или полностью скрыты отпользователя (открыты только поисковымроботам)
  40. 40. Хорошие тексты- Уникальны в пределах сайта и сетиинтернет- Помогают пользователю и понятны ЦА- Лаконичны- Оптимизированы- Структурированы и оформлены (разбиты наабзацы, с подзаголовками)- Продают
  41. 41. Как повысить конверсию?Работайте над:• Юзабилити сайта• Юзабилити сайта для поисковой системы• Адаптивный дизайн• Социальное одобрение• Онлайн менеджер• Веб-аналитика
  42. 42. Юзабилити сайтаКачество сайта во многом зависит от его удобства виспользовании
  43. 43. Почему пользователи покидаютсайт?• Непонятно чему посвящена тематика сайта• Возможность совершить конверсионное действиетолько после регистрации• Нужно совершить много шагов для совершениядействия.• Оставить много личной инфомрации• Много лишней и отвлекающей информации– Баннеры– Анимация– Музыка 0_o• Не актуальные телефоны
  44. 44. Параметры сайта на которыеследует обращать вниманиеЛогичная структура и понятная система навигации
  45. 45. Параметры сайта на которыеследует обращать вниманиеВысокая скорость загрузки
  46. 46. Параметры сайта на которыеследует обращать вниманиеНебольшой вес
  47. 47. Параметры сайта на которыеследует обращать вниманиеОтказаться от всплывающих баннеров, лишнейрекламы, флэш анимации
  48. 48. Параметры сайта на которыеследует обращать вниманиеОсновное место отвести той информации, ради которойсайт создавался
  49. 49. Параметры сайта на которыеследует обращать вниманиеЕсли ваш сайт будет удобным, пользователи оценят егои вернутся на него снова.
  50. 50. Параметры сайта на которыеследует обращать внимание• Общее количество ссылок, как в пределах сайта,так и в пределах глобальной сети;• Общее количество слов на странице;• Общее количество изображений (не рекламы)• Размер страницы (в Кб)• Площадь страницы (общая в пикселах)• Длина страницы (или высота. Кому какнравится)• Общее количество таблиц (сюда входит также идизайн описанный таблицами)• Количество столбцов (в таблице)• Количество строк (в таблице)• Общие строки• Общие столбцы• Общие ячейки• Общее количество размеров шрифтаиспользуемое для ссылок• Общее количество размеров шрифтаиспользуемое для заголовков• Общее количество размеров шрифтаиспользуемое для основного текста• Общее количество размеров шрифта• Присутствие "крошечного" текста• Общее количество цветов (исключаярекламу)• Выравнивание элементов страницы• Средняя яркость страницы• Вес страницы (время загрузки)• Общее количество рекламы• Общая площадь рекламы (которая всех настак раздражает)• Наибольшая площадь рекламы• Число рекламных ссылок• Место ссылок на странице и тд.
  51. 51. Инструменты…http://gtmetrix.com/ - инструмент проверки скорости сайтаhttp://goo.gl/OCFRF - инструмент проверки скорости сайта отgoogle
  52. 52. Советы по уменьшению весастраницы• Минимизация CSS и JS файлов• Оптимизация изображений• Перенос JS файлов в подвал сайта• Постараться сделать валидную верстку• Настроить G-zip сжатие
  53. 53. Что это такое адаптивный дизайн?Дизайн страниц сайта, обеспечивающий отличноевосприятие на различных устройствах
  54. 54. Когда и в каких случаях нужноприменять адаптивный дизайн?• Узнайте какое количество пользователейпросматривает ваш сайт при помощи смартфонов,планшетов• Узнайте что это за устройства и их разрешенияэкранов
  55. 55. Когда и в каких случаях нужноприменять адаптивный дизайн?А с помощью чего это можно сделать?
  56. 56. Когда и в каких случаях нужноприменять адаптивный дизайн?1. В Google Analytics Вам нужно перейти в нужный сайт2. Далее Аудитория > Обзор > Мобильные устройства
  57. 57. Далее перейти во вкладку «Обзор» и увидеть кол-вопользователей
  58. 58. Далее перейти во вкладку «Устройства», чтобы Вы моглиувидеть список использовавшихся устройств
  59. 59. Далее нажать на кнопку «Другое» и выберите «Разрешение»,чтобы посмотреть на разрешения экранов
  60. 60. Разрешения экранов пользователей
  61. 61. Что Вы теряете и что получаете?Что теряете Что получаете• Время на рисование макета• Время на верстку макета• Деньги• Сайт более дружелюбен споисковой системой• Один сайт для всех устройств• Благодарного пользователя• Больше денег
  62. 62. Несколько примеров адаптивногодизайна от студии Fresh IT
  63. 63. Инструмент помогающий увеличитьконверсии
  64. 64. Онлайн консультантhttp://redhelper.ru/http://www.jivosite.ru/http://siteheart.com/
  65. 65. Онлайн консультант
  66. 66. Онлайн консультант
  67. 67. Социальное одобрениеПлагины соц. сетей
  68. 68. Отзывы на сайте компанииПлагины соц. сетей
  69. 69. Отзывы на сайте компанииПлагины соц. сетей
  70. 70. Отзывы на сторонних ресурсахhttp://price.ua
  71. 71. Отзывы на сторонних ресурсахhttp://hotline.ua/
  72. 72. Как собрать отзывы• Звонок клиенту через 3-4 дня• Уточнить, все ли понравилось, какие былипроблемы и т.д.• Просьба оставить отзыв– Отзыв на странице товара– Отзыв на price.ua или hotline.ua
  73. 73. Веб-аналитика на примереЯндекс.МетрикаЦель:• Оптимизация главной страницы сайтаПути реализации• Изучение сайтов конкурентов• Определение и формирование приоритетныхразделов сайта, с учетом бизнес целей заказчика• Разработка прототипов главной страницы• Разработка дизайна главной страницы
  74. 74. Определяем и формируемприоритетные разделы сайтаЧто было…
  75. 75. Определяем и формируемприоритетные разделы сайта
  76. 76. Определяем и формируемприоритетные разделы сайта
  77. 77. Определяем и формируемприоритетные разделы сайта
  78. 78. Разделы сайта по популярности упользователей
  79. 79. Разработка прототипов главной
  80. 80. Разработка прототипов главной
  81. 81. Разработка дизайна главной
  82. 82. Оптимизируем продажи
  83. 83. Оптимизация воронки продаж• Настройка воронки продаж• Анализ воронки• Анализ поведения пользователей• Выводы• Внедряем улучшения
  84. 84. Настройка воронкиОпределение последовательности шагов досовершения покупки:/корзина.php  /адрес-доставки.php /подтверждение-заказа.php/спасибо-за-заказ.php
  85. 85. Настройка воронки
  86. 86. Настройка воронки
  87. 87. Настройка воронки
  88. 88. Настройка воронки
  89. 89. Анализ воронки
  90. 90. Начальные выводы (пример)• 56% пользователей теряется на процессезаполнения информации о доставке• 98% покупателей уходят на страницезаполнения личной информации
  91. 91. Построение гипотез• Информация о доставке путает покупателей• Покупатели не хотят или не могут заполнитьобязательное поле кличкой кота
  92. 92. Проверка гипотез• Яндекс.Вебвизор• тепловая карта кликов (Яндекс Метрика)
  93. 93. Включаем Яндекс.Вебвизор
  94. 94. Яндекс.Вебвизор
  95. 95. Карта кликов
  96. 96. Карта кликов
  97. 97. Подтверждаем гипотезы• Гипотеза 1 подтверждена• Гипотеза 2 подтвержденаДополнительно:• Посетители путают поля «домашнийтелефон» и «мобильный телефон»
  98. 98. Улучшаем сайт
  99. 99. Оцениваем результат• На 50% снизилось количество уходов состраницы доставки• Только 10% покупателей стали уходить состраницы заполнения личной информации
  100. 100. Всё еще нет продаж?
  101. 101. Приём-приём!
  102. 102. А кто на самом деле берет трубку?
  103. 103. Выводы• Структурируйте информацию на сайте• Оптимизируйте заголовки и тексты сайта• Принимайте активное участие в разработке• Задавайте и отвечайте на вопросы• Анализируйте посетителей вашего сайта и ихвзаимодействие с ним• Ищите ошибки и устраняйте их• Постоянно работайте над улучшением проекта• Получайте больше довольных клиентов!
  104. 104. ВыводыЕсли вы будете придерживаться данныхрекомендаций вы будете получатьблагодарных клиентов, которые будутприносить вам деньги и развивать вашбизнес!
  105. 105. Сайты для обсужденияwww.itdelight.comwww.polus.uawww.autopozitiv.com.uaexclusive.kharkov.uanastyshop.com.uaaladdin-print.ua
  106. 106. Спасибо за внимание!Вячеслав ЖохеевРуководитель отдела поисковой оптимизацииАлександр ПантелеевРуководитель отдела разработкистудия интернет-маркетинга Fresh ITУкраина, г. Харьков, ул. Космическая, 21+38 (057) 701-43-81; +38 (057) 761-30-08FreshIT.net

×