Издание о поисковом маркетинге
и заработке в Интернете
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Юзабилити сайта и SEO: что общего?

Россия +7 (495) 960-65-87
Шрифт:
1 11396

Данная статья будет посвящена рассмотрению юзабилити сайта сквозь призму эффективного SEO. Наука юзабилити (удобство сайта с точки зрения посетителя) рассматривает дизайн сайта с точки зрения простоты его использования.

Память – это часть юзабилити. Именно поэтому навигация сайта должна быть разработана так, чтобы она была удобна для каждого посетителя сайта. Появляющиеся одновременно реклама, картинки, мелькающие элементы дизайна раздражают не только зрение, но и психику. Все это значительно затрудняет чтение текста, а, соответственно, и его восприятие.

Почему это не работает лучше? Почему бы не сделать все намного проще? Всем, кто когда-либо задавался подобными вопросами, посвящен Международный День Юзабилити (03.11). Этот праздник, отмечаемый более чем в 30 странах мира, пропагандирует качественную разработку юзабилити сайта, дизайн, предполагающий, в первую очередь, удобство для пользователя и возможность активного участия самих пользователей по улучшению юзабилити. Профессиональная Ассоциация Юзабилити активно работает над этим на местном уровне по всему миру.

Юзабилити сайта имеет дело с простотой навигации и дизайном сайта. Не следует забывать, что некоторые положения юзабилити сайта имеют прямое отношение к индексации сайта поисковыми роботами.

Навигация

«Навигационная тропа» - последовательность посещаемых пользователем и поисковым роботом страниц сайта во время одного посещения.

Текстовые ссылки (Text Links)
Одной из лучших систем навигации является система, включающая текстовые ссылки и для юзабилити, и для SEO. Спрятанные в JavaScript ссылки или другой нечитабельный код не позволяют поисковой системе следовать навигационной системе сайта, а также это затрудняет его (сайта) использование. Лучшим решением могут стать дополнительные текстовые ссылки для пользователей и поисковых систем.

Ссылочный текст (Anchor text)
Ссылочный текст – это слова, использованные в гиперссылке, указывающие пользователю другую страницу или сайт. Специалисты SEO подтвердят, насколько важен ссылочный текст для оптимизации, т.к. это дополнительная возможность использования ключевых слов. С точки зрения юзабилити, это тоже немаловажно, т.к. он направляет пользователя по ссылке на определенную страницу, кратко сообщая тему.

«Хлебные крошки» (Breadcrumbs)
Термин, пришедший из сказки братьев Гримм, означает навигацию, благодаря которой пользователь всегда без особого труда может определить свое местонахождение на сайте и без труда вернуться на предыдущую страницу, не используя кнопку «BACK». «Хлебные крошки» предоставляет поисковым машинам возможность легко передвигаться по всем страницам сайта.

Заголовки (Titles)
Четкие и лаконичные заголовки помогут не только правильно сообщить пользователям о тематике сайта, но и помогут поисковым системам определить релевантность сайта его проиндексированным страницам. У поисковиков есть возможность сканировать контекст веб-страниц и определять уместность заголовка теме. Заголовки должны быть короткими, четкими и, что самое главное, строго соответствовать контенту страницы.

Директории и уровни

По статистике пользователям больше нравится посещать те сайты, где не нужно делать больше пары кликов от домашней странички, чтобы найти нужную информацию. Если для этого от пользователя требуется сделать дюжину кликов, очень велика вероятность того, что скоро он покинет сайт в поисках более удобного.

Практически то же самое происходит и с поисковыми роботами, они обходят сайт лишь несколько уровней директорий вглубь сайта. И в случае, если основная информация находится глубоко в структуре сайта, следует помнить, что эти страницы не будут быстро, а, возможно, и совсем проиндексированы. Даже если на сайте хорошая навигационная система и «хлебные крошки» на месте, роботам достаточно сложно обходить глубоко расположенные страницы.

Шрифты и заголовки

Размер и цвет шрифта
Использование очень мелкого шрифта сильно затрудняет чтение текста, многие пользователи даже не станут пробовать это делать, и покинут сайт. К тому же, поисковые системы отдают предпочтение крупному тексту. Важно также, чтобы пользователь мог прочесть текст, не напрягая зрение из-за цвета шрифта или фона. Подобное неудобство могут вызывать появляющиеся, прокручивающиеся и мигающие элементы текста. Для поисковых систем они не имеют никакого значения, поэтому лучше избегать их использования.

Заголовки
WWW-консорциум рекомендует использование тегов заголовка в формате HTML-документа. Использование тегов <H1>-<H6> позволяет разграничивать разделы страницы и привлекать к ним внимание пользователей. Большинство поисковых систем рассматривают подобные заголовки как важные составляющие контента страницы. В прошлом это было запрещено, однако, сегодня поисковики по-другому рассматривают данный вопрос. Поэтому деление страницы на разделы имеет преимущество не только в структурно-организационном плане, но и в навигационном, как для пользователя, так и для поисковых систем.

Четкий дизайн

Лаконичный и структурированный дизайн является обоюдовыгодным решением, как для пользователей, так и для поисковых машин. Сайты, дизайн которых максимально прост и незамысловат, обычно чаще посещаются и обходятся ботами, т.к. нужную информацию на сайте легко и просто найти.
Четко структурированные и соответствующие HTML-коды позволят веб-дизайнерам легко вносить необходимые изменения в контент.

Дополнительные теги
Есть предположение, что тег <font> будет использоваться все реже и реже, а все большее количество браузеров будут соответствовать CSS-стандартам. Такие теги, как <b> и <i>, будут заменены другими. В интересах пользователя минимально использовать их. Например, вместо тега для ячейки таблицы, имеющего следующий вид:

<td><td width=”350” height=”200”><td align=”center”>,

лучше использовать такой:

<td width=”350” height=”200” align=”center”>.

При использовании HTML-редактора, например, FrontPage, могут добавиться дополнительные теги, в случае если потом нужно будет что-нибудь изменить. Тогда как редакторы типа DreamWeaver сгруппируют их. Объединение тегов не только лучше приветствуется поисковыми системами, но и делает кодировку более четкой, что упрощает дальнейшие апдейты.

Скрипты
Ранее уже упоминалось, что использование JavaScript-ссылок или встроенных ссылок затрудняет обход сайта поисковыми ботами. Однако данный код в секциях <head> и <body> помогут более интенсивно использовать ресурсы сайта при обходе.

CSS
CSS или каскадные таблицы стилей представляют собой очень удобный язык для поисковых систем. В секции <head> страницы сайта не обязательно иметь CSS, потому как можно просто сделать ссылку на внешние файлы CSS-страницы.

Расположение контента на страницах

Практически все читают слева направо и сверху вниз. Пользователи как бы сканируют, просматривают первые абзацы страницы, чтобы определить та ли это страница, которая им нужна. Подобным образом можно описать действия поисковой системы: текст воспринимается слева направо и сверху вниз. Поисковая система определяет контент, расположенный в левой верхней части страницы как более важный, чем тот, что находится внизу и в правой части страницы.

Результаты маркетинговых исследований демонстрируют, что отношение пользователей к контенту, в зависимости от его расположения на странице, практически не отличается от поисковых систем. В соответствии с этим, Google, на основе рекламы в AdWords, проанализировал и протестировал более выгодные площадки для ее размещения.

Карта сайта
Существует несколько причин того, для чего нужна карта сайта. Хорошая карта сайта позволит пользователю легко и быстро найти интересующую его информацию, а поисковым системам поможет лучше проиндексировать весь сайт. Всегда приветствуется группировка страниц сайта по тематике и разделам. Если сайт предлагает товары и услуги или представлен такими разделами, как статьи, новости, товары, услуги, то, безусловно, будет лучше размещать их в различных тематических группах. Если Вы обнаружите, что на одну страницу имеется более 50 ссылок, нужно разбить карту сайта на несколько страниц, сгруппированных по разделам.

Хороший дизайн карты сайта является неотъемлемой частью юзабилити всего сайта, это также поможет пользователю без особого труда добраться до нужной ему страницы или разделу. Еще одним необходимым условием является наличие прямой текстовой ссылки с карты сайта на домашнюю страницу. Это имеет большое значение, т.к. первое, на что поисковый робот обращает внимание, - это наличие ссылки карты сайта. Во многом от этого будет зависеть и юзабилити, и оптимизация сайта.

Необходимая статистика для юзабилити

Статистика сайта поможет определить наиболее часто посещаемые разделы и страницы, это подскажет возможные пути дальнейшего совершенствования сайта. Статистика навигации сайта поможет определить страницы сайта, передвижение по которым вызывает у пользователей трудности.

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

Подводя итог всему вышесказанному, отметим, что дизайн сайта, отвечающий потребностям и пользователей, и поисковых машин, возможен. Существует большое количество приемов и инструментов, использование которых позволит сделать сайт более доступным и «дружелюбным» для поисковых систем, например, внешние таблицы стилей, четко заданная кодировка, простая навигационная система. Тесная связь юзабилити сайта и эффективного SEO четко прослеживается и не требует дополнительных доказательств. А главное - это не утопическая теория, а вполне реально осуществимая задача.

По информации www.seochat.com

internet-dlya-biznesa
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
  • usbaudit
    1
    комментарий
    0
    читателей
    usbaudit
    больше года назад
    Много дельного сказано в этой статье. Я бы не согласился с тем, что юзабилити опирается на статистику посещаемости.
    -
    0
    +
    Ответить
    Поделиться
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Пишем биддер для Google AdWords из 10 строчек
Anton Stremovskyy
2
комментария
0
читателей
Полный профиль
Anton Stremovskyy - // Позиция рекламного объявления которую пытаемся занять. var TARGET_AVERAGE_POSITION = 3; // Когда позиция обьявления будет между TOLERANCE и TARGET_AVERAGE_POSITION, // Ее ставка не будет изменена. var TOLERANCE = 0.1; // Значение для корректировки ставки (1.05 = 5%). var BID_ADJUSTMENT_COEFFICIENT = 1.05; function main() { raiseKeywordBids(); lowerKeywordBids(); } function raiseKeywordBids() { // Условие для увеличения ставки: Средняя позиция больше (хуже) чем // TARGET_AVERAGE_POSITION + TOLERANCE var keywordsToRaise = AdWordsApp.keywords() .withCondition("Status = ENABLED") .withCondition("AveragePosition > " + (TARGET_AVERAGE_POSITION + TOLERANCE)) .orderBy("AveragePosition ASC") .forDateRange("LAST_7_DAYS") .get(); while (keywordsToRaise.hasNext()) { var keyword = keywordsToRaise.next(); keyword.setMaxCpc(keyword.getMaxCpc() * BID_ADJUSTMENT_COEFFICIENT); } } function lowerKeywordBids() { // Условия для снижения ставки: Ctr больше чем 1% и // средняя позици лучше (меньше) чем TARGET_AVERAGE_POSITION - TOLERANCE var keywordsToLower = AdWordsApp.keywords() .withCondition("Ctr > 0.01") .withCondition("AveragePosition < " + (TARGET_AVERAGE_POSITION - TOLERANCE)) .withCondition("Status = ENABLED") .orderBy("AveragePosition DESC") .forDateRange("LAST_7_DAYS") .get(); while (keywordsToLower.hasNext()) { var keyword = keywordsToLower.next(); keyword.setMaxCpc(keyword.getMaxCpc() / BID_ADJUSTMENT_COEFFICIENT); } }
Тест: проверь свои знания по SEO
Гость - Ну вот и плохо что в каноникалах ты не сечешь, тестировщик. Ни пользоваться ими не умеешь ни назначения не знаешь. За то кого-то там "тестируешь".
Золотое правило SEO: хватит технарствовать – пора фигачить!
Рустем Фахрутдинов
14
комментариев
0
читателей
Полный профиль
Рустем Фахрутдинов - На самом деле, мы сделали почти всё :) А в статье - пример того, как это удалось чуть позже автоматизировать.
Ссылки все еще работают?
Roman Popov
41
комментарий
0
читателей
Полный профиль
Roman Popov - Но это ведь совсем другая история! =)) По коммерческим запросам такими вещами заниматься не следует. По информационным - можно, вероятность схватить по голове тут довольно маленькая даже при злоупотреблениях.
100 полезных ресурсов, без которых не обойтись начинающему SEO-специалисту
Игорь Ходырев
1
комментарий
0
читателей
Полный профиль
Игорь Ходырев - От души. Действительно самые полезные ресурсы. Использую 90% из перечисленного. Кокшаров и Шахов - лучшие!
Мастер-класс: как составить файл sitemap.xml
Айрат Рахимзянов
0
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Здравствуйте Максим. Возможно, вам будет интересна новая статья: www.seonews.ru/analytics/metody-bystroy-indeksatsii-sayta/
Энциклопедия интернет-маркетинга: составляем корректный robots.txt своими руками
Kirill Terentiev
10
комментариев
0
читателей
Полный профиль
Kirill Terentiev - "Недокументированные" возможности robots.txt Можно разместить вакансию, например. # Приглашаем на работу SEO-специалистов: оптимизаторов, аккаунт-менеджеров hh.ru/employer/18738 User-agent: * Disallow:
Кейс: +1500000 трафика для игрового портала
Гость - Вопрос - какова ориентировочная стоимость заказа на проведение работ по оптимизации игрового сайта в объеме всего вышеприведенного?
Секреты быстрой индексации в Яндекс и Google
Гость - Игорь, давно не слышал от вас ничего дельного по seo, только и умеете, что других высмеивать - то на конференции, то в комментариях. Если вы такой умный, что же не публикуете тут свои статьи? Боитесь, что также высмеют?
Верните мой 2007, или Как SEO-специалисты возрождают традиции продвижения из нулевых
Гостьc - Нужно анализировать акцептора, если он имеет позиции в поисковой системе, значит метод работает
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
172
Комментариев
171
Комментариев
137
Комментариев
132
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
92
Комментариев
80
Комментариев
68
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
45
Комментариев
44
Комментариев
44

Отправьте отзыв!
Отправьте отзыв!