Понимание основных веб-жизненных показателей и лучших методов их улучшения

Что такое основные веб-жизненные показатели?

Core Web Vitals — это подмножество Web Vitals, которое применяется ко всем веб-страницам. Каждый из Core Web Vitals отражает реальный опыт и представляет собой отдельный аспект взаимодействия с пользователем. Google рекомендует измерять эти показатели всем владельцам сайтов.

Метрики, из которых состоит Core Web Vitals, со временем будут меняться, но на момент написания этой статьи набор метрик фокусируется на трех основных аспектах взаимодействия с пользователем:

• Загрузка
• Интерактивность
• Визуальная стабильность

Что такое самая большая содержательная краска (LCP)?

Largest Contentful Paint, или LCP, измеряет производительность загрузки, первый аспект взаимодействия с пользователем. Он отмечает момент на временной шкале загрузки, когда основной контент вашей страницы, вероятно, закончил загрузку. Чем быстрее вы отрисовываете Largest Contentful Paint, тем больше у Google уверенности в том, что пользователи сочтут страницу полезной.

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

Чтобы подчеркнуть важность соблюдения рекомендаций по рисунку с наибольшим содержанием, пользователи будут проводить больше времени на веб-сайте, когда страницы загружаются быстрее. На самом деле, пользователи посещают 8,9 страниц, когда время загрузки составляет две секунды (что соответствует рекомендации LCP в отношении 2,5 секунд), по сравнению с 3,3 страницы, когда время загрузки составляет восемь секунд.

Программа Advanced SEO сертификации БЕСПЛАТНО

Овладейте ключевыми понятиями и навыками и станьте профессионалом в области SEO Зарегистрируйтесь сейчас

Что такое задержка первого ввода (FID)?

Первая задержка ввода, или FID, измеряет интерактивность, второй аспект взаимодействия с пользователем. Он количественно оценивает опыт пользователей при попытке взаимодействия с неотвечающими страницами.

FID измеряет время с момента, когда пользователь впервые взаимодействует с вашей страницей (например, щелкает ссылку или нажимает кнопку), до момента, когда браузер начинает обрабатывать обработчики событий в ответ на действие пользователя.

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

Что такое совокупное смещение макета (CLS)?

Кумулятивное смещение макета, или CLS, измеряет визуальную стабильность, третий аспект взаимодействия с пользователем. Это помогает количественно определить, как часто пользователь сталкивается с неожиданным изменением макета. Низкий CLS помогает гарантировать, что страница не будет громоздкой.

Чтобы обеспечить хорошее взаимодействие с пользователем, страницы должны поддерживать кумулятивный сдвиг макета 0,1 или меньше. Это оценка, а не измерение времени, как LCP и FID.

Оценка LCS рассчитывается путем просмотра браузером размера области просмотра и перемещения нестабильных элементов в области просмотра между двумя визуализируемыми кадрами.

Как улучшить основные веб-жизненные показатели

Оптимизация для качественного взаимодействия с пользователем является ключом к успеху вашего веб-сайта, и Google считает, что Core Web Vitals имеет решающее значение для любого веб-опыта. Таким образом, важно определить возможности для улучшения взаимодействия с пользователем на как можно большем количестве страниц.

Чтобы гарантировать, что вы достигаете рекомендуемой цели для пользователей на своем веб-сайте, хорошим порогом для измерения показателей LCP, FID и CLS является 75-й процентиль загрузки страницы. Чтобы считать ваш веб-сайт совместимым с Core Web Vitals, считайте страницу пройденной, если она соответствует рекомендуемым целевым показателям на уровне 75-го процентиля для этих показателей.

Вот несколько способов улучшить основные показатели веб-показателей и обеспечить удобство работы с вашим веб-сайтом.

Улучшить скорость загрузки страницы

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

Используйте PageSpeed ​​Insights, чтобы получить оценку для любой веб-страницы, которую вы вводите, и используйте предложения инструмента, чтобы ускорить загрузку ваших страниц. Скорее всего, будут случаи, когда время загрузки не соответствует рекомендациям Core Web Vitals, и именно здесь вам может потребоваться просмотреть видео, изображения или другие проблемы, которые могут вызвать медленную загрузку.

Оптимизировать самую большую содержательную отрисовку

Так как параметр Largest Contentful Paint (LCP) имеет значительный вес в общей оценке Core Web Vitals, целесообразно оптимизировать этот показатель. Поскольку время загрузки ресурсов является частым виновником плохих оценок LCP, вот несколько вещей, которые рекомендует Google:

• Оптимизация и сжатие изображений
• Предварительно загрузите важные ресурсы
• Сжать текстовые файлы
• Используйте адаптивное обслуживание
• Кэшировать активы с помощью сервисного работника

Бесплатный курс Google Аналитики

Создайте надежный фундамент для Google Analytics. Начните обучение

Снизьте показатели отказов

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

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

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

Устранение неожиданных изменений макета

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

Чтобы избежать или устранить неожиданные сдвиги макета, сделайте следующее:

• Избегайте вставки контента поверх существующего контента
• Убедитесь, что переходы анимированы для контекста и непрерывности
• Включить атрибуты размера для изображений и видео

Хотите освоить основные дисциплины цифрового маркетинга? Ознакомьтесь с курсом специалиста по цифровому маркетингу прямо сейчас.

Хотите раскрыть преимущества SEO и Core Web Vitals?

SEO и Google Core Web Vitals необходимы для любой стратегии цифрового маркетинга. Наш учебный курс по поисковой оптимизации (SEO) превратит вас в полнофункционального SEO-специалиста, который обеспечит устойчивый рост в наиболее важном маркетинговом канале вашего веб-сайта. В ходе курса вы освоите многие аспекты SEO, такие как исследование ключевых слов, техническое SEO, построение ссылок, аналитика и многое другое.

Если вы заинтересованы в том, чтобы стать полнофункциональным цифровым маркетологом с навыками, выходящим за рамки SEO, ознакомьтесь с нашей программой последипломного образования в области цифрового маркетинга. В рамках этой комплексной программы, разработанной в партнерстве с Университетом Пердью и созданной совместно с Facebook, вы узнаете все, что вам нужно знать, чтобы стать успешным профессионалом в области цифрового маркетинга с помощью практических проектов, онлайн-обучения в режиме реального времени, мастер-классов от преподавателей Purdue и экспертов. в Facebook, кейсы от Harvard Business Publishing и многое другое!