Google объясняет, как измеряется совокупный сдвиг макета (CLS)

Как опытный веб-мастер с более чем двадцатилетним опытом работы за плечами, я могу с уверенностью сказать, что понимание Cumulative Layout Shift (CLS) изменило правила игры в моем пути в области SEO и веб-разработки. Разъяснения Барри Полларда о том, как измеряется CLS, предоставили ценную информацию об улучшении пользовательского опыта и видимости в поиске.


Барри Поллард, эксперт по веб-производительности Google, объяснил метод, используемый для расчета совокупного сдвига макета (CLS).

CLS количественно определяет, насколько сильно происходит неожиданный сдвиг макета, когда человек просматривает ваш сайт.

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

Как это измеряется? Поллард затронул этот вопрос в теме на X.

Что касается основных веб-показателей, совокупное смещение макета (CLS) измеряется как максимальное смещение, которое происходит в течение всего процесса загрузки веб-страницы. Значение 0,1 или меньше считается средним, но не идеальным. Значение больше 0,25 считается плохим и указывает на значительную нестабильность макета вашей веб-страницы. Эти цифры отражают величину визуального движения, которое испытывают пользователи при загрузке страницы. Более низкие значения указывают на более стабильное взаимодействие с пользователем и меньшее количество неожиданных сдвигов макета.

За последний день я обсуждал эту тему с несколькими людьми по отдельности. Учитывая это, я подумал, что было бы полезно начать еще одну подробную дискуссию, чтобы прояснить ситуацию…

1/12

— Барри Поллард (@tunetheweb), 10 октября 2024 г.

Понимание измерения CLS

Поллард начал с объяснения природы измерения CLS:

«CLS не имеет единиц измерения, в отличие от LCP и INP, которые измеряются в секундах/миллисекундах».

Далее он уточнил:

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

Этот метод расчета помогает количественно оценить серьезность изменений планировки.

Как объяснил Поллард:

Переместить всю область просмотра в самую нижнюю точку более проблематично, чем переместить вниз только половину ее. Небольшое перемещение всего окна просмотра не так важно, как значительное.

Худший сценарий

Поллард описал наихудший сценарий для одного изменения планировки:

Наибольшее смещение происходит, когда вся видимая область (или коэффициент воздействия, равный 1,0) смещается вниз на всю длину экрана (коэффициент расстояния также равен 1,0).

Это дает оценку смещению макета 1,0 и, по сути, является худшим типом смещения».

Однако он напоминает нам о накопительной природе CLS:

CLS означает накопительный сдвиг макета. Термин «кумулятивный» здесь имеет решающее значение, поскольку он относится к суммированию всех незначительных изменений макета, которые происходят в течение короткого периода времени, обычно не более 5 секунд. Сумма этих отдельных сдвигов формирует оценку CLS.

Поллард объяснил причину создания 5-секундного окна измерений:

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

Он также отметил теоретический максимальный балл CLS:

Учитывая, что каждый компонент может двигаться только во время рендеринга кадра, максимальная продолжительность которого составляет 5 секунд, а большинство устройств работают со скоростью 60 кадров в секунду, это подразумевает теоретический предел для CLS (непрерывный сдвиг задержки) в 5 секунд * 60. кадров в секунду * максимальный сдвиг 1,0 равен 300.

Интерпретация результатов CLS

Поллард рассказал, как интерпретировать результаты CLS:

Как опытный веб-мастер, я хотел бы поделиться полезным мнением о накопительном сдвиге макета (CLS). По сути, рассматривайте CLS как меру процента перемещения контента на вашей веб-странице. Порог «хорошего» CLS равен 0,1, что примерно соответствует перемещению страницы примерно на 10%. Однако эта цифра не обязательно означает, что вся страница переместилась на 10%; это также может означать, что половина страницы переместилась на 20 % или к любому из этих процентов добавились многочисленные небольшие корректировки.

Что касается конкретных пороговых значений, Поллард объяснил:

Вот можно перефразировать это предложение: «Почему мы считаем 0,1 «хорошим», а 0,25 — «плохим»? Это потому, что учитывается баланс наших ожиданий (CLS = 0!) и того, что осуществимо. На самом деле в среднем 0,05 было реально достижимо, но для многих мест это не так, поэтому мы стремились немного выше.

См. также: Как измерить основные показатели Интернета

Почему это важно

Наблюдения Полларда дают создателям веб-сайтов и экспертам по поисковой оптимизации (SEO) ценную информацию о том, как оценить и улучшить совокупный сдвиг макета (CLS).

При работе с CLS имейте в виду следующие моменты:

  • CLS не имеет единиц измерения и рассчитывается на основе долей удара и расстояния.
  • Он является накопительным и измеряет сдвиги в течение 5-секундного окна.
  • «Хороший» порог 0,1 примерно соответствует 10% перемещения области просмотра.
  • Баллы CLS могут превышать 1,0 из-за суммирования нескольких смен.
  • Пороговые значения (0,1 для «хорошо», 0,25 для «плохо») обеспечивают баланс между идеальной производительностью и достижимыми целями.

Благодаря этому пониманию вы можете внести коррективы, чтобы достичь порога Google.

Смотрите также

2024-10-14 21:08

Поиск Google тестирует заголовок главных ссылок для дополнительных ссылок?

Как опытный эксперт по SEO с более чем двадцатилетним опытом работы в цифровой среде, я видел, как алгоритм Google развивался, как хамелеон, адаптируясь к окружающей среде. Последняя разработка, демонстрирующая «топ-ссылки» или «топ-ссылки из…» в фрагментах результатов поиска, является интригующим поворотом в этой бесконечной истории SEO.


Google экспериментирует с отображением фраз «топовые ссылки» или «топовые ссылки из…» в сводках результатов поиска. Эти фразы служат заголовками для дополнительных ссылок, представленных под каждой сводкой результатов поиска, как в обычных (бесплатных) результатах поиска, так и в платных объявлениях Google в Поиске Google.

Первоначально об этом узнал Шамим Адхикарат, которым он поделился со мной на выходных. Он разместил скриншот на платформе X.

Они также могут появляться в рекламе, как отметил Гаган в продолжение поста Шамима:

Позже Броди Кларк из SERPAlerts также заметил это:

— Оповещение о поисковой выдаче (@SERPalerts) 13 октября 2024 г.

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

Смотрите также

2024-10-14 15:44

Google Ads добавляет настройку кампании по оптимизации валовой прибыли

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


Google представил новую настройку кампании под названием «Оптимизация валовой прибыли». Этот параметр позволяет вам установить собственную валовую прибыль, которую Google затем использует для расчета валовой прибыли для каждой конверсии.

Кейси Гилл обратил внимание на новую разработку в LinkedIn — она называется «Новая настройка оптимизации валовой прибыли», которая теперь доступна в некоторых учетных записях Google Ads, о чем ранее было объявлено во время Академии Google Ads. Предварительные тесты показывают увеличение прибыли кампании примерно на 15 % при активации этой настройки.

Чтобы настроить это, вам необходимо передать в Google Рекламу следующие данные:

  • Данные корзины и данные COGS (стоимость проданного товара) в фиде товаров.
  • Задайте цель оптимизации, чтобы получить прибыль от целевой рентабельности инвестиций в рекламу (также известной как POAS)

Вот скриншот/графика, которой она поделилась:

Смотрите также

2024-10-14 15:44

Поиск Google тестирует замену логотипа Google на логотип Super G

Как опытный специалист в области цифрового маркетинга с более чем двадцатилетним опытом, я видел, как Google превратился из простой поисковой системы в глобальную электростанцию. С учетом вышесказанного я должен признать, что тестирование нового логотипа Super G в результатах поиска Google меня немного раздражает. Как будто они пытаются изменить свой логотип, не посоветовавшись с такими старожилами, как я!


Google экспериментирует с заменой стандартного текстового логотипа Google, каким мы его знаем, стилизованным логотипом «Super G» в верхней части страницы результатов поиска Google. Честно говоря, мне это кажется немного необычным, но я полагаю, что это может быть эффективно.

Это заметил Пунит, который опубликовал скриншоты и видео на Mastodon:

Вот гифка этого в действии:

Я предпочитаю там обычный логотип Google, нет?

Вот нормальная версия:

Дипак тоже это заметил:

Google экспериментирует со свежим, более светлым серым оттенком для своей панели поиска, чтобы сделать ее более заметной, увеличив ее размер для улучшения видимости. [Атрибуция: Rustybrick]

— Дипак Ядав (@deepaksgt), 11 октября 2024 г.

Смотрите также

2024-10-14 15:44

Почему поиск в Google не работает? Видео получает миллионы просмотров

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


Арун Майни, известный своим каналом Mrwhosetheboss на YouTube, недавно загрузил критическое видео под названием «Упадок поиска Google: объяснены 3 ключевые причины». В видео раскрываются три фактора, способствующие очевидному упадку Google Search: (1) проблемы со страницей результатов, (2) корректировки в стратегиях SEO и (3) изменения в технологии искусственного интеллекта.

Видео уже было просмотрено более миллиона раз на канале с почти 20 миллионами подписчиков. Вот видео:

Как эксперт по SEO, я хотел бы подчеркнуть обоснованность его опасений, хотя я не совсем согласен с его общими обвинениями в адрес специалистов по SEO. Однако нельзя отрицать, что определенные методы SEO, а не все, способствовали возникновению проблем, которые он выделил. Прекрасным примером является случай, когда в 2010 году владелец бизнеса манипулировал SEO, намеренно собирая негативные отзывы. Поначалу эта тактика была эффективной, но через несколько месяцев Google предприняла корректирующие действия. Поэтому, хотя я и не одобряю подобные практики, важно признать, что они существуют и могут принести краткосрочную выгоду, прежде чем их накажут поисковые системы, такие как Google.

Мне особенно нравится отрывок, в котором рассказывается об Эй Джей Коне, ветеране отрасли с обширным опытом. Примечательно, что он также является основателем YouTube-канала @Goog_Enough X.

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

Просто удивительно, как быстро деградировал бренд Google Search, но большие вопросы заключаются в следующем: (1) не слишком ли поздно для Google изменить ситуацию, (2) хочет ли Google вообще этого и (3) сделает ли он разница в прибыли Google?

Смотрите также

2024-10-14 15:43