Google в последние годы все больше делает факторы, такие как скорость загрузки страницы, мобильная оптимизация и доверие, положительными факторами для внесения в список в результатах поиска Google. В мае 2020 года Google объявил, что некоторые метрики измерения объединялись в сигналы Page Experience, а в мае 2021 года сигналы Page Experience были внедрены как новый фактор ранжирования для веб-сайтов, путем использования различных факторов для создания целостной картины качества в использовании веб-сайта.

К основным семи шести факторам для опыта пользователя и страницы относятся:

• Скорость загрузки
• Интерактивность (FID - до февраля 2024), Interaction to next Paint (INP - с марта 2024)
• Визуальная стабильность (накопленный сдвиг макета)
• мобильная оптимизация
• Безопасный просмотр: отсутствие вредоносного ПО, отсутствие подделки брендов, …
• HTTPS: зашифрованное соединение посредством SSL-сертификата
• отсутствие навязчивых интерстициалов (перекрывающие полностью баннеры)

Скорость загрузки в рамках основных показателей Core Web Vitals

Loading означает скорость загрузки веб-сайта, то, насколько быстро главное содержимое строится для вашего пользователя. Google устанавливает хорошее значение до 2,5 секунд, к которому владельцам веб-сайтов следует стремиться для своих пользователей.

Интерактивность и отзывчивость в рамках основных показателей Core Web Vitals

Интерактивность в рамках первой задержки первого ввода (First Input Delay) означает, когда страница реально реагирует, когда пользователь хочет с ней взаимодействовать... например, прокручивать или нажимать на кнопку. Это скорость реакции веб-сайта на действия пользователя. Этот период следует делать как можно короче, и хорошее значение для Google до 100 мс. С марта 2024 года метрика была заменена на Interaction to Next Paint (INP). Interaction to Next Paint (INP) измеряет всестороннюю реагируемость веб-сайта на пользовательские действия, отслеживая задержки всех кликов мыши, нажатий клавиш и нажатий клавиатуры, происходящих во время всего посещения пользователем страницы. Окончательное значение INP соответствует наибольшему замеченному взаимодействию, игнорируя выбросы. Здесь латентность определяется как временной интервал между действием пользователя и появлением на это видимой реакции.

Скрипт для моего учебного пособия по цифровому маркетингу, созданный в онлайн-приложении Google Docs, включает в себя более 600 страниц. На более поздних главах я заметил при письме в моем браузере небольшие микропереключения, так как ему явно было трудно плавно загружать ресурсные сотни страниц вместе с множеством изображений. Это событие не обязательно препятствовало моей работе, но тем не менее представляло собой реактивное нарушение использования. Поэтому я создал новый документ, в котором была создана глава, чтобы затем скопировать ее в крупный скрипт. Именно об этом также идет речь при интерактивности веб-сайтов, чтобы пользовательский опыт в различных аспектах был положительным. Итак, это касается реакции на определенные взаимодействия при прокрутке, нажатии, жестах и также плавности анимаций.

Кумулятивный сдвиг макетов в рамках основных показателей Core Web Vitals

Кумулятивные Layout Shifts, то есть ошибки CLS, случаются, когда ваш веб-сайт асинхронно загружается и пользователь, например, уже читает часть далеко внизу, в то время как наверху еще загружается изображение или реклама с изобильным размером файла и из-за окончательного расположения макета происходит скачок вниз. Это часто является значением, которое вызывает неуспевание Core Web Vitals, если ваш веб-сайт загружается быстро.

Тестирование скорости загрузки с помощью онлайн-инструментов

Скорость загрузки можно проверить здесь:
https://pagespeed.web.dev/
https://gtmetrix.com/

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

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

Google также дает вам сводное значение для новых Core Web Vitals по Page Experience. Кроме того, в Google Search Console у вас также есть возможность получить отчет по отдельным страницам вашего веб-сайта. Это помогает вам идентифицировать и устранять проблемы на своих страницах.

Мобильная оптимизация веб-сайта в рамках Page Experience

Мобильная оптимизация веб-сайта также может быть протестирована с помощью инструментов разработчика вашего браузера Chrome с помощью Переключателя Инструментов Устройства (Ctrl + Shift + M).

Иногда для разработчиков важно понимать, как макет реагирует на определенном устройстве, например, когда клиент сообщает о проблеме на старой модели iPhone. В Chrome = F12 вы можете непосредственно включить различные устройства, которые будут отображать разрешение. Есть также профессиональные инструменты, которые проводят комплексные тесты, такие как Lambda-Test.

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

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

Пример из личного опыта по кросс-устройственному использованию: У меня и у моей партнерши трое детей. Недавно мы были в помещении аквапарка у друга. Мой смартфон лежал в шезлонге возле бассейна. Мне пришла мысль, что было бы, если бы смартфон случайно упал бы в воду от ребенка. Смартфон уже управляет половиной моей жизни. Но эта мысль стала более острой, потому что я также управляю своими инвестициями через смартфон. "100% мобильность"... так рекламируется Trade Republic, мой онлайн-брокер. Вдруг я осознал, что у меня вообще нет возможности резервного копирования в случае потери смартфона. Я бы не смог зайти в свой аккаунт на несколько часов или, возможно, дней. Тот, кто имеет несколько бумаг с высоким кредитным плечом и плотными уровнями стоп-лимита в своем портфеле, может представить, что это действительно может вызвать некоторую панику. "100% мобильность" стало для меня латентным недостатком, поэтому я открыл новый счет у другого ниоброкера, где я могу торговать как на мобильном устройстве, так и на настольном компьютере. Между тем у Trade Republic теперь тоже есть версия для настольного компьютера - хорошо!

Безопасный просмотр в контексте опыта работы с веб-страницами

Безопасный просмотр означает, что ваш веб-сайт, с одной стороны, не распространяет вредоносное программное обеспечение, а с другой стороны, вы следуете правилам, то есть, например, не используете логотипы компаний, которые вам не принадлежат, или не представляете продукты компаний, которых нет в вашем портфеле. Кроме того, к этому относится то, что, например, кнопка Play для воспроизведения видео действительно должна воспроизводить видео и не должна выполнять загрузку для пользователя. Именно вредоносные программы являются для многих веб-сайтов самым большим риском при безопасном просмотре, который можно ограничить только через постоянные обновления CMS и используемых плагинов. Если вашему веб-сайту не обязательно необходима форма обратной связи, стоит также подумать об отказе от нее, поскольку поля формы могут стать точкой входа для хакеров или автоматических взломов через SQL-инъекции, межсайтовый скриптинг, шестнадцатеричные коды и т. д.

В августе 2021 года Google отозвал свою предыдущую позицию и объявил, что Безопасный просмотр теперь не учитывается в качестве фактора ранжирования. Этот шаг был обоснован тем, что многие веб-мастера не могут быть обвинены в взломе. Тем не менее, в анализе PageSpeed Insights и Lighthouse есть рекомендация по Безопасному просмотру. Поэтому можно предположить, что данная тема еще не окончательно завершена для SEO.

Безопасные подключения через HTTPS для высокого опыта работы со страницей

HTTPS стал стандартом сегодня. Каждая страница должна иметь SSL-сертификат. Особенно в Германии у владельцев веб-сайтов, не имеющих SSL-сертификата, есть риск получить предупреждение об опасности.

Важно также обратить внимание на то, что изображения, размещенные до присвоения SSL-сертификата, также должны быть изменены в коде с http на https. В противном случае браузер выдаст, что страница небезопасна. Это особенно актуально для страниц WordPress - самой распространенной CMS.

Отказ от всплывающих окон

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

Итог о факторах опыта работы со страницей

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

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

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