SEO для Чайников - читать бесплатно онлайн полную версию книги автора Сорокин Сергей Александрович (ч. 4)

Для корректного ранжирования документа не рекомендуется использовать тег , так как поисковый робот Яндекса не индексирует документы, подгружаемые в него. Индексируется ли атрибут alt у изображений? Яндекс использует этот атрибут для индексации картинок, но не помещает его текст в основной индекс. Google индексирует этот атрибут и даже использует его в качестве анкорного текста в графической ссылке. Как проверить находится ли сайт в Яндекс каталоге? Пусть мы хотим проверить сайт www.design-sites.ru, тогда нужно набрать в браузере http://yaca.yandex.ru/yca?text=design-sites.ru&yaca=1 Как часто робот поисковых машин проверяет страницы сайта? Чем чаще обновляется страница и чем она важнее по мнению поисковика, тем чаще робот будет ее считывать. Как защитить авторство оригинального контента Для защиты прав первоисточника контента можно воспользоваться формой добавления оригинального текста для Yandex и связыванием контента со своим профилем с помощью разметки html 5 для Google. Как проверить индексацию сайта в Google, Bing, Yandex Набрать в строке поиска site:url_сайта, для Yandex можно также набрать в браузере - http://yandex.ru/yandsearch?serverurl=url_сайта. Что такое аффилированные сайты? Аффилированные сайты, это сайты принадлежащие одному владельцу по мнению поисковика. По одному запросу поисковики стараются показать только один сайт из нескольких аффилиатов. Избежать этого фильтра можно несколькими способами: закрывать к индексации все сайты, кроме одного; изменение контактных данных: адрес, телефон, название компании; переписка с техподдержкой Яндекса с целью уведомления, что сайты не принадлежат одной компании. Как проверить основной и дополнительный (соплимент) индекс Google Чтобы посмотреть основной индекс Google для сайта - нужно набрать в строке поиска google site:url_сайта/&. Дополнительный индекс - идет сразу за ним в выдаче по запросу site:url_сайта. Как проверить тиц сайта в yandex Нужно набрать в браузере URL - "http://search.yaca.yandex.ru/yca/cy/ch/www.yourdomen.ru/", где вместо www.yourdomen.ru должен стоять url вашего сайта. Какова оптимальная длина тега title По данным seopult.ru - максимальная длина текста, индексируемого как title, для yandex - 64 слова, для Google - 70 символов, для rabmler - 118 символов Какова оптимальная длина текста на странице Приблизительно превышение длины текста, чем 3000-4000 тыс. символов, нежелательно. Сколько должно быть тегов h1, h2, h3 на странице h1 - не более одного. h2, h3 - сколько угодно. Как правильно оформлять заголовки h1-h6 В соответствии со спецификацией html, заголовки являются строчным элементом, в котором могут присутствовать только строчные элементы - ссылки, текст, но не списки, параграфы и.т.д. Когда надо использовать nofollow, а когда noindex Атрибут у ссылки nofollow используется для того, чтобы не получить бан за случайную ссылку на нежелательный для поисковиков сайт: <a href="some_url" rel="nofollow">Ссылка на спамный сайт</a>. Когда у ссылки есть атрибут nofollow, то через нее не передается PageRank. В настоящее время атрибут поддерживается и Yandex и Google. Тег noindex используется для закрытия участка страницы для индексации в Yandex: <noindex>Некоторый текст</noindex>. Этот тег не воспринимается другими поисковиками и yandex советует использовать его в безопасной форме: текст, индексирование которого нужно запретить. Когда и как применяется атрибут rel="canonical" для канонизации URL Этот атрибут применяется для объявления кононинеского url (url, который надо индексировать) в случае доступа к одному или очень похожему содержанию под разными URL. Применяется он тогда, когда сделать редирект 301 нельзя. Для его реализации в тег head веб страницы вставляется ссылка вида: <link rel="canonical" href="http://some_url"/>, указывающая на выбранный канонический URL. В настоящее время этот атрибут поддерживается как google, так и yandex. При указании домашней страницы сайта в качестве канонической, видимо, лучше ставить слэш в конце доменного имени (то есть не "http://mydomain.ru", "http://mydomain.ru/"). Как формируются сниппеты для страниц сайта в поисковиках Заголовок сниппета формируется в основном из тега title. Его длина обычно не превышает 70 символов. В случаях, если содержание тега title совершенно не соответствует запросу, то могут быть взяты тексты из анкоров ссылок или описаний в каталогах (особенно актуально для Google) или из заголовков внутри документа (актуально для Yandex). Тело сниппета формируется из тега description и из релевантных фрагментов текста страницы. Google больше полагается на данный тег, чем Yandex. Яндекс отдает предпочтение тегам заголовков и может вставлять несколько пассажей. Длина тела сниппетов обычно не превышает 180 символов (максимально 255). Как узнать, что сайт под фильтром АГС? Резкое сокращение количества индексируемых страниц (обычно остаётся до 50 страниц) Длительное отсутствие внутренних страниц в индексе без предшествующей полной индексации сайта (в меньшинстве случаев) Как правильно делать перелинковку страниц сайта? Для каждого сайта перелинковка страниц планируется индивидуально, в зависимости от целей. Проще понять как сделать правильную перелинковку позволят ответы на вопрос “Для чего нужна перелинковка?”: Связывание всех страниц сайта с целью перехода по ним посетителя и поискового робота. Как следствие – хорошая индексация сайта в целом Прокачка нужных страниц статическим весом. Статический вес распределяется по уровням вложений, по убыванию от главной страницы сайта (далее УВ-2, УВ-3…). К примеру: Главная->Рубрики->Статьи Составление нужного “внутреннего анкор-листа” с целью продвижения запроса Эти 3 пункта практически полностью характеризуют надобность перелинковки страниц. Влияют ли счётчики статистики (например Яндекс.Метрика) или наличие сайта в аккаунте Яндекс.Вебмастер на позиции? Прямых доказательств на влияние до сих пор нет. Однако, предполагать сию возможность весьма правильно. Получая данные через эти сервисы, Яндекс имеет достаточную информацию о том, стоит ли высоко ранжировать тот или иной сайт. Как же всё-таки влияют поведенческие факторы Яндекса на позицию в серпе? Поведенческие факторы с течением времени будут обретать всё большее влияние. Это и правильно: зачем высоко ранжировать сайт, с которого посетители возвращаются обратно в выдачу? Следовательно, он не дал желаемого ответа на их запрос. Анонсировав новый алгоритм “Краснодар”, Яндекс дал понять, что влияние поведенческих факторов будет расти. Если сайт даёт не качественный ответ на неявный запрос, то его стоит заменить (в ТОП-10) на более информативный. К поведенческим факторам можно отнести: Время посещения страницы Количество просмотренных страниц (глубина) Страницы входа и страницы выхода Возвращение обратно в выдачу Показатель отказов (конверсия) И другие Что дает регистрация в Яндекс.Каталоге? - Возможность присвоения сайту большего числа регионов (до 7). Это позволит сайту лучше ранжироваться в региональных результатах поиска Яндекса, а также в поиске по региону с галочкой. - Ссылка с каталога Яндекса – трастовая ссылка, хорошо индексируемая другими поисковыми системами. - Поисковая система Яндекс может использовать факт присутствия сайта в Яндекс.Каталоге, как фактор ранжирования, положительно влияющий на общую релевантность сайта. Если сайт состоит в ЯК, то уровень доверия Яндекса к такому сайту значительно повышается, так как сайты при добавлении проходят ручную модерацию, что способствует более высокому ранжированию. Как возраст сайта влияет на позиции в выдаче? Прямой зависимости нет, но возрастной сайт имеет больший уровень доверия к поисковой системе и выше ранжируется. Влияет ли тИЦ на поисковую выдачу? Нет. Напрямую не влияет, но тИЦ характеризует ссылочную массу сайта. А она в свою очередь характеризует успешность ранжирования. Индексируются ли домены .РФ в поисковых системах? Да. Домены в зоне РФ индексируются точно также как и остальные. Смена структуры сайта Если на сайте требуется изменить структуру URL страниц, и при этом контент остается прежним или меняется незначительно (между новыми и старыми страницами можно установить однозначное соответствие), рекомендуется настроить серверный редирект со старых URL страниц на новые. В этом случае робот будет переходить по редиректам, индексируя документы, на которые его перенаправляют, и удаляя из поиска ранее известные ему документы. По мере обхода сайта роботом в результатах поиска будут появляться новые документы. Региональность Яндекс уделяет большое внимание учету региональности в результатах поиска. Вводя в поисковую строку геозависимый запрос (запрос, относящийся к определённому региону — например [такси] или [купить айфон]), пользователь предпочитает увидеть ответы из своего региона, а не из других городов. Указывайте на сайте полный адрес вашей организации, включая индекс и телефонный код города. Региональность сайта определяется не только на основании присвоенного ему региона, но и по контактным адресам. Индексирование AJAX-сайтов Робот Яндекса может проиндексировать AJAX-сайт, если структура сайта подчиняется определенным правилам. Каждая индексируемая AJAX-страница должна иметь HTML-версию. Какие сайты робот Яндекса считает зеркалами? Зеркалами считаются сайты, являющиеся полными или частичными копиями. Копии определяются по совпадению контента на страницах с одинаковыми адресами (site1.ru/page.html и site2.ru/page.html). Например, в большинстве случаев хосты site.ru и www.site.ru являются зеркалами, так как контент страниц, доступных по одинаковым адресам, не отличается. Также сайты считаются зеркалами, если со страниц одного сайта настроен серверный редирект на соответствующие им страницы другого сайта (site1.ru перенаправляет на site2.ru, site1.ru/page.html перенаправляет на site2.ru/page.html и т.д.). F.A.Q. (Вопросы и ответы). Дополнительная часть. Почему клиент должен ждать 2 месяца пока мы предоставим ему отчет. Отчет предоставляется после второго месяца, потому что первый месяц мы занимаемся первым ТЗ, которое потом начинает индексироваться (2-3 недели). И вот только после индексации ТЗ мы и готовим отчет, так как без этого невозможно отследить, как отработали изменения в сайте. Если клиент не хочет терять времени и результат нужен сразу, ему стоит предложить контекстную рекламу, с помощью которой у нас увеличится посещаемость, и это даст положительный эффект в Seo-продвижении. Что отвечать по срокам вывода запросов в Топ-10, если клиент новый. По низкочастотным запросам вывод в топ10 - 2-3 месяца, по среднечастотным - 4-5 месяцев, по высокочастотным – 6-12 месяцев, при условии, что будут выполняться наши рекомендации для сайта. Что отвечать по срока вывода запросов в Топ-10, если клиент продвигается давно, но результаты не радуют. Вопрос рассматривается в индивидуальном порядке. Может быть много причин, например, как невыполнение рекомендаций, так как одной ссылочной массы не достаточно для вывода сайта в Топ-10, над сайтом нужно постоянно работать, вносить все новые и новые изменения. При возникновении данного вопроса, можно действовать по Регламенту, ставить задачу «Риск потери». Клиент просит показать или забрать при расторжении всю ссылочную массу, так как считает, что имеет на это право, ведь он её оплачивает. Мы предоставляем ссылочную массу, купленную в Sape. При расторжении вопрос рассматривается в индивидуальном порядке, либо снимаем все ссылки, либо если клиент настаивает, переносим ссылки на аккаунт клиента, опять же только те, которые закупались в Sape. Предоставляем ссылки тем, кто отработал не менее 9 месяцев. Какие есть способы оплаты Яндекс.Каталога, и когда сайт появится в Каталоге, после оплаты счета. Для юридических лиц: банковским переводом на счет Яндекса. Для физических лиц: переводом на счет Яндекса через Сбербанк или любой другой коммерческий банк на территории РФ; кредитной картой Visa и Eurocard/Mastercard; Яндекс.Деньгами (подробности на https://money.yandex.ru/ ) Webmoney Редакторы добавляют сайт в течение 3-х рабочих дней после оплаты. Почему клиент должен платить бонусы за первый месяц, если мы ничего не делали, а только готовились к работе. Закупка ссылок начинается на следующий день после поступления проекта в работу, мы анализируем конкурентов, готовим ТЗ, вносим рекомендации из него. Изменения вносятся на сайт в течение 10 рабочих дней при условии, если клиент оперативно без задержек предоставляет доступы к сайту. Если клиент пришел к нам с запросами, которые уже в Топе, то по требованию клиента мы можем не учитывать эти запросы при расчете бонусов за первый месяц. Это должно согласовываться на этапе продаж. За что клиент платит деньги, почему отчеты должен делать он, а не мы. В стоимость абонентской платы входит: Работа с ссылками: закупка новых ссылок анализ уже закупленных ссылок удаление ссылок, которые не проиндексировались или не приносят результата Работа компании: Постоянный анализ и подготовка рекомендаций в соответствии с последними требованиями Яндекса. Анализ конкурентов и предложения по улучшению сайта. Полноценная работа целой команды. При возникновении этого вопроса можно предложить клиенту повышенную абонентку, при которой все рекомендации из отчетов будем вносить мы. Почему с тех пор как мы начали работать, сайт падает. Вопрос рассматривается в индивидуальном порядке. Возможные причины: Клиент ранее продвигался в другой компании, которая при расторжении сняла все ссылки. На сайт наложен фильтр Яндексом. Было статейное продвижение, некоторые статьи могут отваливаться со временем. Почему при урезании списка запросов, не пересматривается сумма абонентской платы. Абонентская плата – это минимальная сумма, которая необходима для оплаты работы компании. Ее размер может пересматриваться в случае добавления большого количества запросов или если все изменения на сайте будут проводиться отделом разработки «Matik». (см. вопрос № 7) Глава 17. Фильтры ПС Содержание I. На какие составные части сайта поисковая система может наложить фильтр II. Фильтры поисковой системы Яндекс 1) Бан 2) Текстовый фильтр 3) Фильтр аффилиатов 4) Поведенческий фильтр 5) Ссылочный фильтр 6) Фильтр за исходящие ссылки на некачественные ресурсы. 7) Фильтр за входящие ссылки с некачественных ресурсов. 8) АГС фильтр 9) Фильтр за похожие сниппеты. III. Фильтры поисковой системы Google 1) Google Sandbox 2) Google Omitted Results 3) Page Load Time 4) Broken Link Filter 5) Google Panda 6) Google Penguin IV. Полезные ресурсы V. Практическая часть I. На какие составные части сайта поисковая система может наложить фильтр 1) В целом на домен (сайт) (например, поведенческий фильтр, АГС). 2) Урл id (например, фильтр за спамные поддомены). 3) Страницу (содержимое страницы) (например, тестовый фильтр, фильтр за неуникальный контент). 4) На запрос-страницу (например, аффилирование). II. Фильтры поисковой системы Яндекс Фильтры — это алгоритмы, используемые поисковой системой для определения сайтов, которые применяют искусственные методы повышения позиций в выдаче (накрутки факторов ранжирования). В случае обнаружения нарушений, поисковая система подвергает такой сайт санкциям: пессимизации (занижению позиции в поисковой выдаче) или удалению из выдачи. Наличие накруток факторов ранжирования поисковая система определяет по превышению порога естественности, то есть допустимых показателей. Порог естественности вычисляется Яндексом для каждого ресурса индивидуально на основе ложной формулы. К примеру, поисковый робот видит молодой сайт, на который ссылаются сотни других ресурсов. Вроде бы надо поднять этот сайт в поисковой выдаче, раз на него так часто ссылаются, значит — ресурс содержит полезную для пользователей информацию. Однако обычно такое количество внешних ссылок сайт «зарабатывает» только через 2-3 года существования, а у новичка возраст — 3 месяца. Поисковая система делает вывод, что эти внешние ссылки получены не естественным путем, а накруткой. И поэтому позиции сайта либо остаются неизменными и просто не растут, либо понижаются. Что поисковая система считает накруткой факторов ранжирования? «« неестественное поведение для определенной тематики; «« одинаковый сценарий поведения на сайте; «« резкие и необоснованные всплески посещаемости и пр. «« перенасыщение страниц ключевыми словами; «« много внешних ссылок (>5 на странице); «« чрезмерное использование в тексте выделений жирным шрифтом и курсивом. Нужно внести ясность, что понимать под «неествественным поведением». Например, при поиске документации пользователь, если найдет качественный сайт, то добавит его в закладки и будет периодически возвращаться к нему. При поиске товара, идеально подходящего интересам и возможностям, например, при выборе велосипеда пользователь будет просматривать множество страниц. Другими словами, от каждого запроса поисковик ожидает определенного поведения пользователя на выбранном сайте, для этого, естественно, класифицируя запросы. Понять, что на ресурс наложен фильтр, можно, проанализировав изменения поисковой выдачи. Если после очередного апдейта резко ухудшилось положение сайта в выдаче или на протяжении уже нескольких месяцев он не поднимается выше 100-й позиции, то это является верным признаком наложения санкций. Порядок действий по снятию фильтра АГС: УСТРАНЕНИЕ ПРИЧИН, ВЫЗВАВШИХ НАЛОЖЕНИЕ ПЕРЕПИСКА С ТЕХПОДДЕРЖКОЙ ФИЛЬТРА, РАЗВИТИЕ ЯНДЕКСА САЙТА Существует несколько типов фильтров. Под одни попадают нарушения, связанные со ссылочной массой (ссылками, ведущими на сайт), под другие — с текстами, под третьи — с поведенческими факторами, четвертые пессимизируют сайт из-за технических ограничений. 1) Бан – накладывается на весь сайт. Бан - это полное исключение сайта из индекса. Теоретическая обобщенная причина – нарушение лицензии поиска яндекса. Ситуация усугубляется тем, что нет открытых и четких "правил игры", а служба поддержки яндекса (Платон Щукин) крайне редко дает конкретные советы и уж точно никогда не указывает причин наложения бана. Отличие других фильтров от бана заключается в следующем: восстановить позиции после снятия фильтра можно быстрее, чем после бана, поскольку сайт сохраняется в индексе. Ниже приведен пример сообщения о том, что на сайт наложен бан: <img src='https://find-books.ru/laravel/public/books/588598/img_167' alt=''> Симптомы: сайт полностью вылетает из индекса ПС, его невозможно добавить через панель вебмастера, при добавлении Яндекс сообщает, что сайт удален из индекса за нарушение лицензии ПС. За что накладывается: за нарушение лицензии ПС (скрытый текст, клоакинг, дорвеи). Как лечить: писать в тех поддержку Яндекса, снимается длительное время даже при полном удалении причин наложения фильтра. Сроки выхода из-под фильтра: более полугода. 2) Текстовый фильтр: 2.1 Фильтр за переоптимизацию контента – накладывается на страницу, на запрос-страницу. Симптомы: падение позиций по части запросов или по всем запросам на странице на 10-50 и более позиций. Пример спамного текста: <img src='https://find-books.ru/laravel/public/books/588598/img_168' alt=''> За что накладывается: за переоптимизированный контент Как лечить: переписать контент на странице и писать в техподдержку Яндекс Сроки выхода из-под фильтра: 2-3 недели после внесения нового контента 2.2 Портяночный фильтр «Портянкой» обычно называется текст больше 3000 символов. Обычно такие тексты малоэффективны, и пользователи их не читают, но за наличие подобных текстов у себя на сайте, продвигающемся по транзакционным запросам, можно получить санкции поисковой системы. Ниже приведен пример «портянки»: <img src='https://find-books.ru/laravel/public/books/588598/img_169' alt=''> Симптомы: падение позиций по части запросов или по всем запросам на странице на 10-50 и более позиций За что накладывается: за большой объем текста на странице (за потрянку текста более 3000-4000 знаков) Как лечить: переписывать текст, резать портянку и писать в техподдержку Яндекс Сроки выхода из-под фильтра: пара месяцев после внесения нового контента 2.3 Фильтр за неуникальный контент За что накладывается: за неуникальный контент Как лечить: переписывать текст полностью и писать в техподдержку Яндекс Сроки выхода из-под фильтра: несколько апдейтов после внесения нового контента 3) Фильтр аффилиатов. Аффилиаты — это группа сайтов одного владельца и одной тематики, направленные на монополизацию первой страницы результатов поиска. Аффилиат-фильтр — это санкция, которая сильно занижает позиции всех сайтов группы аффилиатов, за исключением наиболее релевантного. Чаще всего данный фильтр накладывается автоматически с помощью алгоритма. Но возможно наложение и в ручном режиме после жалобы конкурентов. За что может быть наложен фильтр аффилиатов: 1) у компании существует несколько проиндексированных сайтов с одинаковой продукцией; 2) у компании пересекается часть продукции, например, на одном из сайтов продаются автомобили различных фирм: audi, hyundai, suzuki, а на другом сайте продаются только автомобили audi; 3) пересекающиеся аккаунты в Яндекс Вебмастере, размещения контекстной рекламы (Яндекс.Директ), вспомогательных инструментов (Яндекс.Вебмастер); 4) наличие в выдаче страниц с продукцией компании и неоптимизированых сайтов (например, порталы товаров и услуг такие, как http://tiu.ru/) с теми же наименованиями продукции; 5) сайты, где некорректно настроен редирект; 6) сайты одной компании различной тематики, где дублируется одна и та же общая информация (к примеру, контактные данные). В то же время при разделении тематик компании для разных сайтов, мы можем успешно заниматься продвижением сайтов и избежать угрозы аффилирования. Например, компания занимается продажей дверных ручек и дверей, и у нее есть два сайта с абсолютно одинаковым каталогом с ручками и дверями. Если мы разделим тематики, то есть на одном сайте будет находиться только каталог с ручками, а на другом – только с дверьми, то сможем успешно продвигать сайты одной компании по разным направлениям и соответствующим запросам. Так же можно закрыть от индексирования нежелательный раздел каталога в файле robots.txt, если клиент не желает удалять раздел с сайта. Как можно найти сайты-аффилиаты: 1) Проверить IP c помощью http://pr-cy.ru/whois/ параметры: org, person, address, phone, fax-no, e-mail – 1, e-mail – 2; 2) Проверить контактные данные на сайте: название фирмы, адреса, телефоны, e-mail, карта проезда, ICQ/Skype; 3) Проверить контактные данные на других ресурсах: Яндекс.Каталог, http://adresa.yandex.ru/, http://www.yell.ru/; 4) Проверить схожесть сайтов по следующим параметрам: структура страницы, элементы дизайна, структура URL, названия пунктов навигации, тексты на страницах сайта, слоган компании, перечень услуг, каталог, изображения в каталоге; 5) Проверить ссылаются ли сайты друг на друга; 6) Проверить корректность файла robots.txt и особое внимание обратить на директиву Host и Sitemap. Рекомендации по разграничению сайтов-аффилиатов: В результате анализа было выявлено, что продвигаемый сайт А уже аффилирован с сайтом Б. Для успешного продвижения сайта необходимо реализовать один из следующих вариантов. 1) Закрыть сайт Б от индексации – разместить в файле robots.txt сайта Б: В результате сайт Б останется доступен для пользователей, но не будет индексироваться поисковыми системами и препятствовать успешному ранжированию сайта А. 2) Поставить 301 редирект с сайта Б на сайт А. В результате сайт Б будут перенаправлять пользователя на сайт А, не будет индексироваться поисковыми системами и препятствовать успешному ранжированию сайта А. 3) Разграничить тематики сайтов: - закрыть от индексации либо удалить следующие пересекающиеся разделы на сайте Б. - удалить все вхождения ключевых слов на сайте Б. В результате сайт Б останется в выдаче, но не будет показываться по продвигаемым на сайте А ключевым словам, следовательно, не будет препятствовать ранжированию. Рекомендации по снижению угрозы аффилирования сайтов: В результате анализа была выявлена угроза аффилирования продвигаемого сайта А с сайтом Б. Для успешного продвижения сайта необходимо реализовать один из следующих вариантов: 1. Закрыть сайт Б от индексации – разместить в файле robots.txt сайта Б: В результате сайт Б останется доступен для пользователей, но не будет индексироваться поисковыми системами и препятствовать успешному ранжированию сайта А. 2. Поставить 301 редирект с сайта Б на сайт А. В результате сайт Б будут перенаправлять пользователя на сайт А, не будет индексироваться поисковыми системами и препятствовать успешному ранжированию сайта А. 3. Разграничить тематики сайтов: - закрыть от индексации либо удалить следующие пересекающиеся разделы на сайте Б. - удалить все вхождения ключевых слов на сайте Б. В результате сайт Б останется в выдаче, но не будет показываться по продвигаемым на сайте А ключевым словам, следовательно, не будет препятствовать ранжированию. 4. Уникализировать на сайте Б параметры: контакты (название компании, адреса, телефоны, e-mail, карта проезда, ICQ/Skype), данные Whois и IP (org, person, address, phone, fax-no, e-mail, IP), контактные данные на других ресурсах (Яндекс Каталог, http://adresa.yandex.ru/, http://www.yell.ru/), дизайн и структура сайта (структура страницы, элементы дизайна, структура URL, названия пунктов навигации, тексты на страницах сайта, слоган компании, перечень услуг, каталог, изображения в каталоге). В результате в выдаче будут находиться оба сайта, однако риск аффилирования может сохраниться. В случае склейки будет рекомендован один из вышеперечисленных пунктов. Симптомы: сайт исчезает в выдаче по некоторым (всем запросам), при этом по этим запросам появляется сайт, который с ним склеен За что накладывается: на сайты одной компании, которые продвигаются по одним и тем же запросам. Как лечить: 1. Разграничивать тематики (продвигать сайты по разным тематикам), при этом пересекающие тематики закрываем от индексации. 2. Закрыть один из сайтов от индексации. 3. Поставить 301 редирект или заглушку на один из сайтов. Сроки выхода: сразу же после исчезновения из выдачи аффилиата 4) Поведенческий фильтр. Поведенческая накрутка — это фильтр, который накладывается на сайт за попытку повлиять на позиции в поисковой выдаче путем манипуляции действиями пользователей. При ранжировании Яндекс учитывает поведенческие факторы, такие как показатель отказов (сколько пользователей перешли на сайт и сразу же ушли), время пребывания на сайте, количество просмотренных страниц, возвращение пользователя к поисковику и многие другие. Если сайт качественный, то пользователи смотрят несколько страниц (3 и более), проводят на сайте больше одной минуты и т.д. Такой сайт поисковая система оценивает как полезный и поднимает в поисковой выдаче. Чтобы добиться таких показателей, необходимо постоянно улучшать и оптимизировать сайт, а это занимает время. Некоторые владельцы сайтов пытаются обмануть поисковую систему и накручивают показатели искусственно, когда специально нанятые люди или роботы выполняют конкретные действия по сценарию: например, зашли на сайт, просмотрели 10 определенных страниц, провели на нем 10 минут. Чтобы своевременно замечать и пресекать накрутку поведенческого фактора конкурентами на вашем сайте, необходимо систематически проводить мониторинг с помощью систем сбора статистики Яндекс.Метрика или Google Analytics. В случае, если вы обнаружили ничем не объяснимые результаты (предположим, внезапно выросло количество отказов или наоборот, этот показатель неестественно улучшился), следует сначала выяснить откуда происходит накрутка (конкурентами или самим клиентом) и уже потом при подтверждении накрутки конкурентами сообщить в службу поддержки поисковой системы о возможных нарушениях со стороны недоброжелателей. На какие параметры рекомендуется обращать внимание: «« CTR переходов на сайт через поисковые системы (можно посмотреть в Яндекс.Вебмастер); «« показатели посещаемости сайта: трафик, количество просмотренных страниц, новых посетителей и др.; «« показатель отказов и время, проведенное пользователем на сайте. «« переходы на сайт из закладок, почты, социальных сетей и других источников за исключением поиска; «« характеристики пользователей: город, IP, время посещения, версии браузеров, анализ поведения через Вебвизор, специальный инструмент Яндекс.Метрики. Порядок действий по выходу из-под фильтра: <img src='https://find-books.ru/laravel/public/books/588598/img_170' alt=''> Симптомы: падение позиций за топ50-100-200, отключается поведенческий фактор. За что накладывается: за накрутку поведенческих факторов. Как лечить: остановить накрутку, писать в Яндекс, ждать пока снимут. Сроки выхода из-под фильтра: от 3 месяцев. 5) Ссылочный фильтр. «Ссылочный взрыв» — фильтр, который накладывается на сайт–акцептор за резкое увеличение количества доноров. Характеризуется соответствующим рисунком резкого роста доноров ссылок. С июля 2013 году динамику прироста ссылочной массы можно смотреть в панеле вебмастера Яндекс, если есть доступы, а также на сервисе ahrefs.com. <img src='https://find-books.ru/laravel/public/books/588598/img_171' alt=''> Порядок действий по снятию фильтра: <img src='https://find-books.ru/laravel/public/books/588598/img_172' alt=''> Симптомы: падение позиций сайта на 20-50 позиций, обнуление Тиц (не во всех случаях), ссылочная масса перестает учитываться. За что накладывается: за быстрое наращивание ссылочной массы Как лечить: остановить быструю покупку ссылок, писать в Яндекс, ждать снятия фильтра, можно ставить ссылки, но крайне медленно. Сроки выхода из-под фильтра: от полугода 6) Фильтр за исходящие ссылки на некачественные ресурсы. Данный фильтр накладывается на ресурсы, которые имеют множество исходящих ссылок на некачественные сайты. При работе мы убираем все подобные исходящие ссылки с продвигаемого сайта, а имеющиеся исходящие качественные ссылки закрываем в тег nofollow, чтобы больший вес передался тем внутренним страницам сайта, на которые стоят ссылки с этой страницы. Симптомы: падение позиций сайта на 20-50 позиций. За что накладывается: за исходящие ссылки на некачественные ресурсы. Как лечить: убрать исходящие ссылки. Сроки выхода из-под фильтра: несколько месяцев 7) Фильтр за входящие ссылки с некачественных ресурсов. Продвигаемый сайт может быть пессимизирован в выдаче по причине некачественных входящих ссылок. Чаще всего, наличием подобных ссылок мы обязаны конкурентам, которые проставляют их, чтобы ухудшить позиции сайта. Для того, чтобы избежать наложения данного фильтра, нужно проводить постоянной мониторинг ссылочной массы и удалять покупные ссылки с некачественных ресурсов или писать владельцам сайтов, чтобы они удалили ссылку на наш продвигаемый ресурс. Симптомы: стагнация сайта, возможно падение позиций, обнуление Тиц. За что накладывается: за входящие ссылки с некачественных ресурсов. Как лечить: убрать входящие ссылки. Сроки выхода из-под фильтра: несколько месяцев. ВАЖНО: здесь огромную роль играет соотношение качественных и некачественных ссылок. Если некачественных ссылок всего 5-20 %, то фильтрации не будет, если их больше, то возможна фильтрация. При 80-100 % некачественной ссылочной массы фильтрация будет точно. 8) АГС фильтр. АГС — это фильтр, запрещающий индексацию неинформативных интернет-ресурсов, бесполезных для пользователя. Фильтр «АГС» исключает влияние таких сайтов на результаты ранжирования. Под фильтр АГС чаще всего попадают сайты-сателлиты — сайты, созданные не для людей, а в качестве вспомогательных средств для продвижения основного ресурса. Они часто представляют собой несколько страниц со ссылками, ведущими на продвигаемый ресурс. Пример действий по снятию фильтра: <img src='https://find-books.ru/laravel/public/books/588598/img_173' alt=''><img src='https://find-books.ru/laravel/public/books/588598/img_174' alt=''> Симптомы: часть страниц сайта выпадает из индекса, в поиске участвует от 1 до 10 страниц сайта, вне зависимости от их фактического количества, выпавшие страницы не запрещены к добавлению в специальную форму для индексации. За что накладывается: за неуникальный контент, т.к. за дублирование контента как внутри сайта, так и с внешними ресурсами, наличие большого кол-ва малоконтентный страниц, спамных страниц (сгенерированный контент) и др, за исходящие ссылки на некачественные ресурсы можно проверить с помощью сервиса solomono.ru, который предоставляет подробную информацию по ссылкам). Как лечить: убрать дубли с сайта, переписать неуникальный контент, наполнить сайт страницами с полезным контентом, улучшить структуру сайта. Сроки выхода из-под фильтра: после внесения всех правок несколько месяцев. 9) Фильтр за похожие сниппеты. Наложение данного фильтра можно заслужить в том случае, если у нескольких интернет ресурсов в поисковой выдаче по тому или иному запросу поисковик обнаружит идентичные до некоторой степени сниппеты. В таком случае показываться будет только один из них. Данный фильтр особо актуален для интернет магазинов и для описания к товарам, которые они зачастую просто копируют. Пример: сайт, который находится с выдачей с “rd=0” на 8 позиции, отсутствует в обычной выдаче – это потому, что у него такой же сниппет, как у сайта 4 месте: <img src='https://find-books.ru/laravel/public/books/588598/img_175' alt=''> Симптомы: исчезает сайт из выдачи по запросу. ВАЖНО: Есть параметр &rd=0 , который включает в выдачу "похожие результаты". Когда сайт исключается из выдачи за похожий сниппет, добавление этого параметра позволяет определить какой фрагмент текста нужно переписать (с добавлением параметра сайт возвращается в выдачу). Как лечить: переписать сниппет Сроки выхода из-под фильтра: несколько апдейтов. III. Фильтры поисковой системы Google Google стал одним из первых поисковиков, кто начал фильтровать сайты по самым различным критериям с целью специального понижения позиций некачественных ресурсов. Искусственно влияние на поисковую выдачу и применение вебмастерами различные ухищрений, недоработки существовавших поисковых алгоритмов – все это привело к довольно строгим мерам. 1) Google Sandbox («Песочница»), этот фильтр применяется к новым сайтам, у которых нет нужного доверия со стороны поисковой системы. Google Sandbox не позволяет молодому сайту (около 2-3 месяцев) занимать высокие позиции по продвигаемым запросам. С «Песочницей» сталкивается каждый новый сайт. Основная задача: продержаться на данном этапе и доказать поисковику, что сайт действительно является качественным. Для этого необходимо развивать сайт, наполнять его качественным контентом, регулярно закупать немного ссылок с тематических страниц с высоким PR. Симптомы: медленная динамика роста позиций. За что накладывается: маленький возраст домена. Как лечить: развивать сайт, увеличивать ссылочную массу, наполнять полезной ифнормацией. Сроки выхода из-под фильтра: от месяца до года. 2) Google Omitted Results – данный фильтр переносит страницы со схожим контентом в дополнительные результаты поиска. Страницы, попавшие под действие фильтра, можно увидеть, если нажать в поиске кнопку «повторить поиск, включив опущенные результаты». Чтобы избавится от действия фильтра Google Omitted Results следует удалить все дубли страниц внутри сайта, переписать неуникальный текст. <img src='https://find-books.ru/laravel/public/books/588598/img_176' alt=''> Симптомы: наличие страниц только в дополнительных результатах поиска. За что накладывается: наличие дублей страниц, одинаковый контент на страницах. Как лечить: удалить дубли страниц, уникализация контента. Сроки выхода из-под фильтра: от пары недель до нескольких месяцев. 3) Page Load Time - фильтр по времени загрузки. Страницы, которые загружаются очень долго, исключаются из результатов выдачи. Чтобы выйти из-под данного фильтра Google, необходимо проверить технические параметры страниц (это можно сделать с помощью сервиса Rooletka) и исправить возможные ошибки. Симптомы: исключение из результатов выдачи. За что накладывается: долгое время загрузки. Как лечить: хороший хостинг, устраненеи технических проблем. Сроки выхода из-под фильтра: от пары недель до пары месяцев. 4) Broken Link Filter – фильтр накладывается на сайт в том случае, если на нем обнаруживается большое количество битых ссылок. Сбивка внутренней перелинковки страниц может произойти, если на сайте часто меняются адреса страниц, был выполнен редизайн или меню отсылает на несуществующие страницы. Доверие к сайту с превышением допустимого числа битых ссылок со стороны Google падает, и поисковик понижает его позиции в результатах поиска. Следует выполнять проверку сайта на наличие битых ссылок и вовремя избавляться от них. Симптомы: снижение позиций как сайта, так и отдельных страниц. За что накладывается: битые ссылки. Как лечить: проверка на наличие битых ссылок и их удаление. Сроки выхода из-под фильтра: от пары недель до нескольких месяцев. Особое внимание нужно уделить фильтрам PANDA и PENGUIN. <img src='https://find-books.ru/laravel/public/books/588598/img_177' alt=''> 5) Google Panda – один из последних фильтров Google, который принимает во внимание около 100 факторов. Главная задача Google Panda увеличить релевантность страниц в выдаче. В начале августа 2011 года Google запустил новый алгоритм поиска в русскоязычный интернет под названием Panda. В буржуйском варианте он работал уже с апреля месяца этого же года. Целью запуска этого алгоритма было выявление сайтов с некачественным контентом и понижение их позиций в выдаче. http://searchengineland.com/google-panda-update-version-24-1-2-of-search-queries-impacted-146149 Основные правила, помогающие избежать наложения фильтра Panda: 1) использовать на сайте только уникальный контент и удаление дублей страниц; 2) контент на отдельных страницах должен быть достаточным по объему для раскрытия сути запроса, по которому продвигается страница, так как большое количество небольших записей воспринимается фильтром как тексты плохого качества; 3) нужно развивать сайт и наполнять его полезной для пользователя информацией: статьями, новостями, сервисами «вопрос-ответ» и др.; 4) нужно избегать переоптимизации страниц, особое внимание нужно уделить мета-тегам и заголовкам, текст на странице также не должен быть заспамлен ключевиками; 5) необходимо построить правильную структуру сайта для правильной перелинковке страниц. Симптомы: снижение позиций как сайта, так и отдельных страниц, исключение из выдачи. За что накладывается: неуникальный контент, дубли, переоптимизация, плохая структура сайта, высокий процент отказов. Как лечить: полный внутренний анализ сайта: удаление битых ссылок, удаление переоптимизированного или неуникального контента, исправление технических ошибок и развитие сайта. Сроки выхода из-под фильтра: несколько месяцев. 6) Google Penguin (именно так был назван новый фильтр Google) был запущен интернет-гигантом 24 апреля 2012 года сразу во всем мире. Основной целью фильтра стала борьба с «поисковым спамом». В качестве основных признаков поискового спама были обозначены клоакинг, избыточное заполнение страницы сайта ключевиками, а также наличие на ресурсе «неестественных» ссылок. Многие владельцы сайтов и блогов, в том числе и в России, после запуска Пингвина заметили резкий спад (до 25%) трафика с Google. Специально для них, 27 апреля 2012 года, Мэтт Каттс сообщил о создании специальной формы обратной связи для пострадавших от нового алгоритма. http://searchengineland.com/google-penguin-update-3-135527. В случае, если ПС Google обнаружит, что с нашей стороны применяются какие-либо нежелательные техники продвижения, позиции сайта падают, а на почту WebmasterTools (панель веб-мастера Google) приходит сообщение примерно следующего содержания: <img src='https://find-books.ru/laravel/public/books/588598/img_178' alt=''> В данном случае необходимо предпринять действия, описанные в п.3 и после этого написать ответ, перейдя по следующей ссылке - https://www.google.com/webmasters/tools/reconsideration, с тем смыслом, что «мы внесли все необходимые изменения на сайт, могли бы пересмотреть наш сайт на предмет наличия санкций?» В случае, если позиции упали, но письмо не пришло, то в таком случае необходимо написать письмо в тех. поддержку, перейдя по следующей ссылке: https://www.google.com/webmasters/tools/reconsideration, с тем смыслом, что «позиции нашего сайта упали, могли бы рассмотреть наш сайт на предмет наличия санкций?» Симптомы: значительное снижение позиций сайта, зачастую за топ-200. За что накладывается: 1.1 Внутренняя оптимизация: некачественный контент, ориентированные прежде всего на поисковых роботов; спам и повышенная тошнота ключевых запросов в тексте; большое количество тегов форматирования в тексте; клоакинг; дублированный контент (но сильнее за это наказывает Панда). 1.2 Внешняя оптимизация: «ссылочный взрыв», быстрый прирост ссылочной массы; неестественный анкор-лист (большое количество ссылок с одинаковыми анкорами, отсутствие «естественных» ссылок, включающие в себя название компании, «посмотреть здесь» и т.д.); доноры других тематик («нетематичные» ссылки); покупка большого количества ссылок в ссылочных биржах. Как лечить: 1.1 Внутренняя оптимизация: провести анализ контента на сайте, направленный на поиск и исключение спама, учитывая особенности оценки контента алгоритмом «Пингвин»; проанализировать сайт на наличие дублированного контента; провести дополнительный анализ по тех. оптимизации, чтобы исключить страницы-дубли, многочисленные перенаправления, страницы, которые можно расценить как клоакинг. 1.2 Внешняя оптимизация: провести анализ ссылочной массы с точки зрения подхода к ней алгоритмом «Пингвин» (анализ анкор-листа, тематичность доноров); проанализировать данные по количеству ссылок, ведущих на сайт; по результатам анализа ссылочной массы начать проводить покупку ссылок по новым гугловским фильтрам, ориентированных под алгоритм «Пингвин». Сроки выхода из-под фильтра: несколько месяцев. Глава 18. Формула релевантности. Спектр Понятие «Спектра». Применение в работе. Как выявить спектр. Примеры спектральной примеси. Дополнительные ссылки. Понятие «Спектра». Когда пользователи задают запросы к Яндексу, примерно в 20% случаев они формулируют запрос неоднозначно. Например, по запросу [наполеон] кто-то хочет найти полководца, а кто-то — рецепт торта. А задавая запрос [суши], человек может искать и ресторан с доставкой на дом, и рецепт блюда. Спектр возможных целей может быть очень широк — так же, как и спектр возможных ответов. И если пользователь не указал в поисковом запросе, что он ищет, то понять это крайне трудно. Технология Спектр умеет учитывать множество неявных целей пользователей и показывать соответствующие ответы. Спектр — это технология, которая позволяет Яндексу учитывать при ответе разные потребности пользователей. Данная технология была введена ПС Яндекс в 2010 г. вместе с алгоритмом «Краснодар». <img src='https://find-books.ru/laravel/public/books/588598/img_179' alt=''> В основе работы Спектра лежит статистика поисковых запросов. Система исследует запросы всех пользователей Яндекса и выделяет в них различные объекты — это могут быть имена людей, названия фильмов и книг, модели автомобилей и тому подобное. Каждый объект относится к одной или нескольким категориям. Например, в запросе [колдрекс инструкция] название лекарства «Колдрекс» — объект, который попадает в категорию «лекарства». А объект «Пушкин» относится к двум категориям — «поэты» и «города». На данный момент Спектр выделяет около 60 категорий, и это количество будет еще расти. Знание категорий позволяет поисковой системе понимать разные значения слов в поисковых запросах. Кроме того, Спектр умеет учитывать при поиске различные потребности пользователей. У каждой категории есть список возможных потребностей — тех намерений, с которыми пользователи ищут тот или иной объект. Например, когда люди ищут какой-нибудь товар, они, как правило, хотят купить его или почитать отзывы и обзоры. То есть для категории «товары» среди потребностей будут «купить», «отзывы» и «обзоры». Всего у категории может быть от двух-трех до нескольких десятков потребностей. <img src='https://find-books.ru/laravel/public/books/588598/img_180' alt=''>С учетом того, в какие категории попал объект, что люди обычно про него спрашивают, что пишут в интернете и т.д. Спектр оценивает процент людей, которые ищут этот объект с каждой из возможных целей. Эти данные используются при ранжировании результатов поиска по многозначным запросам. Используя их, Спектр вычисляет пропорции, в которых ответы на ту или иную тему должны быть представлены в результатах поиска. Найденные сайты упорядочиваются таким образом, чтобы спектр ответов соответствовал спектру вопросов. Таким образом, поиск Яндекса максимизирует вероятность того, что человек найдет именно то, что искал. Даже если он не указал это явно в своем запросе, а просто подумал. Спектр анализирует поисковые запросы полностью автоматически — каждый раз рассматривается очень большой массив запросов, более пяти миллиардов. Их обработка происходит одновременно на нескольких сотнях машин. Чтобы данные не теряли актуальность, Спектр запускает процесс анализа несколько раз в неделю. Кроме статистики запросов, Спектр умеет использовать данные из справочников и энциклопедий — в том числе из Википедии. Это помогает распознавать недавно появившиеся объекты, узнавать, какие значения объектов не укладываются ни в одну из существующих категорий, и добавлять новые. На базе технологии «Спектр» в поиске Яндекса реализованы диалоговые подсказки. Они появляются под строкой поиска в ответ на неоднозначные запросы. Диалоговые подсказки описывают наиболее популярные категории, в которые попал запрос, и позволяют в один клик перейти к ответам только из выбранной категории. Например, по запросу [голубика] Яндекс предлагает «полезные свойства», «википедия», «калорийность» и «рецепты». За каждой из этих ссылок пользователя ждет соответствующая страница результатов поиска. Применение в работе. При анализе конкурентов необходимо учитывать наличие «Спектр» в выдаче. При этом нужно исключать из выдачи всю спектральную примесь, оставляя для анализа только органичечкую выдачу, т.к. органическая выдача строится по основной формуле ранжирования, тогда как спектральная примесь добавляется по алгоритму «Спектр». Проведение анализа с учетом спектральной примеси может привести к неправильным выводам, т.к. сайт, который попал как спектральная примесь может, например, содержать более 50-100 вхождений в тексте, хотя как среднее по органичегой выдаче топ10 всего 3-5 вхождений. Как выявить Спектр Дополнительные слова подсвечиваются в выдаче независимо от классификации. Подсветка спектровых слов идет и на спектровой примеси, и на обычных документах. <img src='https://find-books.ru/laravel/public/books/588598/img_181' alt=''> Также отбросить спектровую примесь может помочь добавление символа «@» после запроса в поисковую строку. ВАЖНО! Данный символ не всегда работает, нужно анализировать выдачу дополнительно. Выдача по запросу «наполеон»: <img src='https://find-books.ru/laravel/public/books/588598/img_182' alt=''> На 9-10й позиция спектральная примесь Выдача с символом «@»: <img src='https://find-books.ru/laravel/public/books/588598/img_183' alt=''> Примеры спектральной примеси. 4.1. Запрос «продвижение сайтов». Топ 10: 1. demis.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 2. seo-dream.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 3. promo.ingate.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 4. ashmanov.com – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 5. vipro.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 6. intelsib.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 7. Optimism.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 8. ssve.ru – самостоятельное продвижение сайтов 9. promo.Altera-Media.com – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» 10. dfaktor.ru – коммерческий сайт компании, которая предоставляет услугу «продвижение сайтов» Спектральная примесь: ssve.ru 4.2. Запрос «Наполеон». Топ10: 1. ru.wikipedia.org/wiki/Наполеон_I - статья в википедии про Наполеона 2. banopart-napoleon.com – сайт посвященный Наполеону 3. vokrugsveta.ru/Энциклопедия/index.php?title=Наполеон - статья в экциклопедии про Наполеона 4. hrono.ru/Биографический указатель/napoleon.html – информация про Наполеона 5. c-cafe.ru/days/bio/6/084.php - статья про Наполеона 6. to-name.ru/biography/napoleon-bonapart.htm - статья про Наполеона 7. lurkmore.to/Наполеон - статья про Наполеона 8. kulturologia.ru/blogs/081013/18975/ - статья про Наполеона 9. Good-Cook.ru/Выпечка/Торт Наполеон - рецепт торта «Наполеон» 10. RussianFood.com/Рецепты/Торт Наполеон - рецепт торта «Наполеон» Спектральная примесь: Good-Cook.ru/Выпечка/Торт Наполеон RussianFood.com/Рецепты/Торт Наполеон Глава 19. Чек лист коммерческих факторов. Выполнил Компания ☐ История компании Описать этапы развития компании, рост, увеличение товарных предложений ☐ Информация о персонале Информация о сотрудниках, работающих в компании, их опыте, достижениях. ☐ Структура ☐ Оборудование, техника, материалы Блок-схема структуры компании, отделы, департаменты, бизнес-процессы ☐ Вакансии Раздел с вакансиями ☐ Партнеры Кто является партнером компании, поставщики. ☐ Контакты Обязательно полные контакты с индексом, больше упоминаний на сайте ☐ Телефоны Обязательное упоминае в шапке сайта, на странице «Контакты» и в футере сайта ☐ Реквизиты Раздел с реквизитами компании ☐ Филиалы Контакты всех филиалов. Можно также со структурой, персоналом ☐ Представители Представители компании в других регионах, странах. ☐ Новости Раздел со свежими новостями компании ☐ Отзывы и рекомендации Раздел с отзывами и рекомендациями ☐ Наши клиенты Информация о клиентах компании ☐ Сертификаты и лицензии Раздел-галерея с фотографиями и сканами официальных документов ☐ Достижения Раздел-галерея с фотографиями грамот, достижений, патентов, публикаций ☐ Видимость в интернете Активные страницы компании во всех соц.сетях ☐ Портфолио Раздел с примерами работ, товаров, продукции и т.д. ☐ Оптовикам Раздел с информацией по работе с оптовыми клиентами, партнерами ☐ Корпоративные клиенты Раздел с информацией для корпоративных клиентов ☐ График работы Детальная информация по графику работы компании, основного офиса, филиалов ☐ Слоган Наличие слогана в шапке сайта, желательно в левом верхнем углу ☐ Логотип Наличие логотипа в шапке сайта, желательно в левом верхнем углу ☐ Преимущества Наличие блога «Наши преимущества» ☐ Элементы доверия Размещение логотипов авторитетных сервисов, например VISA Сервис ☐ Калькулятор Онлайн расчет стоимости услуг, товаров, доставки и т. п. ☐ Поиск, фильтры, сортировки Удобный поиск по каталогу товаров/услуг, система фильтарции, сортировки и т. п. ☐ Сравнение Возможность сравнить товары ☐ Прайс-лист Возможность скачать прайс-лист в удобном формате ☐ Сервис, ремонт Осуществляется ли обслуживание, ремонт и пр. компанией, какие условия. ☐ Обслуживание Персональный менеджер, бесплатный телефон горячей линии ☐ Формы связи Кнопки «Обратный звонок», «Перезвонить» и так далее ☐ Онлайн-консультация Наличие виджета онлайн-консультант ☐ Сервисы захвата посетителя Например, callbackhunter ☐ Этапы взаимодействия с клиентом Консультация клиента по телефону ☐ CTA-кнопки Кнопки действия «купить», «добавить в корзину» должны быть кнопками, а не ссылками ☐ Push-уведомление Рассылка подписавшимся клиентам и новых товарах, услугах, информации ☐ Дополнительные предложения Услуги, в которых может возникнуть необходимость при покупке основного предложения. ☐ Детализация услуги, товара Что включает в себя услуга: замер, проектирование, доставка, монтаж. ☐ Видео/ канал на youtube Наличие видео-роликов или собственного канала на youtube ☐ Поиск по сайту Наличие формы поиска на видном месте ☐ Кнопки шаринга Кнопки «Поделиться» в социальных сетях ☐ Виджеты связи через чат соц. сетей Возможность в один клик перейти на страницу диалога с представительством в соц. сети ☐ Сообщить о поступлении Если товара нет в наличие — функционал «сообщить о поступлении» ☐ Оплата картой Наиболее распространенный вид оплаты ☐ Оплата через СбербанкОнлайн Второй по популярности способ оплаты ☐ Самовывоз Возможность самовывоза ☐ Оплата в кредит Оплата товара в кредит онлайн ☐ Адреса сервисных центров Позаботьтесь о клиентах заранее Разделы для клиентов ☐ Доставка Описать условия доставки и все возможные ее варианты ☐ Условия возврата Описать условия возврата денег, как происходит, в каких случаях и сколько. ☐ Оплата Все варианты оплаты, условия, комиссии. ☐ Условия оферты Описания договора публичной оферты ☐ FAQ Подробный раздел вопрос-ответ ☐ Советы Раздел с советами по выбору продукции или услуг ☐ Гарантии Гарантийные обязательства ☐ Размерный ряд Раздел с таблицами всех размеров ☐ Инструкции Инструкции к продаваемым товарам с возможностью скачивания ☐ Франчайзинг Возможность представления франшизы Спецпредложения ☐ Скидки Системы скидок, накопительные системы и т. п. ☐ Акции Регулярно предоставлять информацию об акциях компании ☐ Распродажа Наличие раздела «Распродажа» ☐ ХИТы продаж Наличие блока «ХИТы продаж» ☐ Бонусы Наличие собственных бонусов ☐ Обратный отсчет Формы с обратным отсчетом срока действия предложения ☐ Cross-sell Наличие форм допродаж «с этим покупают» и т.д. Карточки товара ☐ Характеристика товара Подробные технические характеристики товара ☐ Фотографии товара Обязательное наличие фотографий товара ☐ Наличие обзоров на товар Видео-обзоры от лица магазина, так и от лица покупателя ☐ Отзывы о товаре Отзывы о товаре, услуге на сайте, рейтинг ☐ Комментарии Наличие формы с комментариями ☐ Информация об оплате Возможно продублировать иконками и логотипами платежных систем ☐ Размерный ряд Информация о доступных для заказа размерах ☐ 3D-модель 3D-модель объекта, популярно в тематике строительства домов ☐ Цена Старая/ новая цена Внешние факторы ☐ Я.Адреса, Г.Адреса Компания должна быть зарегистрирована в данных сервисах ☐ Я.Каталог, DMOZ, http://list.mail.ru/ Необходимо регистрировать сайт в данных каталогах. Особенно важен — ЯК ☐ Сервисы Яндекса Необходимо участвовать во всех, подходящих для сайта, сервисах Яндекса и Гугла ☐ Узнаваемость бренда Упоминания названия бренда в Интернете, особенно СМИ + брендованный трафик из органической выдачи ☐ Срок доставки Упоминание примерного срока доставки товара ☐ Быстрый просмотр товара Функционал быстрого просмотра товара во всплывающем окне ☐ Отзывы на отзовиках Отзывы на стронних сайтах с отзывами, например, flamp.ru ☐ Отзывы на агрегаторах Отзывы на стронних сайтах-агрегаторах, например, Я.Маркет Главная страница ☐ Слайдр Слайдер с главной информцаией. желательно наличие формы захвата (обратной связи) ☐ УТП Наличие в видимой части уникального торгового предложения ☐ Инфографика Важные процессы описанные инфографикой, например процесс доставки ☐ Страницы каталога ☐ Купить в 1 клик Кнопка быстрого заказа или покупки ☐ Большой ассортимент товара Не менее 50% от среднего среди 20 конкурентов ☐ Перенаправление с карточки При клике на изображение пользователь должен попадать на карточку товара ☐ Рейтинг товара Наличие рейтинга товара на странице каталоге, также в карточке товара ☐ Отметки на товаре Новинка, Хит продаж, Распродажа и так далее Техническая часть ☐ Цена Цена должна выражаться в рублевом эквиваленте и с обозначением р. или руб., но не рублей или □. Правильный пример: 2000 р 2000 руб. Неправильный пример: 2000 рублей 2000 □ ☐ Название товара Название товара обязательно должно содержать название категории, желательно в единственном числе. Пример: Каталог: Телевизоры Пылесосы Телефоны Категория — телевизоры Название товара на разводящей странице (каталожной) и в карточке товара — телевизор samsung ue22h5610ak ☐ Кнопка «Купить» Как на разводящих страницах (каталожных), так и непосредственно в карточках товаров кнопка «Купить» должна быть текстовой кнопкой, не в баттоне. ☐ Оформление тэгами Рекомендовано кнопки «Купить», «Заказать» оформлять в тэги: — card — order — basket ☐ ЧПУ В ЧПУ карточки товара интернет-магазина необходимо наличие уровня вложенности catalog (или katalog) и название категории Правильный пример: site.ru/catalog/televizor/samsung-ue22h5610ak, Неправильный пример: site.ru/vse-tovary/televizor/samsung-ue22h5610ak ☐ Упоминание слов в ЧПУ Желательно в урлах карточек товаров использовать следующие слова: — guts — product — item Например: site.ru/catalog/televizor/product121 ☐ Корзина Адрес корзины должен быть card, order, но не korzina, Яндекс не воспринимает другие адреса и как следствие не воспринимает, что у сайта есть корзина. ☐ Исключение закрытия от индексации Корзину и страницы оформления заказа в интернет-магазинах не в коем случае не закрывать от индексации, Яндекс данные пустые страницы не определяет не информативные, а наоборот засчитывает их как ком. фактор. ☐ Изображения Количество тэгов img больше или равно среднему количеству конкурентов Прочее ☐ Отсутствие рекламы на сайте Без комментариев Глава 20. Юзабилити ведение Ни для кого не секрет, что суть всего продвижения (нашей с вами работы) сводится к повышению позиций сайта в результатах поиска. Высшие позиции должны давать намного больше посетителей — отчасти это верное убеждение. Но не всегда место выигрывает качество. Допустим, посетитель попадает на сайт, который нашел в поисковой системе. Однако найденный ресурс не содержит искомую информацию, имеет множество всплывающих рекламных объявлений, либо не обладает проработанной структурой — в большинстве случаев пользователь продолжит свой поиск уже среди других ресурсов интернета. В данной лекции мы рассмотрим как преподнести информацию с точки зрения SEO(т.е. для людей, но не забывая про посковики), тем самым не только увеличить время пребывания на сайте, но и побудить просмотреть другие разделы. Этим мы повлияем на удобство — т.е. улучшим юзабилити, и поднимем показатель поведенческих факторов, которые входят в формулу расчета ранжирования (упорядочивания) ресурсов интернета. 1 Основные термины и определения На протяжении всего излаженного материалы вы будете сталкиваться с большим количеством различных терминов, поэтому прежде чем перейти к самой лекции рассмотрим основные термины и понятия юзабилити. Да и в дальнейшем при возникновении вопросов или сомнений в определении того или иного термина вы всегда сможете обратиться к этому разделу лекции. Начнем с самого важного и значимого термина – это юзабилити. Юзабилити – 1) это степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью. 2) это степень эффективности (сейчас принято говорить результативности — то есть на сколько легко, на сколько возможно добиться полезного результата), результативности, продуктивности и удовлетворенности с которой определенный пользователь решает определенную задачу в определенных условиях. (ISO 9241 11-я часть). HCI (Human–computer interaction) – это научная и прикладная дисциплина, предметом которой является то, как люди используют компьютеры и как следует разрабатывать компьютерные системы, для того, чтобы обеспечить более эффективное их использование конечными пользователями. Дисциплина включает элементы психологии, эргономики, информатики, графического дизайна, социологии и антропологии. UI (User Interface) - разновидность интерфейсов, в котором одна сторона представлена человеком (пользователем), другая — машиной/устройством. Представляет собой совокупность средств и методов, при помощи которых пользователь взаимодействует с различными, чаще всего сложными, машинами, устройствами и аппаратурой. UX (User Experience) - это ощущения, возникающие у человека при непосредственном взаимодействии с объектами окружающего мира. В более узком смысле, опыт взаимодействия характеризует личное восприятие человеком функциональных и эмоциональных характеристик продукта или услуги в процессе использования. Целевая аудитория сайта, целевая посещаемость, целевые посетители сайта — группа интернет-пользователей, на которую сфокусировано содержание сайта; круг посетителей, заинтересованных в информации, товарах или услугах, представленных на сайте. Целевые посетители точно знают в получении какой информации они заинтересованы и какой именно товар или услугу желают приобрести. Прототип сайта — это схематическое изображение страниц сайта, на которых указаны элементы сайта (кнопки, меню, формы для ввода данных, блоки для показа данных и т.д.). Прототипы будущего сайта помогают нашим клиентам наглядно увидеть концепцию их сайта и продумать расположение основных элементов дизайна. Дизайн сайта — понятие более сложное, чем просто внешнее оформление сайта. Под дизайном сайта понимается и удобство web-сайта для пользователя — насколько выделены нужные для постоянного применения элементы, легко ли читается текст и так далее. Сценарий — это набор инструкций, выполнение которых позволит протестировать все проблемные зоны юзабилити с максимальной эффективностью. Персонаж — собирательный образ, который по ряду параметров должен соответствовать среднестатистическому покупателю. Фокусная группа (focus group) — это неформальное собрание пользователей, у которых спрашивают мнение по определенной теме. Экспертный анализ — это анализ, который осуществляется экспертом или группой экспертов в области юзабилити и маркетинга, в результате которой выявляются основные недочеты пользовательского интерфейса и составляются рекомендации по устранению этих недочетов. Сплит-тестирование — это одновременное тестирование нескольких вариантов продающих страниц, отличающихся текстом и/или оформлением. Сплит-тест также называют дробным тестированием. 2 История юзабилити Всемирная паутина сразу после создания использовалась научными учреждениями, правительствами и военными, как средство обмена простой информацией «старого» образца. Так что документы тех времен были очень простыми. В конце концов, ученым и академикам нет особого дела до привлекательности web-страниц. <img src='https://find-books.ru/laravel/public/books/588598/img_184' alt=''>Первый в мире веб-сайт появился 6 августа 1991 года. http://info.cern.ch/ Его создатель Тим Бернерс-Ли (Tim Burners-Lee) опубликовал на нём описание новой технологии World Wide Web (WWW), основанной на протоколе передачи данных HTTP, системе адресации URL и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы веб-серверов и веб-браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты. <img src='https://find-books.ru/laravel/public/books/588598/img_185' alt=''> Рис.1 – Скриншот первого в мире сайта Вспомним, какими были первые сайты. Либо – аршинные красные буквы на бирюзовом фоне, либо – очень красивые, очень тяжелые и совершенно нефункциональные ресурсы. Явно дорогие. Явно сделаны профессионалами. Но – профессионалами в какой-то совершенно иной сфере. Красота и функциональность не находили точек соприкосновения. Уродство, правда, тоже – но уродливые сайты, по крайней мере, дешевле обходились владельцам. Именно некрасивые, но в принципе функциональные интернет-ресурсы задали моду на многие годы вперед. К дизайну требования были очень простые: он должен быть незаметен. Он не должен мешать посетителю знакомиться с коммерческим предложением. Что, учитывая происхождение, неудивительно: де-факто такой подход означал, что сайт не должен быть страшным. Сайт – это инструмент. Красота инструмента – в его функциональности. <img src='https://find-books.ru/laravel/public/books/588598/img_186' alt=''>С другой стороны, развитию дизайна мешала неразвитая технология. До сих пор в Интернете принимаются новые стандарты, расширяющие свободу деятельности для web-дизайнеров. Это и html 5, и CSS 3, а также развиваются такие технологии как Adobe Flash, Adobe Air, Microsoft Silverlight. На ранних же стадиях своего развития web представлял собой очень ограниченную информационную среду. В начале же HTML был прост: HTML-теги использовались только для того, чтобы указать - это заголовок, а это - абзац, и так далее. А потом на свет появилась штука, называемая «графическим браузером» (NCSA Mosaic). Люди начали включать графические элементы графику в свои страницы. И они хотели, чтобы их страницы выглядели лучше, привлекательней, симпатичней. Тогда,HTML был расширен, чтобы включить теги моделирования, такие, как bold, strong, italicisized. А люди все еще не были удовлетворены: они хотели большего. И возможность добавлять больше стиля к тексту пришла в форме тега и так далее. Теперь люди могли создавать страницы с красочными фонами и шрифтами, почти как им хотелось. Однако, этого не было достаточно. На сцену вышли люди, называвшие себя «дизайнерами». Так как многие из них пришли из мира бумажного дизайна, они хотели еще большего контроля над внешним видом создаваемых web-страниц. В 1996 году была издана очень влиятельная книга Дэвида Сигэла под названием «Creating Killer Web Sites», вскоре она стала бестселлером номер 1 на Amazon – немыслимое достижение для книги по web-дизайну. Система раскладки страниц, описываемая в этой книге, в основном базировалась на использовании таблиц HTML и однопиксельных GIF’ов. Страница раскладывалась по сетке; содержимое, будь оно текстом или графикой, помещалось в ячейки этой сетки. Чтобы предотвратить «сворачивание» пустых ячеек таблицы, использовались прозрачные GIF’ы размером 1х1 пиксель. Сигэл (и не только он) пошел дальше, и предлагал использовать однопиксельные GIF’ы как средство управления разрывами между буквами в тексте, и для того, чтобы создавать отступы. Появление таких методов позволило дизайнерам создавать визуально привлекательные страницы, ставя эстетический аспект в сайтах наряду с функциональным. Однако, все хорошо в меру, и в какой-то момент стало очевидно, что дизайнеры не всегда могут совладать с предоставленными им возможностями. Стали все чаще появляться сайты, в которых из-за неудачного дизайна нельзя было прочитать информацию. Длинные меню, разбитые по всей странице, огромное количество мелькающих gif-баннеров, яркие цвета, контрастный текст, непродуманная навигация, большие тяжеловесные страницы,— вот характерные признаки web-дизайна того времени. В этот момент пришло осознание того, что при создании сайта необходимо думать об удобстве пользователя. Началось приложение моделей HCI (Human-Computer-Iteraction, человеко-компьютерное взаимодействие) в веб. <img src='https://find-books.ru/laravel/public/books/588598/img_187' alt=''>Дисциплина HCI основана на психологии и это позволяет экспертам сложные социальные взаимодействия, окружающие новую вычислительную технику. Эти модели позволили исследователям разрабатывать различные рекомендации и правила по созданию веб-интерфейсов. Позже HCI в вебе переродилась в юзабилити. Одним из основоположников юзабилити стал Якоб Нильсен (Jacob Nielsen). Именно он выпустил в 1999 году книгу Designing web usability. The practice of simplicity (Веб-дизайн: книга Якоба Нильсена), которая стала одним из первых (и наиболее значимым на тот момент) руководством по созданию юзабильных сайтов. Сегодня юзабилити является одним из перспективных направлений развития пользовательских интерфейсов информационных продуктов и становится необходимым условием выживания в области информационных технологий. Ниже рассмотрим состояние юзабилити рынка в России сегодня. 3 Состояние юзабилити рынка в России В 2008 году, по данным Econsultancy, мировой рынок услуг юзабилити и accessibility составил 214 миллионов фунтов стерлингов, что на 20% выше, чем в 2007 и на 30% выше, чем в 2006. Российские аналитические компании пока на тот момент не проводили масштабных исследований данного рынка, однако, о росте спроса на юзабилити-услуги свидетельствуют многочисленные индикаторы, например, статистика запросов слова «юзабилити» в Яндексе. Если в марте 2008 года это слово запрашивали 2011 человек, то в феврале 2009 цифра увеличилась более чем в два раза – до 5582. Количество запросов по слову usability выросло за тот же промежуток времени с 853 до 4294 – в пять раз! <img src='https://find-books.ru/laravel/public/books/588598/img_188' alt=''>В условиях прошедшего экономического кризиса, эксперты отмечают бурный рост сектора юзабилити-услуг. Среди причин такого роста выделяют главную. Кризис заставил людей экономить и многие впервые задумались об эффективности вложений в продвижение и рекламу товаров и услуг в интернете. На данный момент лидером в данной отрасли является компания USABILITYLAB. Компания широко известна не только в своей нише, но и в таких областях как: маркетинговые исследования, телеком, web-разработка, контроль качества. Оказывает значительное влияние на формирование юзабилити-профессии в России. Основателем этой компании является Дмитрий Сатин. Он ведёт активную общественную и подвижническую деятельность, президент Российского отделения UPA, ответственный редактор User Experience Magazine по странам СНГ и восточной Европе, автор учебных курсов и рецензент международных конференций по юзабилити. Активно работает над развитием юзабилити рынка России и его интеграцией с рынками других стран. Ознакомиться с его интервью и блогом можно по следующим ссылкам: http://usability.satin.ru/ http://www.youtube.com/user/dmitrysatin/ Клиенты компании — как крупные, так и небольшие компании — от нефтяных корпораций до сайтов знакомств: банки, мобильные операторы, платежные системы, социальные сети и многие другие. Компания работает с широко известными российскими и зарубежными заказчиками. UsabilityLab является членом двух крупнейших в России объединений ИТ-компаний: РУССОФТ и ISDEF. Кроме того, UsabilityLab является официальным представителем в России компаний TechSmith, Noldus и Tobii — мировых лидеров в производстве оборудования и программного обеспечения для юзабилити исследований. UsabilityLab занимается научной и исследовательской деятельностью с целью поиска новых методов повышения пользовательских качеств всех типов интерфейсов. Сотрудничество с Институтом психологии Российской академии наук позволило найти применение методам, открытым в авиационной и космической эргономике. В 2008 году UsabilityLab провела апробацию разработанного научным руководителем Компании комплекса юзабилити метрик, а также представила в Совет Федерации России Проект Технического регламента процесса разработки пользовательских интерфейсов. Развитие рынка юзабилити России и его интеграция с рынками других стран набирается все большие и большие обороты. 4 ГОСТ Р ИСО 9241-210-2012 На всей территории России вступил в действие национальный стандарт по юзабилити ГОСТ Р ИСО 9241-210-2012 «Эргономика взаимодействия человек-система. Часть 210. Человеко-ориентированное проектирование интерактивных систем». Приведем выдержки из статьи http://habrahabr.ru/post/203308/. Задачи документа. Этот документ прежде всего необходим руководителям, чтобы показать место человеческого фактора и эргономики в процессе проектирования. UX-специалистам, чтобы рассказать, как происходит проектирование, и каково их участие в этом процессе. Принципы human-centred design. Этот стандарт не придумывает новых методологий, а учит нас, как привнести человеко-ориентированный подход в существующие процессы. Просто смещение акцентов. Кратко идеи-принципы по подразделам: Нужды пользователей Точно определить пользователей, задачи, условия использования. Вовлечение пользователей в разработку Не только «на заказ», но и при создании универсальных/потребительских продуктов. Фидбэк от пользователей Отзывы пользователей (в том числе, на этапе проектирования) — важнейший источник информации. ________________________________________ Взаимное разрушение иллюзий. Ниже выделена фраза, которую необходимо осознать и запомнить, чтобы создавать действительно хорошие продукты. Иллюзия дизайнера: «мышление юзера устроено примерно так же, как моё». Иллюзия пользователя: «автомобилей не существует, существуют только лошади» (быстрые и медленные) Пользователь не знает, что здесь можно сделать удобнее. Дизайнер делает так, как удобно ему. У него есть удобный набор user stories — из которого следуют очевидные решения — с которыми юзер должен мириться. Нет. Чтобы сделать действительно классный продукт, нужно выйти из зоны комфорта и понять, что нужно юзеру при условии, что он сам этого объяснить не может. Не дизайнер, не пользователь — это должен быть третий человек, который разрушит их иллюзии. И это будет выход в новое измерение. Итеративное совершенствование проекта Речь, опять же, об участии пользователей в проектировании. В начале невозможно предусмотреть каждую деталь. Многие нужды и ожидания пользователей̆ выявляются только в ходе проектирования, по мере того как разработчики совершенствуют свое понимание пользователей̆ и их задач, а пользователи описывают свои пожелания в ответ на представленные проектные решения. Учитывать опыт пользователя Учитывая предыдущий опыт пользователя, нужно иметь в виду многие аспекты. Личные цели пользователя, эмоции и восприятие, ожидания и удовлетворённость, упаковка и образ торговой марки, не-монотонность и многое другое. Другие участники проектирования Помимо UX-специалистов и пользователей — кто ещё участвует в разработке UX-дизайна? Это специалисты с различными точками зрения на проект, обладающие знаниями в разных областях. Маркетологи, технические писатели, системные аналитики, всякие менеджеры, и даже дизайнеры. Планирование и выполнение проекта Эти два раздела регламентируют исполнение выше обозначенных принципов. Там есть схема, к ней подписаны, какие вопросы рассмотрены в каждом пункте: <img src='https://find-books.ru/laravel/public/books/588598/img_189' alt=''> В пункте 6.3 можно найти пару интересных моментов: «Следует определить потребности, которые должны быть удовлетворены (а не способы, с помощью которых данные потребности должны быть удовлетворены)». (6.3.2) «Спецификация требований пользователей̆ должна быть составлена с учетом возможности проведения испытаний на более поздних стадиях проектирования». (6.3.5) То есть, прямо говорятся две вещи, см. выше про две иллюзии: 6.3.2. Юзер не знает, чего он хочет. Автомобилей нет, есть только лошади. 6.3.5. Мы изначально могли очень серьёзно ошибиться по поводу того, что нужно юзеру. Данный стандарт интересен и несколько противоречив, многие пользователи и автор статьи на Хабре поспорил бы с авторами ГОСТа. «…Здесь говорится, что human-centered design (в том виде, как описано в стандарте) выполняет исключительно позитивную роль в устойчивом развитии человечества. Тут я бы поспорил. Авторы стандарта постоянно говорят о какой-то безусловной, бездумной максимизации комфорта для потребителя. Если всё наше будущее — это сидеть на диване и жевать поп-корн — то да, всё для устойчивого развития тут есть. Но я думаю, что у хабраюзеров другое представление о XXII веке, до которого кто-то из нас доживёт, а значит, предстоит ещё очень непростой выбор: дать рыбу или удочку?» Сколько людей, столько и мнений, сделать свои собственные выводы вы сможете сами, после прочтения этого стандарта - http://standard.gost.ru/wps/wcm/connect/d661e080413f5db8a4e9fe7ab9890bef/GOST_R_ISO_9241-210-2012.pdf?MOD=AJPERES 5 Цели юзабилити Юзабилити на самом деле является одним из ключевых факторов эффективной конкуренции в интернете. Ведь даже, если ваш сайт содержит именно ту информацию, которую искал пользователь, слишком неудобный, громоздкий интерфейс вынудит его покинуть ваш ресурс в кратчайшие сроки. Часто посетители готовы пожертвовать качеством информации в пользу наглядности и простоты её получения. Тем более, данный аспект весьма актуален для коммерческих проектов, ведь если потенциальный клиент не сможет найти товар, он не сможет и приобрести его. 6 Эффект от юзабилити Средние рекомендуемые затраты на юзабилити – около 10% от бюджета проекта (для более крупных проектов – несколько ниже). Улучшение продукта (вебсайта) по бизнес-показателям составляет от 135% (2003 г.) до 83% (2008 г.). Бизнес-показатели: Процент конверсии посетителей (продажи или выявление потенциальных потребителей) Параметры посещаемости Производительность пользователя (например, время необходимое на выполнение ключевых задач) Использование ключевых фич (например, количество пользователей, перешедших по ссылке на страницу с важной информацией) В качестве примера эффекта от юзабилити рассмотрим смену дизайна на новостном портале http://lenta.ru/ Вот представьте: вы на протяжении нескольких лет едите на завтрак яичницу с беконом, тосты с Нутеллой и запиваете все это кофе с молоком. А тут вдруг, не спросив, вам приносят кашу, пусть даже вкусную. Возникает некий дискомфорт. Вы привыкли к тому, что вы едите каждый день яичницу с беконом и даже переживете, если в нее бекон не положат. Но кашу?! Что-то подобное происходит и в случае редизайна. И не просто редизайна, а кардинальной смены концепции (тут вам не просто иконки добавили и фон поменяли!). И не просто через год-два после запуска, а после 8 лет работы сайта в одном и том же представлении. Старый дизайн ленты, простой, с отличным юзабилити и большим количеством разделов, читать очень удобно и всегда понятно о чем. <img src='https://find-books.ru/laravel/public/books/588598/img_190' alt=''> Первое что бросается в глаза глядя на новый дизайн отсутствие половины разделов, интернет, технологии, игры, оружие, более того юзабилити нового дизайна оставляет желать лучшего, хотя видно что создатели и пытались оставить лучшее от старого дизайна. Все что можно сказать о новом дизайне, красивый современный но явно более скучный и не информативный. <img src='https://find-books.ru/laravel/public/books/588598/img_191' alt=''> Статистика: Ну а теперь самое интересное, обращаемся к сервису официальной статистики liveinternet.ru Посетители в феврале 2013 года 902 927, в феврале 2012 года 783 920, казалось бы тут все хорошо, прирост уникальных посетителей, проект развивается, но и интернет развивается и становится более доступен мобильный интернет. А вот с просмотрами страниц не все так однозначно внимание в феврале 2013 года 3 812 372 просмотра а в феврале 2012 года 4 153 871 просмотра – что на 314 499 просмотров меньше! все закономерно, дизайн стал менее дружелюбным и пропало несколько рубрик. <img src='https://find-books.ru/laravel/public/books/588598/img_192' alt=''> Выводы, нужно быть крайне осторожным с сменой дизайна, даже такой большой проект как Lenta.ru не застрахован от ошибок. А можно ли было избежать столько резкого падения числа аудитории? Я думаю, что можно. Например, готовить читателя постепенно, раз в пару лет немного видоизменяя текущий, а не вываливать через восемь лет абсолютно новый, как снег на голову. Ну и можно было оставить старую версию на old.lenta.ru. 7 Степени зрелости компании У каждой компании есть свое мнение по поводу юзабилити и его необходимости. В основном можно выделить четыре стадии зрелости компании: • Стадия 1: Враждебность к юзабилити. «Лучший юзер – мертвый юзер!». Ну, или как минимум безрукий. • Стадия 2: Юзабилити от разработчиков. На этой стадии проектировщики полагаются на собственную интуицию при разработке интерфейсов. Однако члены команды разработчиков заведомо знают о системе, которую они создают, гораздо больше среднего пользователя. Поэтому опора на интуицию разработчика при попытке представить поведение пользователя почти всегда ошибочна. • Стадия 3: Отрывочное проектирование юзабилити. Некоторые группы в компании осознают важность проектирования юзабилити и прилагают усилия по его внедрению и применению. Однако меры по улучшению юзабилити не планируются заранее и под них не выделяется конкретный бюджет. Тем не менее, даже небольшие усилия могут приводить к существенному улучшению разрабатываемых продуктов. • Стадия 4: Выделенный юзабилити-бюджет. Главный метод – юзабилити-тестирование, которое применяется ближе к концу процесса разработки, когда интерфейс уже как минимум частично реализован, а не согласно принципу «раньше и чаще». 8 Параметры оценки юзабилити В основе юзабилити находятся факторы, которые влияют на выбор пользователя, а также его постоянство в выборе конкретного сайта. обучаемость Определяется тем, насколько быстро новый пользователь обучится пользоваться Вашим ресурсом с целью выполнения тех задач, с которыми он зашел на сайт. эффективность Определяется тем, насколько быстро пользователь выполнит все поставленные перед ним задачи: покупка товара, поиск необходимой информации и т. п. запоминаемость Как хорошо запомнит пользователь Ваш сайт, чтобы при повторном заходе он смог оперативно выполнить поставленные задачи, минуя этапа обучения? ошибки Насколько часто пользователь ошибается в попытке решить свои проблемы за счет Вашего сайта? Например, человек долго и упорно подбирал для себя мобильный телефон и пройдя множество испытаний в виде других сайтов и фильтров Яндекс.Маркета. Он в итоге пришел в Ваш Интернет-магазин. Он уже готов купить мобильный телефон. Он так долго к этому шел, а реалии жизни преподносят сюрприз - кнопка «В корзину» не имеет яркой и интуитивно понятной пиктограммы в виде корзины с надписью, а также эта кнопка настолько маленькая, что рядом стоящий баннер приглашает посмотреть красивый и многофункциональный холодильник. И тут происходит «чудо» со знаком минус, наш «теплый» клиент вспоминает, что месяц назад обещал купить своей любимой теще большой холодильник, забывает про своей мобильный телефон и отправляется смотреть предложение холодильника. При этом Ваше предложение его не привлекло, он забыл о мобильном, так как любит свою тещу, и уходит на сайты конкурентов и в фильтры Яндекс.Маркета преодолевать новые круги ада. Итог: конверсия – 0, прибыль упущена! Таких примеров огромное множество. По заявлению Forrester Research, интернет-магазины не досчитываются примерно половины прибылей лишь из-за того, что пользователям не удалось быстро найти нужный товар. удовлетворенность Удовлетворяет ли Ваш сайт тем запросам, по которым приходят пользователи безопасность Когда пользователь пытается решить свои проблемы за счет Вашего сайта, он ожидает, что во время работы на сайте (при переходах по пунктам меню, при заполнении форм заказа, скачивании какой-либо информации и т.п.) не произойдет ничего, что прямым образом повлияет на безопасность его компьютера. Вспомните, сколько у Вас хранится всего того, что Вам так дорого, особенно фотографии с жаркого юга. Безопасность серьезно влияет на лояльность пользователей! Для большинства пользователей просторы Интернета сравнимы с дремучим лесом, где холодно и страшно. Этим фактором грешат сайтов наполненных огромным количеством рекламных баннеров, при переходе по которым даже матерый пользователь не знает, что в итоге произойдет, либо скачается новый вирус, либо произойдет переход на другой сайт с сомнительным содержимым, либо предложат заказать курса ноу-хау двухнедельной супер-пупер диетой, либо блокируется вкладка браузера с пакостным всплывающим окном посередине экрана и страницей схожей на сайт ВКонтакте. 9 Этапы проработки юзабилити и анализируемые параметры Для того, чтобы получить представление, нужен ли конкретному интернет-магазину редизайн, или же при создании нового ресурса, обязательно производится оценка юзабилити сайта. Аудит выявляет недостатки ресурса и методы их исправления. Для проведения аудита собирается группа экспертов в области юзабилити, которые изучают структуру сайта, интерфейс, задачи, которые ресурс должен выполнять, и другие аспекты. 9.1 Анализ целевой аудитории Отдельным большим этапом всей процедуры аудита можно назвать анализ аудитории целевых пользователей. На данной стадии специалистами определяется, какую категорию пользователей в действительности интересует интернет-магазин, насколько эффективно взаимодействие пользователей с сайтом, как они воспринимают ваш ресурс и в связи, с чем могут отдать предпочтение не в пользу вашей системы. Точно зная, что интересует пользователей, что ими движет, что увлекает и впечатляет, собственник сайта сможет максимально сориентировать контент на своих пользователей. Прислушавшись к мнению пользователей веб-сайта, можно найти самые серьёзные проблемы и недостатки интернет-магазина и на основании подобных замечаний успешно доработать ресурс. При этом пользователи непременно оценят все плюсы произошедших изменений, о чём собственник узнает, увидев интенсивно растущее число посещений. 10.2 Создание модели юзабильного сайта Прежде чем вносить изменения непосредственно на сайт, лучше всего подготовить тестовую версию, модель. Проще оценить имеющийся прототип, чем говорить об общей концепции, не имея научного примера. При создании модели юзабильного сайта важно учитывать следующее: 1. “Правило трех кликов”. Важно, чтобы необходимая пользователю, продающая и важная информация была доступна благодаря не более трем кликам. 2. При разработке сервиса важно не просто обеспечить возможность легко добраться к его основным функциям, но также сделать их сразу заметными для посетителей. К примеру, для досок объявлений на главной странице важно разместить заметную кнопку «Добавить объявление», на других страницах также следует вывести эту кнопку возле списка последних добавлений. 3. Важна на сайте статистика Google Analytics или другая подобная, главное – чтобы она позволяла отслеживать перемещения пользователя, определять его действия. Далее определяются точки выхода и страницы, на которых пользователи дольше всего находятся – им стоит отдельное внимание уделить, когда проводится юзабилити аудит сайта. 4. «Пользователь пришел за чем-то, это что-то он должен получить». К примеру, если найдена главная страница сайта по товару, который находится далеко в каталоге, никто искать эту информацию уже не будет. Посетитель просто уйдет, затаив злобу на «обманщиков». 5. Поиск/фильтры поиска. Дайте пользователю то, что он хочет. Поиск должен выдавать только релевантную информацию. А фильтры должны быть помощниками, эффективно отсеивать ненужные категории. 6. Страница оформления заказа. Как упомянуто выше, количество отказов на странице оформления заказа — это почти половина из всех дошедших до нее пользователей. И хотя, причиной могут быть другие проблемы на сайте, не малую роль в этом играет юзабилити и эргономика сайта. Желательно наличие небольшого количества полей ввода в форме (если форма очень объемная и требует от пользователя ввода многих данных, лучше разбить ее на несколько шагов, а также по возможности отказаться от необязательных полей). По данным исследований, максимальной конверсией обладают короткие формы (где число полей не превышает 4). Наличие капчи также существенно снижает конверсию формы, так как усложняет ее, а также говорит о «недоверии» сайта к пользователю и вызывает негативную реакцию. На примере интернет-магазина http://spellcar.ru рассмотрим, как можно сократить количество полей в форме оформления заказа, и какие есть для этого инструменты. <img src='https://find-books.ru/laravel/public/books/588598/img_193' alt=''> Итак, в этом магазине правильно выбраны обязательные поля, большее их количество не требуется. Максимум, что можно сделать - для дальнейшей обработки заказа требуется e-mail, есть смысл выбрать это поле в качестве обязательного. Такие поля как «Фамилия», «Имя», а наиболее ленивые еще и отчество просят, можно объединить в одно поле «Представьтесь» или «Ваше имя». Этого достаточно, чтобы позвонить клиенту и уточнить детали заказа. Поля, несущие информацию об адресе, объединить в одно поле - «Адрес». Остальные поля можете объединить в поле - «Комментарий к заказу». Ниже приведем пример удачной формы оформления заказа: <img src='https://find-books.ru/laravel/public/books/588598/img_194' alt=''> 7. Страницы товаров. Пользователь в первую очередь ориентируется на характеристики предлагаемых товаров или услуг. На основании полученной информации он принимает решение о покупке, именно поэтому она обязана быть исчерпывающей. Хорошим подспорьем станут качественные фотографии или видео. 8. Контент. Тексты на сайте должны побуждать к действию (звонку/покупке/регистрации). Пусть они будут конкретными и краткими. Особенность при чтении онлайн в том, что люди на самом деле не читают, а лишь «сканируют» заголовки и бегло пробегают текст, поэтому избегайте больших не структурированных блоков. 9. Цветовое решение. Один из наиболее важных пунктов. Даже отличный текст можно «убить», поместив на неправильный фон. Также, желательно, чтобы весь сайт был выдержан в одной цветовой гамме, сохраняя общий стиль. С помощью цветового выделения можно эффективно управлять вниманием пользователя (например, выделяя призывы к действию и CTA-кнопки). Приведем примеры цветовых решений: <img src='https://find-books.ru/laravel/public/books/588598/img_195' alt=''> 10. Скорость загрузки страницы. Пользователь больше не хочет ждать. Скажем «спасибо» высокоскоростному каналу Интернета и запомним: если раньше за правило было до 8 секунд на загрузку страницы, то сегодняшний тренд — это 1 секунда. 11. Доступность. Помните, что есть люди с ограниченными возможностями. Не стоит пренебрегать ими как потенциальными покупателями. 10.3 Анализируемые параметры Теперь раскроем основные, базовые моменты, с которых стоит начать проработку юзабилити. Стоит отметить, что все эти моменты достаточно полно и детально раскрыты в рабочих инструкциях, ссылка на которые давалась ранее. Навигация Нужно делать одинаковую систему навигации на всех страницах без исключения. Наличие меню первого уровня на всех страницах улучшает взаимодействие. Если удастся сделать и меню второго уровня – отлично. Логотип сайта очень важен. Традиционное расположение – верхний левый угол. Все страницы должны иметь ссылку на главную и предыдущую страницу. Важно дать пользователю понять, где он находится. Полезно применять в хлебных крошках надпись “вы здесь” Чем проще система навигации, тем быстрее пользователи найдут искомую информацию. Внутренний поиск Исследования показывают, что пользователи редко пользуются навигацией по сайту, а сразу же ищут искомую информацию через систему внутреннего поиска. Но как же понять, нужна ли система внутреннего поиска или нет? Если на сайте менее 100 страниц, то особой необходимости в системе внутреннего поиска нет. Если от 100 до 1000 страниц, то наличие собственной системы поиска поможет посетителям лучше найти информацию. А вот когда количество страниц уже от 1 тысячи, то необходима эффективная система внутреннего поиска. Форма запроса, в идеале, должна иметь одинаковое месторасположение на всех страницах сайта. Традиционная позиция – верхний правый угол. Оптимальный размер поля ввода запроса на поиск – 30 символов. Желательно делать поиск только внутренним, то есть по сайту. Для поиска в сети есть поисковые системы. Оформляйте страницы поиска в стиле поисковиков. Желательно включать проверку орфографии в своей внутренней системе поиска, как это делают поисковые системы. Это поможет пользователю понять, что запрос задан неверно, и он потом выберет правильный вариант из предоставленных. Главная страница Если говорить в общем, то к главной странице применяют те самые правила и рекомендации юзабилити, что и для всего сайта. Однако стоит помнить, что главная страница – это лицо всего сайта. Посетитель сразу же должен понять, что это за сайт и зачем он вообще создан. Для этого используют текст приветствия или слоган компании. Очень полезно сделать удобную систему поиска содержимого на главной. Исследователи утверждают, что полезная информация, предложения и акции должны размещаться на главной странице, чтобы привлечь внимание. Как утверждает известный специалист по юзабилити Круг, на главной странице сайта надо сделать ссылку или подсказку “откуда мне начать”. Это поможет пользователям быстрее понять, что надо изучить в первую очередь, чтобы не бродить по сайту в поисках полезной информации. Текст и его оформление Написание текста – очень важный и сложный процесс. Самое главное можно сформулировать в двух простых правилах: Надо писать короткие и простые для восприятия и понимания тексты. Использование принципа пирамиды дает свои результаты. Дело в том, что посетители намного эффективнее воспринимают информацию, когда сначала идут основные тезисы, а только потом более подробное изложение предложения и материала статьи. По оформлению текста можно дать следующие рекомендации: Размер шрифта – минимум 12 р. Если он будет меньше, то посетителям сложно будет что-то прочесть, а значит важная информация просто скользнет от их взора. При подборе шрифтов для сайта надо помнить, что на экране монитора лучше всего читаются шрифты без засечек, такие как Arial, Tahoma, Verdana. А для печати на бумаге уже нужно применять TimesNewRoman и другие шрифты с засечками. Не рекомендуется использовать больше двух шрифтов на сайте – это (по законам типографики) усложняет восприятие информации и ухудшает общее впечатление пользователя о сайте. Не следует использовать более 4-х цветов в оформлении текста. Иначе слишком заметная игра цветов ухудшит восприятие информации. При подборе размера шрифта лучше руководствоваться относительными величинами, а не абсолютными. Полезно добавить на сайт возможность самостоятельно изменять размер шрифта. Дизайн для людей с ограниченными возможностями 10.4 Внесение рекомендаций по юзабилити Для создания тестовой модели сайта важно не только выбрать факторы, по которым необходимо поработать сайт, но и грамотно донести до программиста как именно внести данные правки по юзабилити. В том, насколько быстро и корректно программист реализует правки, основополагающую роль играет то, насколько грамотно вы донесете поставленную задачу. Что необходимо знать и учитывать при составлении правок и последующем направлении их на реализацию программисту: 1. Если это сложные правки (к примеру, сделать корзину товаров), то необходимо уточнить у программистов - возможно ли это, т.к. не все движки сайтов позволяют сделать таковое. 2. Бывают моменты, когда движок сайта не предусматривает, к примеру, создание той же самой корзины, но программисты могут это реализовать в рамках «платных» правок. Т.е., если программист отвечает вам, что движок сайта не позволяет внести рекомендованные вами правки, то следует спросить о возможности внесения данных правок платно. 3. При создании тестовой версии страницы, ее необходимо закрыть в robots от индекса, дабы избежать дублирования с основной страницей. Т.е., к примеру, при создании тестовой страницы http://www.site.ru/test/, необходимо в задаче на создание также указать следующее: Добавить в robots Disallow: /test/ 4. Само описание правок по юзабилити должно быть четкими, подробным и исчерпывающим. Желательно наличие подробных скринов с пометками, которые значительно улучшают понимание куда и что вносить. 5. После внесения, прежде чем отправить клиенту на одобрение тестовую версию, необходимо проверить корректность всех внесенных правок. Важно учитывать так же и коммуникационные факторы. Не всегда все понятно по тексту поставленной задачи – одно и то же предложение несколько людей могут воспринять по-разному. Для этого существует ICQ. Не надо стесняться писать, задавать вопросы. К примеру, чтобы не тратить время свое и программиста на задачу по вопросу о возможности внесения правок, можно спросить это в ICQ. Так же, стоит помнить, что электронное общение никогда не заменит живого и иногда проще всего спуститься к программисту и вживую ему все объяснить, затратив на это всего минут 5, нежели целый час переписываться, пытаясь донести свою мысль. 10 Рекомендации по созданию прототипов для юзабилити-тестирования Исследование пользователей — это изучение человеческого поведения, поэтому лучшие результаты даёт наблюдение за тем, как участники что-либо делают и затем обсуждают свои действия. Исследование мнений и описаний воображаемых реакций не приносит пользы, так как людям бывает сложно представить своё поведение вне контекста или оценить дизайн, не испытав сервис в работе. Таким образом, лучший способ оценить новый проект — создать прототип и дать целевой группе конкретный объект, с которым можно взаимодействовать. Конечно, тестирование прототипа отличается от тестирования полностью функционирующего сайта или приложения. В этом обзоре собраны рекомендации, касающиеся того, как сделать эффективнее проверку эргономичности и избежать проблем при тестировании прототипов. Сначала — дизайн, затем — прототип Не позволяйте технологическим сторонам прототипирования влиять на результат разработки. Лучшие инструменты для создания прототипов не всегда хороши для проектирования. Разрабатывать дизайн одновременно с моделью может быть быстрее, но ограничения, накладываемые на прототип инструментом его создания — последнее, о чём стоит думать в процессе работы. Если вы заметили, что попытки настроить элемент в прототипе отнимают больше времени, чем дизайн, стоит сделать шаг назад и сосредоточиться на проектировании, а затем подумать, как реализовать функцию в прототипе. Используйте наполнение, связанное с реальным проектом Пользователи замечают мельчайшие детали модели и неправдоподобные данные. В теории прототипы без актуального наполнения не стоило бы допускать к тестированию, однако на стадии прототипирования реального контента обычно не бывает и приходится использовать «рыбу». Главное, чтобы контент соответствовал теме, не отвлекал участников от задачи и не мог дать ошибочного представления о проекте. Существует несколько видов нежелательных данных. Не используйте «Lorem Ipsum» Каждый раз при появлении текста «Lorem Ipsum» (как на Рисунке 1), кто-нибудь из участников спрашивает «Почему здесь всё на испанском?». Кроме того, что текст приводит в недоумение и может спровоцировать ошибки, он лишён какого-либо контекста и не даёт ни малейшего представления о финальном наполнении. Иногда для понимания назначения страницы контекст просто необходим. Старайтесь всегда использовать актуальное наполнение или найти подходящую рыбу. <img src='https://find-books.ru/laravel/public/books/588598/img_196' alt=''> Избегайте вымышленных имён Не используйте в прототипах имена известных людей или персонажей. Однажды в качестве авторизованного пользователя выступал Джек Воробей (Рисунок 2). Вы бы не хотели, чтобы в разгар сессии участники забыли о поставленных задачах и погрузились в мысли о Джонни Деппе или о том, как ужасны последние «Пираты Карибского моря». Лучше использовать правдоподобные, но стандартные имена — здесь поможет генератор случайных имён, каких много в интернете. <img src='https://find-books.ru/laravel/public/books/588598/img_197' alt=''> Аккуратно используйте стандартные заготовки Использование для замены изображений стандартных заготовок, например, блоков с крестами, может смутить участников теста. Некоторые из них могут воспринять заготовки буквально — решить, что блок со словом «Пиктограмма» будет присутствовать в финальном интерфейсе. Изображения с декоративной функцией вполне разумно замещать заготовками. Но если для понимания интерфейса необходимы тематические иллюстрации, найдите подходящие заглушки. <img src='https://find-books.ru/laravel/public/books/588598/img_198' alt=''> Используйте подходящее оформление Иногда условности в оформлении мешают пользователям: акцентируют внимание на деталях, формируют неверное представление или отвлекают от тестируемого интерфейса. Например, на рисунке 4 показан прототип, где часть данных замещена иксами. Использование их вместо полного номера социального страхования вполне логично, но у пользователей может возникнуть вопрос: будут ли они использоваться в финальном варианте или это тоже «рыба»? В любом случае, подобные мысли могут отвлечь тестеров от задач, на которых вы хотели сосредоточить их внимание. <img src='https://find-books.ru/laravel/public/books/588598/img_199' alt=''> Будьте внимательны, если прототип разрабатывает другая сторона Старайтесь работать над прототипом самостоятельно или в тесном сотрудничестве с теми, кто его создаёт. Во время исследования прототип прорабатывают в соответствии с поставленными задачами: зачастую приходится исправлять ошибки и добавлять новые функции. Если созданием прототипа занимаетесь не вы — например, клиент — быстро и точно вносить изменения уже не получится. Убедитесь, что прототип точно соответствует дизайну Пусть это очевидно, но если созданием прототипа занимается другая сторона, его соответствие дизайну надо проверять. Случай, когда клиент самостоятельно создает модель на основе нашего дизайна; это большая ошибка: прототип может не соответствовать проекту, и внести нужные изменения перед тестированием просто можете не успеть. Исправления ошибок в прототипе не должны касаться проектной части Несмотря на всеобщие усилия, ошибки в прототипе неизбежны, и тестирование их выявит. Естественно, клиенты захотят исправить всё между сессиями. Имея доступ к прототипу, они могут не удержаться и попытаться решить все выявленные при тестировании проблемы. Результат поспешных выводов может быть удручающим. В худшем случае «ошибки» исправят без вашего ведома, пока вы заняты тестированием. Будьте начеку и объясните клиенту, почему не стоит вносить изменения до окончания исследования. Приведите прототип к соответствию с инструкцией Разработчиков мучает своя версия дилеммы «курица или яйцо»: что должно быть вначале — прототип или инструкция для тестирования? Должна ли инструкция описывать тестирование готового прототипа или прототип должен создаваться для тестирования задач, описанных в инструкции? В большинстве случаев допустимы оба варианта. Обеспечить соответствие прототипа и руководства можно, следуя следующим рекомендациям: Определите, какие функции вы будете тестировать. Создайте прототип. Разработайте инструкцию для тестирования. Используя прототип, проработайте все задачи в инструкции. Убедитесь, что всё работает. Внесите необходимые исправления в прототип и инструкцию. Проводите тестирование в несколько этапов с прототипами разной степени детализации Одни специалисты выступают за тестирование грубых прототипов на начальном этапе проекта, другие предпочитают подождать и тестировать более точную модель. Однако в идеале тестирование юзабилити следует проводить в несколько этапов, повышая степень детализации прототипа Тестируйте без прототипа Начинать тестирование можно ещё до того, как появится прототип. Прежде чем приступать к дизайну страниц, полезно проверить правильность основных решений. Такие аспекты, как организация информации и определение категорий, можно тестировать с помощью прямой и обратной карточной сортировки. Благодаря тестированию важнейших аспектов дизайна ещё до появления прототипа можно оценить структуру и названия категорий независимо от дизайна страниц. После создания работающей модели можно сосредоточиться на тестировании разметки и интерактивных связей. Тестируйте грубые прототипы Проверяйте решения, касающиеся организации информации, названий категорий и навигации, на грубых прототипах, как это показано на Рисунке 5. Бумажные прототипы создаются легко и быстро, затем дизайн уточняют в ходе нескольких этапов тестирования. Неформальный вид грубого прототипа даёт понять, что работа не закончена, и это облегчает участникам высказывание критики. <img src='https://find-books.ru/laravel/public/books/588598/img_200' alt=''> При тестировании бумажного прототипа самая сложная задача — исполнение роли компьютера. Кто-то должен имитировать реакцию системы на действия участников: ему приходится быстро находить и показывать изображения нужных экранов, меню и других элементов. Чем выше уровень проработки прототипа, тем сложнее ориентироваться в страницах, меню и остальных компонентах. Для эффективного выполнения этой работы нужна практика, поэтому перед тестированием с участием целевой группы необходимо провести несколько репетиций. Совмещать обязанности модератора, секретаря и выступать в роли компьютера — для одного человека невозможно, поэтому для тестирования понадобится команда как минимум из двух человек. Если невозможно провести больше одной сессии, тестируйте прототипы средней степени детализации <img src='https://find-books.ru/laravel/public/books/588598/img_201' alt=''>Если времени хватает только на одну сессию тестирования, в качестве компромиссного решения используйте прототип среднего уровня детализации, как на Рисунке 6. Создание такого прототипа требует больших вложений по сравнению с грубым, но на промежуточном этапе для внесения изменений остаётся достаточно времени и средств. Простой прототип со средней степенью детализации можно создать с помощью HTML, преобразовав схемы в формат JPEG, встроив их в HTML-страницы и связав последние ссылками. Прототипы среднего уровня проработки ещё достаточно грубы и располагают к критике, но уже точнее прототипов с низкой степенью детализации, поэтому позволяют более уверенно тестировать целевые действия, интерактивные связи и представление информации. Самостоятельное функционирование прототипа удобно модератору, освобождённому таким образом от исполнения роли компьютера и перебирания бумаг. Тестируйте сложные механизмы взаимодействия с помощью точных прототипов В некоторых случаях полезно тестировать прототип с высокой степенью детализации (Рисунок 7) на поздней стадии дизайн-процесса. Иногда сложные или нестандартные способы взаимодействия невозможно оценить, не испытав их в действии. Точные прототипы позволяют тестировать близкие к реальным интерактивные связи, проверять решения, принятые на основе прошлых результатов, и выявлять неисправленные эргономические проблемы. <img src='https://find-books.ru/laravel/public/books/588598/img_202' alt=''> Учитывайте ограниченные возможности прототипа При использовании любого вида прототипов следует учитывать возможные ограничения и их влияние на решения, доступные и не доступные для проверки. При анализе результатов исследования старайтесь проследить связь выявленных проблем и условий тестирования. Например, грубые прототипы в виде чёрно-белых схем лишены цвета и других способов кодирования, нужных, чтобы привлечь внимание пользователей. В монохромном варианте бывает сложно найти то, что в цветной финальной версии сразу бросается в глаза. Подобные проблемы могут быть вызваны отсутствием контента или интерактивности. Учитывайте влияние этих факторов во время тестирования и при анализе результатов.</section> <div id="adfox_164786071391256813"></div> <script> window.yaContextCb.push(() => { Ya.adfoxCode.createAdaptive({ ownerId: 332443, containerId: 'adfox_164786071391256813', params: { p1: 'ctdwx', p2: 'gxmy' } }, ['desktop', 'tablet', 'phone'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) </script> <div class="pagination">  <a href="https://fb2.top/seo-dlya-chaynikov-588598/read/part-3" class="btn btn-outline-dark btn-block btn-lg mr-1">< Назад</a> <a href="#" class="btn btn-outline-dark btn-block btn-lg mx-1 mt-0" data-toggle="modal" data-target="#modalContents"></a> <a href="https://fb2.top/seo-dlya-chaynikov-588598/read/part-5" class="btn btn-outline-dark btn-block btn-lg mt-0 ml-1">Далее ></a>  </div> </div> <div class="d-none d-lg-block col-lg-4 col-xl-4"> <div class="sidebar"> <div class="sidebar-inner"> <div class="sidebar-box tg mt-3 mt-lg-0 "> <div class="sidebar-content"> <div class="sidebar-title"><img src="/img/tg_logo_32.png"> ТЕЛЕГРАМ</div> Канал с обзорами, анонсами новинок и книжными подборками <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/duosoft_books" onclick="ym(67247512,'reachGoal','5');"><img src="/img/vestnik.knig-32.jpg"> Книжный Вестник</a> <div class="grey-line mb-3"></div> Бот для удобного поиска книг (если не нашлось на сайте) <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/fb2top_bot" onclick="ym(67247512,'reachGoal','6');"><img src="/img/bot-32.jpg"> Поиск книг</a> <div class="grey-line mb-3"></div> Свежие любовные романы в удобных форматах <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/newlovebooks" onclick="ym(67247512,'reachGoal','7');"><img src="/img/newlovebooks-32.jpg"> Любовные романы</a> <div class="grey-line mb-3"></div> О психологии, саморазвитии и личностном росте <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotpsychologybooks " onclick="ym(67247512,'reachGoal','21');"><img src="/img/hotpsychologybooks-32.jpg"> Саморазвитие</a> <div class="grey-line mb-3"></div> Детективы и триллеры, все новинки <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotdetectivebooks" onclick="ym(67247512,'reachGoal','14');"><img src="/img/DETECTIVE-32.jpg"> Детективы</a> <div class="grey-line mb-3"></div> Фантастика и фэнтези, все новинки <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/hotfantasticbooks" onclick="ym(67247512,'reachGoal','15');"><img src="/img/fantasy-32.jpg"> Фантастика</a> <div class="grey-line mb-3"></div> Отборные классические книги <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/freeclassicbooks" onclick="ym(67247512,'reachGoal','16');"><img src="/img/classicbooks-32.jpg"> Классика</a> </div> </div> <div class="sidebar-box vk mt-3"> <div class="sidebar-content"> <div class="sidebar-title"><img src="/img/vk.png"> ВКОНТАКТЕ</div> Цитаты, афоризмы, стихи, книжные подборки, обсуждения и многое другое <a class="vk-btn" rel="nofollow" target="_blank" href="https://vk.com/duosoft_books" onclick="ym(67247512,'reachGoal','9');"><img src="/img/vestnik.knig-32.jpg"> Книжный Вестник</a> </div> </div> <div class="sidebar-box insta mt-3"> <div class="sidebar-content"> <div class="sidebar-title"> БИБЛИОТЕКИ</div> Библиотека с любовными романами, которая наверняка придётся по вкусу женской части аудитории <a class="insta-btn" target="_blank" href="https://ladylib.top"><img src="/img/newlovebooks-32.jpg"> Любовные романы</a> <div class="grey-line mb-3"></div> Библиотека с фантастикой и фэнтези, а также смежных жанров <a class="insta-btn" target="_blank" href="https://fictionbooks.top"><img src="/img/fantasy-32.jpg"> Фантастика</a> <div class="grey-line mb-3"></div> Самые популярные книги в формате фб2 <a class="insta-btn" target="_blank" href="https://фб2.рф"><img src="/img/classicbooks-32.jpg"> Топ фб2 книги</a> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="modalContents" tabindex="-1" aria-labelledby="modalContentsTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title p-0">Оглавление</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> × </button> </div> <div class="modal-body"> <a rel='nofollow' href='/abuse?bookId=588598'> Пожаловаться</a><ul class='pl-2'><li class='mg-0 mt-3 mb-3'><a href='https://fb2.top/seo-dlya-chaynikov-588598'>К описанию</a></li><li class=' mt-1 mg-1'><a href='/seo-dlya-chaynikov-588598/read/part-1#1'>Начало книги</a></li><li class=' mt-1 mg-1'><a href='/seo-dlya-chaynikov-588598/read/part-2#2'> *** </a></li><li class=' mt-1 mg-1'><a href='/seo-dlya-chaynikov-588598/read/part-3#3'> *** </a></li><li class='actual mt-1 mg-1'><a href='/seo-dlya-chaynikov-588598/read/part-4#4'> *** </a></li><li class=' mt-1 mg-0'><a href='/seo-dlya-chaynikov-588598/read/part-5#5'> *** </a></li></ul> </div> </div> </div> </div> <div class="modal fade" id="modalNote" tabindex="-1" role="dialog" aria-labelledby="modalNotesTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> закрыть </button> </div> </div> </div> </div> <div id="reader_nodes" class="d-none"> </div> <div id="loader-fullscreen"> <div class="d-flex justify-content-center align-items-center"> <div class="spinner-border" role="status"> Загрузка... </div> </div> </div> <input name="bookId" type="hidden" value="588598"> <input name="from_cache" type="hidden" value="0"> </div> <footer id="footer"> <div class="container menu-row"> <div> <a id="btn-zoom-plus" class="pl-1" href="#"></a> <a id="btn-zoom-minus" class="pl-3" href="#"></a> <a id="btn-moon" class="pl-3" href="#"></a> <a id="btn-sun" class="pl-3" href="#"></a> </div> <div> </div> <div> <a class="tg btn px-1 d-inline d-lg-none" rel="nofollow" target="_blank" href="https://vk.com/duosoft_books" onclick="ym(67247512,'reachGoal','9');"><img src="/img/vk.png" class="img-fluid" alt="Наш паблик в ВК" title="Наш паблик в ВК"></a> <a class="tg btn px-1 d-inline" rel="nofollow" target="_blank" href="https://t.me/duosoft_books" onclick="ym(67247512,'reachGoal','5');"><img src="/img/tg_logo_32.png" class="img-fluid" alt="Наш Телеграм канал" title="Наш телеграм канал"> Наш канал</a> </div> </div> </footer>  <link rel="stylesheet preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" as="style" type="text/css"/>  <script src="/lib/jquery-3.6.0.min.js" defer></script> <script src="/lib/bootstrap-4.6.0/js/bootstrap.min.js" defer></script> <script src="/lib/lib.js?v=2" defer></script> <script src="/js/model/settings.js" defer></script> <script src="/js/reader.js?v=20" defer></script>  <script type="text/javascript"> (function (m, e, t, r, i, k, a) { m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) }; m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a) }) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(67247512, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true }); </script> <noscript> <div><img src="https://mc.yandex.ru/watch/67247512" style="position:absolute; left:-9999px;" alt=""/></div> </noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-177760544-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-177760544-1'); </script> <div class="modal fade" id="modalSocials" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title p-0">Нравится библиотека?</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> × </button> </div> <div class="modal-body"> Присоединяйтесь к нашим литературным сообществам! <a class="vk-btn" rel="nofollow" target="_blank" href="https://vk.com/duosoft_books" onclick="ym(67247512,'reachGoal','17');"><img src="/img/vk.png"> ВКОНТАКТЕ</a> <a class="tg-btn" rel="nofollow" target="_blank" href="https://t.me/duosoft_books" onclick="ym(67247512,'reachGoal','19');"><img src="/img/tg_logo_32.png"> В ТЕЛЕГРАМ</a> </div> </div> </div> </div> <div id="adfox_166480280077036586"></div> <script> setTimeout(() => { let shouldReload = true; window.yaContextCb.push(() => { Ya.adfoxCode.createAdaptive({ ownerId: 332443, containerId: 'adfox_166480280077036586', onClose: function (event) { shouldReload = false; }, type: 'floorAd', params: { p1: 'cvxjf', p2: 'heya' } }, ['phone'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }); setInterval(function () { if (shouldReload) { window.Ya.adfoxCode.reload('adfox_166480280077036586', {onlyIfWasVisible: true}); } }, 30000); }, 5000) </script> <div id="adfox_16996237345594861"></div> <script> if (screen.width >= 830) { window.yaContextCb.push(() => { Ya.adfoxCode.createAdaptive({ ownerId: 332443, type: 'floorAd', platform: 'desktop', containerId: 'adfox_16996237345594861', params: { p1: 'dabiu', p2: 'iqvg' } }, ['desktop', 'tablet'], { tabletWidth: 830, phoneWidth: 480, isAutoReloads: false }) }) } </script> </body> </html>