Я говорю своим клиентам две вещи, чтобы организовать органические поисковые дискуссии о контенте и пользовательском опыте:
- Поисковые системы хотят предоставлять ответы своим пользователям в один клик или меньше.
- Если вы разрабатываете свой веб-сайт с идеей максимально эффективного получения ответов на вопросы посетителей, ваш сайт должен привлекать больше внимания в органическом поиске.
Поисковые системы должны радовать своих пользователей, чтобы сохранить и/или увеличить свою долю на рынке. Поэтому в их интересах отправлять людей на веб-сайты, которые, по их расчетам, обеспечат пользователям хороший опыт.
Показатели отказов увеличиваются на 32% когда время загрузки сократилось с 1 до 3 секунд, по данным Google. Также, показатель отказов резко возрастает на 3-й секундев то время как количество просмотров страниц также падает, согласно Pingdom.
Обе эти статистики немного устарели, но нет никаких доказательств того, что сегодня люди стали более терпеливыми.
Проблема, с которой я чаще всего сталкиваюсь с брендами, заключается в том, что они разрабатывают свои веб-сайты таким образом, что это мешает цели «один клик или меньше». Они включают в свои проекты такие вещи, как:
- Большие видео с автоматическим воспроизведением (иногда со звуком).
- Большие изображения героев которые выталкивают информационный контент далеко за пределы страницы (добавьте героев, которые вращаются в слайд-шоу, и опыт станет еще хуже).
- Пользовательские шрифты которые вряд ли были установлены на локальные машины их посетителей.
Все эти элементы дизайна (и другие) снижают удобство работы пользователей, оптимизацию конверсии и стандарты доступности.
Примеры плохого дизайна и UX
В обоих этих примерах показана кинолента загрузки страницы с течением времени на WebPageTest.org, популярном сайте для тестирования времени загрузки, рекомендованном некоторыми сотрудниками Google. В обоих примерах я моделирую смартфон Galaxy S7 через соединение LTE.
Благотворительный сайт
На главной странице этого веб-сайта есть большое видео с автоматическим воспроизведением, которое перемещает большую часть основного контента ниже сгиба.
В тестах, которые я проводил, в окне просмотра ничего не появлялось до 3-х секунд загрузки. CTA в верхней части страницы виден, но отображается только альтернативный текст логотипа. Некоторый текст трудно читать, потому что он светло-серый; он предназначен для отображения в качестве наложения на более темное видео.
Посетители могут даже не заметить, что они на правильном сайте, потому что логотип не отображается до 4,5 секунды после загрузки, а альтернативный текст трудно прочитать.
Если верить данным Google и Pingdom, вполне вероятно, что если кто-то не нажмет на CTA в верхней части страницы, он, скорее всего, уйдет, прежде чем получит основное сообщение этой организации.
Сайт известного бренда
На этом веб-сайте есть большое изображение главного героя, которое выдвигает контент ниже сгиба. а также пользовательский шрифт, который необходимо загрузить, прежде чем что-либо отобразится.
Из примера видно, что ничего, кроме гамбургер-меню, не отображается до 4-й секунды загрузки.
Вот подсказка: Если вам нужно включить какой-то таймер загрузки, чтобы люди знали, что что-то в пути, это слишком много.
Отчасти причина того, что отображение контента занимает много времени, заключается в том, что для загрузки одного пользовательского шрифта требуется около 4 секунд. Текст не появляется до 6 секунд загрузки, и это только уведомление о файлах cookie.
В целом, для полной загрузки этой страницы требуется более 10 секунд. Когда страница завершает загрузку, единственное, что вы можете увидеть, кроме основного изображения, — это уведомление о файлах cookie.
Честно говоря, в этих примерах происходит гораздо больше, чем большие видео, огромные герои и пользовательские шрифты. Есть также файлы JavaScript и CSS, стороннее отслеживание и многое другое, также мешающее потокам загрузки. Это, вероятно, тема для другого раза.
Почему случается плохой UX
Когда я разговариваю с дизайнерами и разработчиками о подобных проблемах, мне часто приводят одни и те же оправдания:
- «Все остальные проектируют свои веб-сайты таким образом». Такое оправдание не работало, когда мы были детьми. Почему некоторые взрослые считают, что это приемлемо?
- «Поисковые системы несправедливы в том, как они оценивают время загрузки. Наши инструменты говорят нам, что все в порядке». Есть много причин полагать, что поисковые системы несправедливо оценивают время загрузки. В конце концов, это действительно не имеет значения. Если мы хотим конкурировать, мы должны быть быстрее!
- «Но… брендинг!» Да, брендинг важен. Но так ли важно рисковать потерей потенциальных клиентов из-за слишком медленной работы сайта?
Избегайте этих ловушек
Наша работа заключается в том, чтобы помогать нашим клиентам, партнерам и коллегам создавать привлекательные сайты, которые быстро загружаются и соответствуют ожиданиям посетителей, но при этом хорошо выглядят.
Это поможет привлечь больше внимания из обычных результатов поиска и увеличить бизнес.
Мнения, выраженные в этой статье, принадлежат приглашенному автору, а не обязательно поисковой системе. Штатные авторы перечислены здесь.
Новое в поисковой системе
Об авторе
Элмер Бутин — вице-президент по операциям в РайтIMC, агентство цифрового маркетинга с полным спектром услуг из Далласа. После карьеры в армии США в качестве переводчика и разведывательного аналитика он более 25 лет работал в области цифрового маркетинга, занимаясь всем: от кодирования и оптимизации веб-сайтов до управления усилиями по управлению онлайн-репутацией в качестве независимого подрядчика, корпоративного веб-мастера и в учреждениях. Он обладает обширным опытом и знаниями, работая с предприятиями всех размеров, от малого и среднего бизнеса до корпораций, входящих в список Fortune 5, включая Wilsonart, Banfield Pet Hospital, Corner Bakery Cafe, Ford Motor Company, Kroger, Mars Corporation и Valvoline; оптимизация веб-сайтов с акцентом на местные, электронные, информационные, образовательные и международные веб-сайты.
