Юзабилити сайта

Руководство по юзабилити (usability) сайта и оптимизации страниц

Юзабилити (Википедия) –  способность продукта быть понимаемым, изучаемым, используемым и привлекательным для пользователя в заданных условиях

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

Так как же они соотносятся друг с другом?

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

Например, если вы ищете «кости динозавров» и наткнулись на сайт, который медленно загружается, не имеет каких-либо полезных и достоверных данных о динозаврах или их костях, на нем трудно ориентироваться – вы быстро его покинете и пойдете искать информацию на других сайтах. И поисковые машины поймут, что для вас с вашими запросами (кости динозавров) этот сайт не ценен.

Конечно, не все так просто, но общий принцип именно такой.

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

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

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

Содержание

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

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

Alt-Text для изображений

При использовании изображений в GIF, PNG или JPG формате, вы можете добавить атрибут «Alt», который может быть использован в качестве описания визуального контента для поисковых систем. Это, на самом деле более важно для удобства использования, чем для SEO — попробуйте серфинг в Интернете с помощью браузера для слепых — они очень зависят от таких вещей, как alt-теги.

Обеспечение Транскрипции для видео и аудио контента

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

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

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

Теги заголовков

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

Теги заголовков состоят из 6 групп: H1, H2, H3, H4, H5 и H6.
Числа приравниваются к важности, начиная с первых тегов. Тег H1 является самыми важным, а тег H6 наоборот.
Исследования показывают, что поисковые системы придают большее значение словам, которые стоят между высшими тегами, такими как Н1 и Н2, чем словам, которые находятся между тегами Н3 и ниже.

Ключевые слова в тегах заголовков

Ставить или нет ключевые слова в тегах заголовка или URL сейчас не так важно (хотя раньше это было крайне необходимо). Тем не менее, некоторые ведущие исследовательские агентства утверждают, что «наличие ключевых слов в названии, описании и в тегах H1 и H2 улучшают практику, но они не должны быть чрезмерно оптимизированы».

Мета описание

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

Правильное отображение мета-описаний в поисковых системах

Правильное отображение мета-описаний в поисковых системах

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

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

Если нет какого-либо доступного мета-описания, поисковые системы используют другие элементы страницы, чтобы создать фрагмент кода. Они не всегда делают это корректно, и ваша задача – исправить их «самодеятельность»

Собственные структуры URL

Еще один важный аспект, который касается как юзабилити сайта и оптимизации страниц – структура URL.

Есть два типа URL структур: динамические и статические.

Статический URL: www.вашсайт.com/blog/apple-juice
Динамический URL: www.вашсайт.com/?p=56789744

Как вы можете видеть, динамические URL-адреса не имеют каких-либо ключевых слов, которые могут быть поняты людьми (и поисковыми роботами тоже). Поисковые системы отдают предпочтение статическим URL-адресам, сайты с такими адресами занимают более высокие позиции, в отличии от динамических.

Рекомендации для URL-структур

Семантика

Собственная URL структура должна иметь смысл. Например, «www.вашсайт.com/blog/apple-juice» является примером URL структуры, которая имеет смысл для человеческого глаза — мы понимаем, что URL-адрес должен привести нас в блог, который имеет содержание про яблочный сок (англ. apple juice). А вот «www.вашсайт.com/?p=578544» ничего не говорит нам.

Иметь четкий URL адрес полезно и для человека и поисковых систем.

Дефисы

Используйте дефис для разделения слов вместо подчеркивания. Поисковые системы чтения используют черточки как способ отделить слова, поэтому apple_juice будет читаться поисковой системой как applejuice.

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

Длина

Согласно последним исследованиям, средняя длина URL из топ-10 имеет 36 символов, это означает, что простота является ключевым фактором.

Соответствующие URL-адреса

Другая выгода от наличия семантически правильного URL –  веб-мастера получают больше трафика из поисковой системы по причине наличия ключевых слов в URL. Они работают как теги заголовков, которые используются для определения релевантности и вычисления рейтинга.

Ключевые слова в URL

Google не добавляет много (если таковые имеются) веса ключевым словам в URL-адресах, однако они служат целям, имеющим отношение к удобству использования, и взаимодействуют с поиском. К сожалению, до сих пор это правило работает только для англоязычных слов. Поэтому крайне рекомендовано не использовать кириллицу в URL, а для наилучшего ранжирования использовать правильный транслит (если делается упор на Яндекс) или перевод на английский язык (если упор на Гугл).

Неправильно: www.вашсайт.com/blog/яблочный-сок

Правильно для Яндекс: www.вашсайт.com/blog/yablochnyj-sok

Правильно для Google www.вашсайт.com/blog/apple-juice

Для правильной транслитерации с кириллицы можно использовать онлайн-сервис http://translit-online.ru

Оптимизированные внутренние ссылки

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

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

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

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

301 редирект

Что происходит, когда вам нужно переместить содержимое из одного URL на другой? 301 редирект является постоянным редиректом, который считается лучшим подходом для переадресовки в большинстве случаев.

301 указывает поисковым ботам и браузерам, что страница была перемещена на постоянной основе. Поисковые системы понимают, что содержание (или обновленный вариант) можно найти на новом URL адресе, и перенаправят весь вес с исходной страницы на новый URL-адрес.

Дизайн сайта для удобства использования

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

Как пользователи взаимодействуют с вашим сайтом

Когда посетители попадают на ваш сайт, важно отметить то, как они взаимодействуют с ним. И да, они редко читают всю страницу. Вместо этого они сканируют.

Для анализа поведения можно успешно использовать Яндекс Метрику и её инструмент «Вебвизор» Там, где Вебвизор показывает красные (или «горячие») области, посетители и фокусируют большую часть своего внимания, а поскольку они просматривают соответствующие ключевые слова, информацию или ссылки, вы можете быть уверены, что пользователи в состоянии быстро перемещаться и использовать ваш сайт.

Для оптимального удобства, ваш сайт должен иметь следующие характеристики:

  • Ясную, понятную навигацию
  • Точную подачу текстовой информации
  • Функцию поиска
  • Видимую и продуманную структуру

Всплывающие окна

Ещё в 2004 году был опубликован интересный опрос, который показал, что 95% пользователей ненавидят всплывающие окна, а 69% используют блокировки всплывающих окон. Более 10 лет спустя, в 2017 году, опрос, проведенный тем же исследовательским агентством, показал, что аргументы против всплывающих окон по-прежнему сохраняются, большинство людей раздражаются при их появлении и используют различные блокировщики рекламы и всплывающих окон.

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

Решение принимать вам – что для вас важнее, качество обслуживания клиентов или подписчики электронной почты?

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

Хороший пример всплывающего окна

Хороший пример всплывающего окна


Плохой пример всплывающего окна

Плохой пример всплывающего окна

Мобильная Оптимизация

С каждым годом все больше и больше людей используют мобильные устройства и планшеты для доступа к Интернету. По состоянию на конец 2017 года 70% мирового интернет-трафика составил мобильный трафик, и, если учесть, что в 2009 году мобильный трафик составлял только 0,7% мирового интернет-трафика, увеличение за 8 лет составило более 10000%.

Так как все больше и больше пользователей обращаются к мобильникам, поисковые системы ввели мобильную оптимизацию в результаты ранжирования. А с мая 2016 года Google увеличил влияние алгоритма mobile-friendly при формировании поисковой выдачи.

Но не волнуйтесь – Google давно уже создал удивительный инструмент PageSpeed ​​Insights, который можно использовать, чтобы проанализировать, насколько хорошо ваш сайт оптимизирован для мобильных устройств. Инструмент не просто покажет вам, насколько ваш сайт оптимизирован, но и то, как и где вы можете исправить неполадки.

Адаптивный веб-дизайн

Есть три основных типа конфигураций веб-сайтов: адаптивный, динамичный и отдельная конфигурация сайта. В то время как каждый из них имеет свои преимущества и недостатки, Google, Яндекс и другие поисковики предпочитают адаптивный дизайн (хотя при должной разработке они поддерживают все 3 варианта).

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

Скорость загрузки страниц

Средняя скорость загрузки сайтов из первой десятки в поисковой выдаче равняется 0,99 секунды. Однако исследования показывают, что большинство пользователей мобильного Интернета ожидают загрузку страниц гораздо дольше, но их терпение, как правило, составляет 6 – 10 секунд. Из-за проблем с подключением и разницы в устройствах гарантия того, что ваш сайт быстро загрузится, еще более важна для мобильных пользователей, чем для пользователей настольных компьютеров.

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

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

Обновление сайта

Почему так важно, чтобы ваш сайт обновлялся?

  • Свежий контент. Люди не читают один и тот же материал снова и снова. Они возвращаются за чем-то новым.
  • В ногу с новыми технологиями. Интернет – быстро развивающееся пространство, необходимо развиваться, чтобы соответствовать ожиданиям аудитории, иначе останетесь позади.
  • Проверять, что сайт отлаженный. Ничто не проходит гладко само по себе, всегда есть что-то, что может пойти не так. Ваш хостинг, структуры файлов или неработающие ссылки – вы всегда должны регулярно проверять и оценивать свой сайт, чтобы убедиться, что он по-прежнему хорошо работает.

Вывод

Юзабилити сайта и SEO оптимизация страниц играют ключевую роль в создании вашего сайта. Хотя эти 2 темы кажутся отдельными друг от друга, мы видим, что такие элементы, как всплывающие окна, адаптивный дизайн и URL структура играют важные роли в обеих областях. Улучшая одно, не забывайте о другом.

Рекомендую также прочитать:

Чек лист рекламной кампании
facebook ads manual cover
facebook ads manual cover
facebook ads manual cover
facebook ads manual cover
facebook ads manual cover
facebook ads manual cover