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

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

Данная статья будет посвящена рассмотрению юзабилити сайта сквозь призму эффективного 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

Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • usbaudit
    1
    комментарий
    0
    читателей
    usbaudit
    больше года назад
    Много дельного сказано в этой статье. Я бы не согласился с тем, что юзабилити опирается на статистику посещаемости.
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
32 инструмента в помощь SEO-специалисту
Игорь
1
комментарий
0
читателей
Полный профиль
Игорь - отличная подборка, сам многим из этих сервисов пользуюсь (ETXT, TEXT.RU, Адаптивность, Pingdom Website Speed Test, Google PageSpeed Tools, 2IP, Whois, Букварикс) Правда не мог найти достойного кластеризатора, но потом наткнулся на вот этот seoquick.com.ua/keyword-grouping/ не сочтите за рекламу:) Было бы интересно услышать ваше мнение о нем. Мне очень даже зашел, из-за скорости работы. Как говорит автор - 100 000 запросов за несколько минут. Я с такими цифрами правда не работал, обычно это до 30 000 точно, но работает очень быстро и в правду. Ну и бесплатно, думаю, это был еще один решающий фактор для меня
Исследование: влияние smart-ссылок на продвижение по СЧ-запросам
Анатолий Шевчик
1
комментарий
0
читателей
Полный профиль
Анатолий Шевчик - +1097988
Не очень удачный кейс продвижения сайта по услуге «Трезвый водитель» в Москве
Александр Селенков
1
комментарий
0
читателей
Полный профиль
Александр Селенков - Работа проделана огромная. Интересный кейс, все детально и понятно изложено.
Все, что нужно SEO-специалисту. Обзор инструментов
Администратор Сайта
1
комментарий
1
читатель
Полный профиль
Администратор Сайта - Шаришь в seo! Сервис реально хороший
Два идеальных способа разориться на старте интернет-магазина
Стас
4
комментария
0
читателей
Полный профиль
Стас - Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
SEO глазами клиентов 2018
Мария Рогачева
2
комментария
0
читателей
Полный профиль
Мария Рогачева - Никита, в этом вы правы. В каком-то смысле мы оказались заложниками названия. Когда запускали рейтинг, было одно сплошное SEO, сейчас же сложно найти агентства, которые специализируются только на SEO. Не учитывать другие каналы продвижения стало просто неправильно.  Активно думаем в этом направлении.  Спасибо вам за отзыв и внимание к рейтингу! 
4 способа быстро собрать теги для сайта
Рустем Низамутинов
5
комментариев
0
читателей
Полный профиль
Рустем Низамутинов - Расписал и закинул в Google Docs, а то здесь в комментариях ссылки на активны. docs.google.com/document/d/1r0TZLNrQyYLdIzDQsD5YKlMG41HUGQgEep3bxE_ij-M/edit?usp=sharing
Яндекс перестал индексировать сайты, созданные на Wix
Константин Даткунас
3
комментария
0
читателей
Полный профиль
Константин Даткунас - Было бы интересно посмотреть саму выборку из 10 000 и методику анализа.
Как мы разработали и вывели в ТОП сайт курсов рисования
Иван Стороженко
25
комментариев
0
читателей
Полный профиль
Иван Стороженко - Добрый день. 1)Чаще всего основная проблема заключается, в согласовании с клиентом добавляемого контента и то как он будет отображаться. На данном сайте фото и услуги конечно предоставлял клиент, все остальное уже делали мы. 2)Да в принципе, когда есть команда и понимание, что нужно делать, все идет быстро (опять же основная заминка идет на согласовании с клиентом) 3)Смысла делать новый в данном случает нет. В принципе доделывался полноценный сайт. 4)Когда клиент уже не предоставляет информацию, приходится искать у конкурентов (например с других стран или регионов). Но чаще всего клиент, хоть что-то "подкидывает".
Эксперимент: как уникальность контента влияет на продвижение сайта
Гоша
4
комментария
0
читателей
Полный профиль
Гоша - Ну да! Тырить легче, чем самому писать... Или хотя бы заказать. Ещё и хвастаемся. Поисковики - не дураки - найдется фильтр и на тех, что воруют чужой контент. Еще немного... еще чуть-чуть. Получается, если ты украл в магазине - ты вор, а если в интернете - ты предприниматель. Успеха!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
329
Комментариев
262
Комментариев
235
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
86
Комментариев
80
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54
Комментариев
53

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