Плохо для SEO, UX и бизнеса

Я говорю своим клиентам две вещи, чтобы организовать органические поисковые дискуссии о контенте и пользовательском опыте:

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

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

По данным Google, показатели отказов увеличиваются на 32%, когда время загрузки сокращается с 1 до 3 секунд. Кроме того, согласно Pingdom, показатели отказов резко увеличиваются на 3-й секунде, в то время как количество просмотров страниц также падает.

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

Проблема, с которой я чаще всего сталкиваюсь с брендами, заключается в том, что они разрабатывают свои веб-сайты таким образом, что это мешает цели «один клик или меньше». Они включают в свои проекты такие вещи, как:

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

Все эти элементы дизайна (и другие) снижают удобство работы пользователей, оптимизацию конверсии и стандарты доступности.

Примеры плохого дизайна и UX

В обоих этих примерах показана кинолента загрузки страницы с течением времени на WebPageTest.org, популярном сайте для тестирования времени загрузки, рекомендованном некоторыми сотрудниками Google. В обоих примерах я моделирую смартфон Galaxy S7 через соединение LTE.

Благотворительный сайт

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

В тестах, которые я проводил, в окне просмотра ничего не появлялось до 3-х секунд загрузки. CTA в верхней части страницы виден, но отображается только альтернативный текст логотипа. Некоторый текст трудно читать, потому что он светло-серый; он предназначен для отображения в качестве наложения на более темное видео.

Посетители могут даже не заметить, что они на правильном сайте, потому что логотип не отображается до 4,5 секунды после загрузки, а альтернативный текст трудно прочитать.

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

Сайт известного бренда

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

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

Вот подсказка: Если вам нужно включить какой-то таймер загрузки, чтобы люди знали, что что-то в пути, это слишком много.

Отчасти причина того, что отображение контента занимает много времени, заключается в том, что для загрузки одного пользовательского шрифта требуется около 4 секунд. Текст не появляется до 6 секунд загрузки, и это только уведомление о файлах cookie.

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

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

Почему случается плохой UX

Когда я разговариваю с дизайнерами и разработчиками о подобных проблемах, мне часто приводят одни и те же оправдания:

• «Все остальные проектируют свои веб-сайты таким образом». Такое оправдание не работало, когда мы были детьми. Почему некоторые взрослые считают, что это приемлемо?
• «Поисковые системы несправедливы в том, как они оценивают время загрузки. Наши инструменты говорят нам, что все в порядке». Есть много причин полагать, что поисковые системы несправедливо оценивают время загрузки. В конце концов, это действительно не имеет значения. Если мы хотим конкурировать, мы должны быть быстрее!
• «Но… брендинг!» Да, брендинг важен. Но так ли важно рисковать потерей потенциальных клиентов из-за слишком медленной работы сайта?

Избегайте этих ловушек

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

Это поможет привлечь больше внимания из обычных результатов поиска и увеличить бизнес.

---

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

---