Core Web Vitals — От каких метрик зависит новый фактор ранжирования Google, который заработает в 2021 году. Как оптимизировать?
В поисковой системе Google появится новый фактор, который будет учитываться при ранжировании сайтов в поисковой выдаче.
Какие метрики будут использоваться? Какие работы следует выполнить уже сейчас?
Разберемся с вопросом далее.
Фактор Page Experience и метрики Web Vitals
Новый фактор ранжирования в поисковой системе — Page Experience. В систему ранжирования фактор планируется включить в 2021 году.
Фактор нацелен на оцифровку информации об удобстве использования страниц. Для определения значения данного фактора будут использоваться различные метрики, включая Web Vitals.
Как работает оцифровка удобства использования? Что измеряет Google? Как оптимизировать сайт, и проверить результат?
Web Vitals — метрики для оценки удобства пользования сайтом
Что такое Web Vitals? Web Vitals представляет собой группу из 3 основных и 2 дополнительных метрик. Согласно инициативе Google данная группа из трех основных метрик Core Web Vitals должна использоваться в формуле при расчете значения фактора Page Experience.
Сложно сказать, насколько крупным фактором ранжирования будут новые метрики Core Web Vitals для SEO. Однако они, вероятно, будут играть большую роль для общих запросов. В случае брендового или навигационного поиска скорость страницы будет менее важной.
Итак, три основных метрики называются Core Web Vitals.
Что учитывается? Все метрики оценивают удобство пользования страницей.
Подобный анализ полезен еще и как решение по борьбе с манипуляциями по накрутке значения скорости загрузки страниц сайта. Есть способы ускорить загрузку страниц для поисковой системы. Страница сайта не загружается полностью, в результате такие способы не позволяют нормально пользоваться сайтом. Поэтому в интересах поисковой системы оценивать и то, как ведет себя страница после загрузки.
Итак, речь не про скорость загрузки сайта. Смысл в анализе происходящего на странице после загрузки. Поисковая система анализирует удобно ли пользователю работать со страницей после загрузки сайта.
Как измеряется удобство использования сайта? Разберемся подробнее с отслеживаемыми метриками.
1 — Largest Contentful Paint
Метрика Largest Contentful Paint учитывает скорость отрисовки контента на первом экране.
На какие фактические значения следует ориентироваться:
2 — First Input Delay
First Input Delay учитывает все требуемые время до взаимодействия с элементами сайта. К примеру, пользователь зашел на страницу и кликает на ссылку. Учитывается метрика времени до того, как клик будет обработан.
Как работает? Рассмотрим на примере.
3 — Cumulative Layout Shift
Метрика Cumulative Layout Shift оценивает стабильность макета после загрузки сайта.
Как работает? Например, клиент находится на странице, изучает контент. На сайте есть картинка, которая имеет большой размер и загружается по lazy loading. Картинка загрузилась, текст на странице переместился. Данный факт учитывается поисковой системой.
Внедрение метрики позволит снизить позиции страниц сайтов, на которых используется подмена кнопок в целях повышения прибыли.
Рекомендуемые значения по метрике:
Как появился Web Vitals
Все метрики оценивают страницу после загрузки. Отчасти данную задачу решает измерение метрик поведенческих факторов ранжирования. Но такой сигнал зашумлен.
Рекомендованные материалы в блоге MegaIndex на тему поведенческих факторов по ссылкам далее:
Рекомендованные материалы в блоге MegaIndex на тему по ссылкам далее:
Как оптимизировать значения Web Vitals
У всех метрик есть простые способы для улучшения значений.
Например, для улучшения Largest Contentful Paint следует не загружать лишнего, сжать ресурсы, внедрить для страниц сайта рендеринг на стороне сервера.
Для First Input Delay практических во всех случаях речь про JavaScript, поскольку есть в основном потоке что-то выполняется после отрисовки страницы, то значение метрики будет низким.
Для улучшения значения Cumulative Layout Shift следует проверить корректность верстки страницы, внести исправления в случае выявления проблем в отрисовке.
Данные метрики доступны в обновленном инструменте Lighthouse.
В инструменте предлагается следующая важная информация:
Инструмент бесплатный.
Еще в Lighthouse есть калькулятор. Используя калькулятор можно понять какие улучшения следует сделать в приоритете, чтобы сразу добиться больших улучшений.
Для примера, из расчетов видно, что Largest Content Full Paint влияет на итоговый результат сильнее прочих метрик.
Проблемы есть практически на всех сайтах. Как узнать значения метрик для любого сайта?
Анализ Web Vitals. Как проверить?
Способов для проверки много.
Рассмотрим самые удобные способы для проверки. Способ с использованием расширения.
Есть специальное расширения для браузера.
Расширение бесплатное.
Способ с использованием Search Console, который требует подтверждение на владение сайтом. Метрики выводятся в отчете Core Web Vitals.
Есть способ с использованием специальной открытой библиотеки для анализа метрик.
Данная система предоставляет дополнительно метрики First Contentful Paint и Time to First Byte.
Библиотека позволяет провести интеграцию с другими системами аналитики.
Кстати в MegaIndex есть бесплатный инструмент, применяя который можно провести аудит сайта по другим параметрам.
Пример отчета далее:
Выводы
Метрики Web Vitals сфокусированы на отрисовке, скорости реакции и визуальной стабильности сайта.
Скорость загрузки и производительность страниц сайта являются разными по смыслу понятиями.
Выше описаны метрики и инструменты для анализа. Используйте. В результате:
Факторы ранжирования Google в 2021: Core Web Vitals, E-A-T и AMP — что важнее?
В этом году у Google было несколько интересных обновлений поисковых алгоритмов. В основном поисковик сосредоточился на двух аспектах: насколько удобно пользователям работать на сайте и можно ли доверять экспертам, которые пишут на сайт контент.
В этой статье рассматриваем новый фактор Page Experience — анализ удобства страницы, в который входит показатель Core Web Vitals, еще факторы E-A-T и кое-что важное об ускоренных страницах AMP.
Основатель и директор по маркетингу в SEO PowerSuite и Awario Олег Барысевич сделал прогноз, какие факторы ранжирования Google повлияют на подход к оптимизации в 2021 году, а какие скорее всего уйдут в тень. Мы перевели и адаптировали материал для блога PR-CY.
В статье:
Важность Core Web Vitals для SEO: показатели LCP, FID и CLS
В конце мая Google анонсировал обновление Page Experience — это анализ удобства страницы для пользователей. Обновление планируется выпустить в 2021 году.
В Page Experience входит удобство сайта для мобильных устройств, безопасность использования, наличие HTTPS, возможность просматривать сайт без навязчивых всплывающих окон и показатели Core Web Vitals, связанные с загрузкой страницы.
Core Web Vitals — набор показателей, которые количественно определяют, насколько пользователю удобно взаимодействовать со страницей. В набор входит измерение времени загрузки контента, его отзывчивости на действия пользователя и стабильности во время загрузки.
Есть три измеряемых показателя:
Почитать по теме:
Как оптимизировать показатель LCP и ускорить загрузку страницы для пользователей
Как оптимизировать FID: время реакции на первое действие
Как оптимизировать CLS: сдвиги макета страницы, которые мешают пользователям
Как Core Web Vitals влияет на ранжирование
Большая часть того, что составляет обновление Page Experience — это набор вещей, которые сеошники давно знали: используйте HTTPS, делайте мобилопригодные сайты, следите за скоростью загрузки и так далее. Но показатели Core Web Vitals немного отличаются и могут изменить привычные практики SEO, которые делал оптимизатор.
Ключевой фактор — смещение макета во время асинхронной загрузки элементов. Асинхронную загрузку настраивают, чтобы избежать потери скорости при рендеринге страницы. Но это может привести к сдвигу макета, измеряемому CLS. Например, текст уже загрузился и отображается, пользователь приступает к чтению, как вдруг сверху появляется загрузившийся баннер и смещает текст вниз. Так пользователю легко промахнуться мимо нужной кнопки или потерять строчку.
Асинхронную загрузку можно настроить с помощью атрибута decoding=async в теге img, а смещения макета избежать, если под загружаемую асинхронно картинку или баннер отвести место достаточного размера.
Например, в Википедии на большинстве страниц есть заранее определенное пространство для изображений:
Пустое место для картинки, которая загрузится позже
Пример правильного кода для асинхронной загрузки с атрибутом decoding=async есть в нашем полном руководстве по SEO для картинок.
Раньше сдвиги макета могли повлиять разве что на поведенческие факторы и увеличить отказы, если сильно мешали просмотру. Но сейчас CLS официально объявлен фактором ранжирования, так что к 2021 году лучше оптимизировать этот показатель и убедиться, что каждая страница написана с заранее определенным пространством для каждого изображения.
Мы не говорим о том, что показатели Core Web Vitals или в целом Page Experience в 2021 году будут иметь решающее влияние на позиции сайта. Факторов ранжирования очень много, какие-то имеют больший приоритет, какие-то меньший. Но раз Google объединил в целом известные показатели и анонсировал их как фактор ранжирования, стоит ими заняться.
Если вы самостоятельно занимаетесь технической оптимизацией и работаете над улучшением загрузки на разных этапах, новый сигнал ранжирования может и не повлиять на вашу повседневную работу. Но если до этого вы уделяли мало внимания техническому SEO и старались выйти за счет контента или ссылок, запуск Core Web Vitals может изменить показатели вашего сайта.
Проверить показатели Core Web Vitals можно в инструменте Проверка скорости сайта от PR-CY. Он оценит скорость загрузки поэтапно, покажет ошибки и даст советы по исправлению. Проверяет скорость на мобильных и десктопе.
Фрагмент анализа скорости сайта
Важность факторов E-A-T для SEO
Опыт, доверие, экспертность — то, к чему мы должны стремиться в профессиональной сфере. Исходя из рекомендаций Google по оценке качества, это важно и для поисковой оптимизации.
Поисковая система определяет назначение страницы. Сайты или страницы, которые распространяют ненависть, вредят, дезинформируют или обманывают пользователей, должны получить самую низкую оценку.
Google выделил факторы E-A-T — expertise, authoritativeness, trustworthiness— экспертность, авторитет и достоверность. Это значит, что для поисковика важно:
Высокий уровень E-A-T может быть у страниц и сайтов всех типов, даже у онлайн-журналов со сплетнями, порталов о моде и юморе, новостных сайтов. Сайты о хобби, к примеру, фотографии или игре на гитаре, также требуют опыта. Некоторую информацию можно найти только на форумах в обсуждениях, где сообщество экспертов предоставляет ценные мнения по конкретным темам.
Особенно E-A-T важны для сайтов категории YMYL — Your Money or Your Life — связанных со здоровьем, финансами и благополучием пользователей. Это довольно обширная сфера, туда можно отнести медицинские, финансовые, юридические, налоговые сайты, и даже порталы, посвященные ремонту и воспитанию детей. Такой контент должен быть написан экспертами в теме и быть размещен на авторитетных источниках.
Медицинские рекомендации должны быть подготовлены людьми или организациями, имеющими соответствующее медицинское образование, их нужно регулярно редактировать, пересматривать и обновлять.
Новостные статьи с высоким рейтингом E-A-T должны быть подготовлены с журналистским профессионализмом: они должны содержать фактически точный контент и быть написаны так, чтобы помочь пользователям лучше понять события. У новостных сайтов с высоким E-A-T обычно есть редакционная политика и выстроен алгоритм проверки фактов.
Редакционная политика на сайте BBC
О том, как продемонстрировать E-A-T поисковику, мы писали в статье:
Главное о факторах EAT Google и три чек-листа для разных YMYL-сайтов
Как E-A-T влияют на ранжирование
В Руководстве по оценке качества есть ценная информация о процессе ранжирования в Google, так что его полезно изучить для работы по сайту. Тем не менее, представители поисковика говорят, что E-A-T не является фактором ранжирования.
Экспертность, авторитет и доверие — абстрактные понятия. По словам представителя Google Дэнни Салливана, E-A-T сам по себе не является фактором ранжирования в том смысле, что E-A-T нельзя измерить, как скорость загрузки, и получить какое-то число. Но поисковик использует различные сигналы в качестве прокси, чтобы определить, соответствует ли контент принципам E-A-T, многие алгоритмы нацелены на определение составляющих E-A-T.
yea, that is was I said at https://t.co/ClNSyztS7p EAT not a ranking factor but many algos/signals aim to figure out pieces of EAT. I think that was clear?
Опыт, авторитет и надежность сложно интерпретировать алгоритмами поиска, которые понимают только код. Похоже, что сейчас у Google нет надежного способа преобразовать эти сигналы в рейтинг, кроме как смотреть оценки асессоров перед каждым обновлением алгоритма. Есть две проблемы:
Решение этих проблем требует времени и усилий со стороны поисковой системы. Пока E-A-T не является фактором ранжирования, и мы не знаем, станет ли он им в будущем.
Тем не менее, но на практике можно наблюдать, что сайты из категории YMYL без опыта и авторитета ранжируются хуже. К примеру, почти на всех сайтах медицинских клиник, которые занимаются своим продвижением и находятся на первой странице выдачи, размещены статьи, проверенные или даже написанные врачом.
Параметры E-A-T не должны быть приоритетнее традиционных задач SEO — создания ссылок и технической оптимизации. Но сами по себе они полезны, поскольку побуждают делать достоверный и полезный контент и работать над доверием к площадке и экспертам, которые на ней публикуются.
Важность AMP для SEO
AMP — Accelerated Mobile Pages — разработка Google, облегченный формат страниц для мобильных, который выглядит проще и открывается быстрее.
С одной стороны, у AMP есть преимущества в виде ускоренной загрузки — предварительного рендеринга и кэширования на серверах поисковика, а также возможности попасть в топ выдачи в блок «Top Stories» или в рунете «Главные новости».
С другой, AMP критикуют за упрощенный дизайн, неудобное размещение рекламных блоков, сложности отображения URL сайта и проблемы с конфиденциальностью.
Как AMP влияет на рейтинг
Использование этого формата может ускорить загрузку страниц у пользователей с плохим интернетом, улучшить поведенческие опять же за счет скорости загрузки, но сам факт наличия AMP преимуществ не даст.
Часть веб-мастеров была вынуждена использовать AMP, чтобы попасть в блок «Top Stories» или «Главные новости» на мобильных устройствах. Он привлекает внимание и трафик: находится сверху в топе выдачи, занимает большую часть экрана, содержит логотипы и картинки.
Блок «Главные новости» в выдаче
В рамках того же обновления Page Experience Google объявил, что начиная с 2021 года в блок «Главные новости» в выдаче смогут попасть не только AMP, но и обычные страницы. Это довольно полезная функция, в частности для новостных сайтов, которым важно как можно быстрее привлечь внимание и добиться перехода.
А еще недавно Google добавил сторисы в Google Discover, они появятся в приложении Google для Android и iOS в виде карусели вертикальных постов с видео. Для них не нужно создавать AMP. Пока они доступны в США, Индии и Бразилии, позже появятся в других странах и других сервисах помимо Discover.
Core Web Vitals 2021: что надо знать, простым языком
Есть много разных метрик производительности сайтов, которые мы можем отслеживать. Давайте разберемся, что важно отслеживать и почему.
Core Web Vitals был создан в Google для того, чтобы выделить самые важные метрики, которые вы всегда должны отслеживать. Вы можете подумать, что Core Web Vitals измеряет только скорость загрузки. Но это не совсем так.
Web Vitals – про юзабилити, про тот опыт взаимодействия с вашим сайтом, который получает каждый посетитель на своём устройстве.
Что такое Core Web Vitals
Core Web Vitals – это комплекс метрик, которые отображают три показателя удобства вашего сайта: скорость загрузки, интерактивность и стабильность элементов сайта. Все должны следить за этими метриками с 2021 года.
Core Web Vitals измеряется двумя методами:
Если улучшить показатель TBT в лабораторном тесте, то FID в живых данных тоже улучшится. Важно учесть, что живые данные собираются в течение месяца и обновляются не сразу. Со временем, метрики Core Web Vitals будут модифицироваться, следите за обновлениями!
Каким должен быть Core Web Vitals
Как понять, что ваши показатели по Web Vitals хорошие? Гугл определил пороговые значения для каждой метрики. Вот они:
Largest Contentful Paint (LCP) – до 2,5 секунд;
First Input Delay (FID) – до 100 миллисекунд;
Total Blocking Time (TBT) – до 300 миллисекунд;
Cumulative Layout Shift (CLS) – 0.1.
Эти метрики относятся к современным стандартам производительности сайтов. Они позволяют измерить комфортабельность пользования вашим сайтом там, где раньше измерить было невозможно.
Для чего следить за Core Web Vitals
Еще десять лет назад сделать медленный сайт было крайне сложной задачей. Потому что интерактивность сайтов сводилась к переходу по ссылке и, может быть, к заполнению формы. Но скорее всего был емайл, который надо было копировать и идти в емайл-приложение.
Сейчас король интерактивности сайтов – джаваскрипт или JS. Именно с помощью него у всех на сайте есть разные виджеты, чаты, бесконечные ленты контента и разный другой функционал.
Core Web Vitals помогает понимать, насколько людям удобно быть на вашем сайте. Это то знание, которое раньше было недоступно для измерения. Ваши аналитики могли сказать про удобство лишь с помощью косвенных метрик, вроде показатель отказов, время на сайте. А сейчас вы можете понимать ПОЧЕМУ эти показатели такие и за месяц исправить ситуацию.
Стоит отметить, что в алгоритме Lighthouse 7 все метрики Core Web Vitals участвуют в расчете оценки производительности. При этом 55% от общей оценки приходится на LCP, TBT и CLS.
Если вы не отслеживаете и не оптимизируете Core Web Vitals, то оценка производительности сайта будет низкой. Красная зона в замерах означает, что у сайта будет меньше поискового трафика с мобильных и низкое качество юзабилити, то есть на нем некомфортно что-либо искать и читать.
Скорость мобильной версии сайта уже учитывается в ранжировании в поисковых системах. Но в мае 2021 года Google начнет использовать данные из Core Web Vitals для определения того, будет ли сайт в топе поисковой выдачи или нет. Поэтому теперь как скорость загрузки, так и удобство пользования сайтом должны быть на высоком уровне для хороших позиций в поиске.
Скорость сайта в 2021 стала еще важнее
Медленный сайт – убийца продаж. Закрывать глаза на этот факт всё сложнее. Если вы хотите, чтобы ваш контент получал охваты и поисковики давали вам больше, чем конкурентам, то вы должны заботиться о производительности сайта. А SEO становится всё сильнее связано со скоростью загрузки сайта.
Итак, что именно надо проверять и как часто? Какие значения – норма в формате Core Web Vitals, а каких надо остерегаться? Всё по порядку.
Какие значения Web Vitals рекомендованы в Google
Каждая метрика имеет свой показатель комфорта для создания хорошего впечатления у посетителей вашего сайта. Сложно найти, какие значения норма, а какие уже нет. Ниже мы поделимся своими определениями о норме Core Web Vitals для лучшего юзабилити и производительности сайта.
Largest Contentful Paint (LCP):
до 2.5 сек – хорошо, после 4 секунд – плохо;
Cumulative Layout Shift (CLS):
до 0.1 – хорошо, больше 0.25 – плохо;
First Input Delay (FID):
до 100 мс – хорошо, больше 300 мс – плохо;
Total Blocking Time (TBT):
до 300 мс – хорошо, больше 600 мс – плохо.
Чтобы оставаться в зеленой зоне, необходимо постоянно мониторить значения этих параметров и следить за тем, чтобы они не выходили за рамки нормы. Такая бдительность позволит оперативно исправить ситуацию еще до того, как она коснется потенциальных покупателей.
Как автоматически проверять Web Vitals
Бесплатно проверить Core Web Vitals можно во многих программах и расширениях: Lighthouse, PageSpeed Insights, Chrome User Experience Report, Search Console (отчет Core Web Vitals), Chrome Developer и Web Vitals Extension. Все эти инструменты помогут разово проверить показатели, чтобы понять и оценить, какова производительность у вашего сайта на данный момент.
Чтобы всегда быть в курсе того, что происходит с вашим сайтом прямо сейчас, необходимо собирать данные автоматически и получать оповещения на почте или в мессенджере. Так вы сможете оперативно отслеживать отклонения от норм, рекомендуемых Гугл.
Напишите в Телеграм компании LOADING.express, чтобы узнать о вариантах мониторинга данных Web Vitals для вашего сайта уже сегодня!
Смотрите видео, где Мартин отвечает на вопросы про Core Web Vitals
Подпишись на AX.digital
Получай на свой e-mail все наши новые публикации.
Алексей Махметхажиев
Многодетный Маркетолог. Люблю DevOps, UX/UI, web performance. Знаю как сделать SEO-трафик и высокие конверсии. Развиваю loading.express. Веду колонку на VC.
Как продать iPhone 12 за 50 секунд – рейтинг скорости онлайн-магазинов
Выжимка статьи: не так давно онлайн-магазины запустили в продажу iPhone 12, пытаясь сделать это максимально красиво. Однако для пользователей картина оказалась не столь уж привлекательной. От чего нагревается ваш телефон при загрузке страниц