Google Page Experience: обновление рейтинга
Опубликовано: 2021-04-08Эта статья была впервые опубликована в мае 2020 г. и обновлена в апреле 2021 г.
Исследования Google и отраслевые исследования показали, что пользователи предпочитают веб-сайты с удобным интерфейсом. Google всегда смотрит, какие факторы следует учитывать при ранжировании, например, скорость загрузки страницы и удобство для мобильных устройств. Предстоящее обновление интерфейса страницы учитывает ряд факторов, которые ставят пользователя в центр внимания. Эти «основные веб-жизненные показатели» помогут Google предоставлять поисковикам лучший контент.
Опыт страницы и основные веб-жизненные показатели
Core Web Vitals — это набор показателей, помогающих владельцам веб-сайтов измерять такие параметры взаимодействия с пользователем, как время загрузки, интерактивность и стабильность контента при загрузке. Теперь Google предоставил подробную информацию о предстоящем изменении рейтинга в поиске, которое будет включать эти показатели взаимодействия со страницей.
Вводится новый сигнал, который, по словам Google, «объединяет Core Web Vitals с нашими существующими сигналами для взаимодействия со страницей, чтобы обеспечить целостную картину качества взаимодействия пользователя с веб-страницей».
Эти изменения вступают в силу в июне 2021 года.
Кроме того, дополнительные сигналы взаимодействия со страницей будут включаться ежегодно по мере роста ожиданий пользователей и расширения возможностей Google для измерения большего количества аспектов.
Рейтинг опыта страницы
Так какая идея стоит за этим? По сути, хороший опыт позволяет людям достичь того, чего они хотят, а плохой опыт может помешать кому-то найти информацию, которую они ищут. Google хочет оставаться местом для людей, которые ищут информацию, и поэтому он должен обеспечивать наилучшие возможности поиска.
Добавляя опыт страницы в смесь со всеми другими сигналами, цель состоит в том, чтобы облегчить людям, использующим веб-сайты, поиск того, что они ищут.
Показатели страницы верхнего уровня
Три основных компонента взаимодействия со страницей:
- Как быстро загружается страница?
- Как быстро страница реагирует на пользователей?
- Насколько стабильна страница (прыгают ли элементы при загрузке)?
Теперь мы можем просмотреть некоторые метрики верхнего уровня, чтобы расшифровать их значение. (Первые 3 — это то, что называется «основными веб-жизненными показателями».)
Основные веб-жизненные показатели
Самая большая содержательная краска (LCP) — эта метрика ищет самое большое изображение или блок текста. Он измеряет, сколько времени требуется для загрузки этого элемента в окно просмотра. Это может быть главное изображение или большой фрагмент текста. (В идеале оно должно быть меньше или равно 2,5 секундам.)
Совокупное смещение макета (CLS) — эта метрика измеряет визуальную стабильность. Другими словами, он измеряет, насколько содержимое смещается при загрузке страницы, что затрудняет чтение или просмотр содержимого. (Вы хотите, чтобы это значение было меньше или равно 0,1.)
Задержка первого ввода (FID) — это относится к тому, насколько быстро страница отвечает пользователю (например, после нажатия кнопки). Меньше или равно 100 мс идеально подходит для этого.
Следующие метрики также стоит иметь в виду как полезные измерения эффективности страницы:
Первая содержательная отрисовка (FCP) — эта метрика измеряет, сколько времени требуется для загрузки текста в верхней части страницы. Это контент, который вы видите без необходимости прокрутки. Слишком много шрифтов и большие файлы шрифтов повлияют на эту оценку. Так же будет тормозить загрузка шрифтов с внешних ресурсов.
Индекс скорости (SI) — этот показатель регистрирует, когда визуальные изменения в верхней части страницы останавливаются. Это означает, что видео и основные изображения влияют на индекс скорости.
Время до интерактивности (TTI) — этот показатель измеряет, сколько времени требуется, чтобы страница была готова для ввода данных пользователем. Поздняя загрузка приложений и сценариев отслеживания или аналитики повлияет на этот показатель.
Общее время блокировки (TBT) — эта метрика похожа на TTI, но измеряет общее время блокировки на странице. Это относится к тому, что пользователь не может щелкать элементы или прокручивать страницу.
Важно помнить, что эти основные веб-жизненные показатели ни в коем случае не являются единственным способом оценки вашего сайта. Google принимает во внимание множество факторов при оценке ваших страниц. Хотя акцент здесь, безусловно, делается на пользовательский опыт, Google заявил, что наличие качественного контента по-прежнему будет более важным фактором: он будет стремиться ранжировать страницы с наилучшей общей информацией, даже если пользовательский опыт не лучший из лучших.
Google не сказал, насколько важен каждый фактор, но они подтвердили, что «хорошее впечатление от страницы не важнее наличия отличного релевантного контента». Однако, если все остальные факторы равны, удобство страницы может стать решающим фактором для вашей видимости.
Обновление консоли поиска
Google добавил в Search Console новый раздел под названием «Основные веб-жизненные показатели», в котором сообщается, как ваш сайт работает по этим новым показателям «Впечатления от страницы». Этот отчет расскажет вам, что вам нужно улучшить и как реализовать эти улучшения.
Google обновил свои инструменты, такие как Lighthouse и PageSpeed Insights, чтобы позволить владельцам веб-сайтов лучше измерять собственную производительность и повышать удобство страниц для своих посетителей. Наша статья об аудите скорости веб-сайта дает хороший обзор различных инструментов, которые вы можете использовать, а также их преимущества и ограничения с точки зрения оценки вашего сайта.
Как подготовиться к Core Web Vitals (не все применимо для магазинов Shopify)
1 Самая большая содержательная краска (LCP)
Возможная проблема: медленное время отклика сервера
Решения
а) Кэшировать активы — если ваш HTML статичен, его кэширование может предотвратить его повторное создание, когда в этом нет необходимости, что снижает использование ресурсов.
б) Направлять пользователей в CDN — сеть доставки контента использует серверы во многих местах по всему миру, что устраняет проблему пользователей, которые сталкиваются с более медленным сайтом из-за того, что находятся далеко от одного сервера.
Возможная проблема: медленное время загрузки ресурсов
Решения
а) Оптимизируйте и сжимайте изображения с помощью tinypng — он уменьшает размер файлов без ущерба для качества, поэтому они загружаются быстрее, но при этом выглядят хорошо.
б) Используйте CDN изображений — это уменьшит полезную нагрузку изображений, доставит изображения, адаптированные для каждого устройства, запрашивающего их, и отправит изображения с границы сети.
Возможная проблема: рендеринг на стороне клиента
Решения
а) Сократите свой JavaScript и отложите неиспользуемый JavaScript
б) Использовать рендеринг на стороне сервера, если это возможно
Возможная проблема: JavaScript и CSS
Решения
а) Сократите свой CSS. Файлы CSS часто содержат символы, которые облегчают чтение, но которые не нужны для браузера. Их минимизация удаляет их и очищает, что сокращает время, необходимое для рендеринга страницы.
б) Загрузите и предоставьте пользователям минимальное количество необходимого JavaScript. Уменьшение количества блокирующего JavaScript означает более быструю визуализацию и, следовательно, лучший LCP.
2 Суммарная смена макета (CLS)
Возможная проблема: неожиданные изменения макета
Решения
а) Включите атрибуты размера в активы, такие как видео и изображения, чтобы браузер выделил соответствующее количество места для объекта перед его загрузкой.
б) Убедитесь, что динамически внедряемый контент вставляется только ниже существующего контента, чтобы он не вызывал неожиданных изменений макета.
3 Задержка первого входа (FID)
Возможная проблема: браузер не отвечает пользователю быстро (вероятно, поскольку он все еще выполняет JavaScript)
Решения
а) Разбейте длинный код на более мелкие задачи. Длинные задачи оставляют страницу без ответа, пока она занимается задачами. Разделение их на более управляемые фрагменты может помочь уменьшить задержку ввода.
б) Сократите время выполнения JavaScript, отложив неиспользуемый JS. Если браузеру не нужен код для отображения страницы, отложите его — это будет означать, что страница будет готова для взаимодействия с пользователем быстрее.
Если вам нужна поддержка, чтобы убедиться, что ваш SEO, контент или веб-сайт соответствуют последним рекомендациям, свяжитесь с нами, и наши специалисты по дизайну, разработке и SEO Shopify будут рады обсудить, как мы можем помочь.