Что вы должны знать о Google Core Web Vitals
Опубликовано: 2021-05-08Вы слышали о новом Core Web Vitals от Google? В дополнение к четырем существующим сигналам Page Experience, Core Web Vitals имеют решающее значение для наилучшего взаимодействия с пользователем (загрузка, интерактивность и визуальная стабильность). Google начнет постепенно внедрять эти показатели в середине июня, и к концу августа они будут играть полную роль в определении рейтинга. В этом блоге мы подробно рассмотрим каждый из основных веб-жизненных показателей, как они повлияют на ваш веб-сайт, инструменты для их улучшения и многое другое.
Каковы основные веб-жизненные показатели Google?
Core Web Vitals оценивает работу пользователей (на настольных и мобильных устройствах) с точки зрения скорости и того, насколько быстро посетители могут взаимодействовать со страницей. Каждый Core Web Vital «представляет собой отдельный аспект пользовательского опыта, поддается измерению в полевых условиях и отражает реальный опыт критического, ориентированного на пользователя результата».
Вместо того, чтобы сосредотачиваться исключительно на текстовых элементах, Core Web Vitals оценивает качество общего взаимодействия с пользователем (UX) на странице. Есть три основных веб-показателя:
- Самая большая содержательная краска (LCP)
- Задержка первого ввода (FID)
- Совокупный сдвиг макета (CLS)
LCP оценивает производительность и нагрузку, отзывчивость и интерактивность FID, а также визуальную стабильность CLS. Core Web Vitals составляют наибольшую часть вашей оценки качества страницы Google, которая также включает следующие существующие поисковые сигналы:
- Мобильный дружественный
- Безопасный просмотр
- HTTPS
- Никаких навязчивых межстраничных объявлений
Мы более подробно рассмотрим показатель качества страницы позже в этом блоге. Давайте начнем с подробностей о каждом Core Web Vital.
Core Web Vital # 1 :: Крупнейшая содержательная отрисовка (LCP)
Наибольшая отрисовка содержимого (LCP) измеряет, насколько быстро загружается самый большой элемент контента на странице. Обычно это большой блок текста, изображения или видео. Вместо того, чтобы оценивать время загрузки всей страницы, LCP исследует, сколько времени требуется для загрузки страницы с точки зрения пользователя, что является наиболее важным показателем скорости страницы из всех.
Хороший LCP составляет менее 2,5 секунд, что означает, что самый большой элемент отображается в течение 2,5 секунд после начала загрузки страницы. Оптимизация LCP важна, потому что доказано, что более длительное время загрузки оказывает серьезное негативное влияние на показатель отказов. Чтобы улучшить время LCP, подумайте:
- Удаление больших элементов страницы
- Обновление вашего веб-хостинга
- Реализация ленивой загрузки
- Удаление ненужных сторонних скриптов
Core Web Vital # 2 :: Задержка первого ввода (FID)
Задержка первого ввода (FID) измеряет количество времени с момента, когда пользователь впервые взаимодействует со страницей, до ответа браузера на это взаимодействие. Взаимодействие с пользователем включает (но не ограничивается) следующее:
- Выбор меню или параметра навигации
- Щелчок по ссылке или кнопке
- Ввод текста в поле
- Открытие аккордеонного меню на мобильном телефоне
FID выходит за рамки вашей оценки PageSpeed, поскольку измеряет время, необходимое пользователю для выполнения определенного действия. Это означает, что для этого требуются полевые данные от пользователей в режиме реального времени, и их нельзя получить с помощью лабораторного моделирования.
Хороший FID должен быть не более 100 миллисекунд, чтобы обеспечить удобство работы пользователей в Интернете. Чтобы улучшить время FID, подумайте:
- Использование кеша браузера
- Удаление некритичных сторонних скриптов
- Откладывание (или минимизация) JavaScript
Core Web Vital #3 :: Совокупный макет смены (CSL)
Cumulative Shift Layout (CSL) вычисляет общее количество смен макета, которые происходят при загрузке всей страницы. Другими словами, он определяет, насколько быстро страница визуально стабилизируется в процессе загрузки. Стабильность страницы во время загрузки помогает гарантировать, что посетители не нажмут что-то по ошибке или им не придется заново изучать, где находятся ссылки, кнопки и поля.
Хороший CSL — это что-то меньшее, чем 0,1. Ваша оценка может быть равна 0 и увеличиваться каждый раз, когда появляются сменные макеты. Другими словами, более высокий балл означает, что элементы часто прыгают, пока загружается ваша страница. Максимального балла нет, но Core Web Vitals получает оценку 0,25 или выше как «Плохо». Чтобы улучшить свой балл CSL, подумайте:
- Добавление дополнительных элементов пользовательского интерфейса ниже сгиба
- Обеспечение зарезервированного места для рекламных элементов
- Определение размеров атрибута размера для носителя
Как Core Web Vitals вписывается в факторы ранжирования Google?
Core Web Vitals — это важный новый компонент набора показателей, известного как сигналы Page Experience. Они оценивают общий пользовательский опыт страницы, рассматривая наиболее важные нетекстовые элементы. Другими словами, они учитывают, как пользователи воспринимают свое взаимодействие со страницей и насколько полезна эта страница для удовлетворения их запросов. Ниже мы рассмотрим четыре существующих сигнала Page Experience.
1. Удобство для мобильных устройств
Это оценивает, насколько легко навигация по веб-сайтам на мобильных устройствах. Это включает в себя доступность ссылок и элементов на странице, а также читабельность контента. Каждая часть страницы должна быть такой же функциональной на мобильных устройствах, как и на компьютере, что является основой адаптивного дизайна.
2. Безопасный просмотр
Безопасный просмотр определяет наличие на веб-сайте таких проблем, как взломанный контент, фишинг и вредоносное ПО. Он ориентирован на то, чтобы посетители могли безопасно просматривать то, что они ищут.
3. HTTPS
Этот показатель оценивает безопасность веб-сайта и его обслуживание по протоколу HTTPS в соответствии с рекомендациями Google.
4. Никаких навязчивых межстраничных объявлений
Этот сигнал гарантирует, что навязчивые межстраничные объявления (всплывающие объявления) не загораживают основной контент на странице, что способствует приятному просмотру.
Как рассчитываются ваши основные показатели Web Vitals?
Показатели Core Web Vitals рассчитываются с использованием 75-го процентиля в течение 28-дневного окна. Другими словами, он использует три из четырех посещений сайта (75%), чтобы определить, соответствует ли страница цели для каждого Core Web Vital. Если страница удовлетворяет рекомендуемым оценкам по всем трем показателям, она проходит оценку Core Web Vitals.
Как Core Web Vitals повлияет на ваш сайт?
Хотя Core Web Vitals, безусловно, важны, важно понимать, что Google учитывает сотни уникальных сигналов при ранжировании веб-страниц. Тем не менее, Core Web Vitals может иметь большое значение для страниц, которые конкурируют за чрезвычайно конкурентоспособные условия. Core Web Vitals будет постоянно развиваться по мере изменения ожиданий пользователей, поэтому очень важно быть в курсе.
Как вы можете улучшить свои основные показатели Web Vitals?
Существует множество бесплатных инструментов, которые вы можете использовать для анализа и улучшения показателей Core Web Vitals. Улучшение этих показателей может помочь вам превзойти конкурентов и занять более высокое место на страницах результатов поисковой системы Google. Мы рекомендуем следующие инструменты для проверки ваших показателей Core Web Vitals и выявления возможностей для улучшения.
Инструмент №1 :: Отчет Google Search Console Core Web Vitals
Если вы хотите улучшить свои показатели Core Web Vitals, начните с отчета Core Web Vitals в Google Search Console. Отчет Core Web Vitals Report, расположенный в разделе «Улучшения» вашей учетной записи Search Console, дает представление о том, как работает весь ваш сайт.
В отчете Core Web Vitals используются данные полей из отчета об опыте использования Chrome для группировки проиндексированных URL-адресов по проблемам. Это связано с тем, что проблемы с UX на похожих страницах обычно вызваны одной и той же основной проблемой. Каждый URL оценивается как «Плохо», «Требуется улучшение» или «Хорошо».
Обнаружив проблему, вы можете устранить ее с помощью таких инструментов, как Google PageSpeed Insights или Google Lighthouse. В следующих двух разделах эти инструменты рассматриваются более подробно, чтобы помочь вам оптимизировать UX.
Инструмент №2 :: Отчет Google PageSpeed Insights
Ваш отчет Google Search Console Core Web Vitals связан с соответствующим отчетом в Google PageSpeed Insights, который основан на лабораторном моделировании Lighthouse. PageSpeed Insights измеряет Core Web Vitals, используя как лабораторные, так и полевые данные. Сосредоточьтесь на разделах «Возможности» и «Диагностика», чтобы выявить проблемы по каждому URL-адресу и эффективно оптимизировать скорость сайта.
Инструмент №3 :: Google Lighthouse
Google Lighthouse — это автоматизированный инструмент, который выполняет аудит URL-адреса и создает отчет о производительности этой страницы. Lighthouse 6.0 включает в себя лабораторные метрики для наибольшего отрисовки контента (LCP) и совокупного смещения макета (CLS), что делает его бесценным инструментом при оценке Core Web Vitals.
Общее время блокировки (TBT)
Третьим новым показателем Lighthouse 6.0 является общее время блокировки (TBT), которое напрямую коррелирует с задержкой первого ввода (FID). Проще говоря, TBT вычисляет общее время между LCP и временем до взаимодействия (TTI). TTI — это количество времени с момента начала загрузки страницы до момента, когда она надежно реагирует на действия пользователя.
Время до первого байта (TTFB)
Раздел «Возможности» вашего отчета Lighthouse также включает время до первого байта (TTFB). Как следует из названия, это время, которое требуется браузеру для получения первого байта содержимого страницы.
Время до интерактивности (TTI)
Включенный в раздел «Производительность» вашего отчета Lighthouse показатель «Время до интерактивности» (TTI) измеряет, сколько времени требуется странице, чтобы стать полностью интерактивной. TTI работает вместе с TBT, чтобы точно определить и диагностировать проблемы с интерактивностью, которые могут негативно повлиять на ваш FID. Поскольку TTI не поддается измерению в полевых условиях и не ориентирован на пользователя, он не включен в Core Web Vitals.
Инструмент № 4 :: Отчет об опыте страницы Google Search Console
Отчет о впечатлениях от страницы сочетает в себе отчет Core Web Vitals с другими четырьмя сигналами качества страницы: удобство для мобильных устройств, безопасный просмотр, HTTPS и отсутствие навязчивых межстраничных объявлений. Глубокое изучение каждого компонента сигнала Page Experience может помочь вам открыть новые возможности для улучшения, что может быть особенно полезно в критических ситуациях.
Инструмент № 5 :: Отчет о пользовательском опыте Google Chrome (CrUX)
Отчет о пользовательском опыте Chrome — это анонимный общедоступный отчет, содержащий данные о пользовательском опыте на миллионах веб-страниц. Он измеряет полевые данные (в отличие от лабораторных данных) по всем трем Core Web Vitals и не учитывает моделирование или посещения Googlebot. Наблюдение за тем, как ваши страницы работают в полевых условиях, — отличный способ определить ценные возможности для улучшения.
Инструмент № 6 :: Google Chrome DevTools
Google Chrome DevTools встроены в браузер Google Chrome и предназначены для помощи в диагностике и устранении проблем, которые могут привести к высокому CSL. Они также измеряют TBT, что полезно для улучшения вашего FID.
Инструмент № 7 :: Расширение Google Chrome Web Vitals
Расширение Web Vitals, доступное в Chrome Web Score, измеряет все три основных веб-показателя в режиме реального времени. Эти мгновенные данные о загрузке, интерактивности и изменениях макета помогут вам определить возможности, которые могут иметь большое значение.
Инструмент #8 :: Инструмент аудита сайта Semrush
Инструмент аудита сайта в вашей учетной записи Semrush сообщает о различных данных, которые коррелируют с Core Web Vitals. Сюда входят показатели скорости загрузки, протоколы безопасности HTTPS, ошибки JavaScript и CSS, возможности сканирования и многое другое.
Станьте партнером Tower Marketing, чтобы улучшить свои показатели основных веб-показателей
Лучший (и самый простой) способ выявить и устранить проблемы с Core Web Vitals — обратиться в такое агентство, как Tower Marketing. У нашей опытной команды веб-разработчиков и специалистов по поисковой оптимизации есть инструменты, чтобы привести ваш сайт в соответствие с рекомендациями Core Web Vitals, и мы исправим любые проблемы по мере их возникновения.