Основные веб-жизненные показатели и скорость страницы — что делать (и не делать) с вашим сайтом

Опубликовано: 2021-08-19

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

Еще в июне мы представили краткий обзор обновления Google (официальное название «Обновление возможностей страницы») и введение в Core Web Vitals — показатели, играющие наиболее заметную роль в обновлении.

Резюме:

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

Посетите наш обзорный блог, чтобы узнать больше.

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

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

Обновление: веб-сайты Carrot теперь на 69,8% быстрее, чем пользовательские веб-сайты на мобильных устройствах

НЕОБХОДИМО понимать инструменты тестирования

Нам часто задают этот вопрос: как вы проверяете скорость своего сайта и Core Web Vitals и какой инструмент следует использовать? В Carrot мы рекомендуем использовать инструмент PageSpeed ​​Insights от Google, потому что независимо от того, какой инструмент вы выберете, самое главное — быть последовательным.

Для нас наиболее целесообразным является использование собственного инструмента Google. Если вы используете браузер Chrome, Lighthouse Tool в инструментах разработчика — еще один отличный вариант.

Тем не менее, мы всегда хотим быть уверены, что наши участники понимают различия и предостережения между мгновенными оценками, предоставляемыми инструментами, и оценками, которые фактически используются в алгоритме Google. Google разделяет их на две категории: лабораторные данные и полевые данные.

Лабораторные данные — предоставлены инструментами тестирования

Данные лаборатории Google

Лабораторные данные — это именно то, на что они похожи — данные, собранные в лаборатории, или, в данном случае, один снимок отчета, выполненный инструментом Google PageSpeed ​​Insights Tool или любым другим сторонним инструментом тестирования.

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

Как и в реальной лаборатории, вы хотите контролировать все переменные при проведении экспериментов и тестов на своем веб-сайте. Инструмент скорости страницы Google (и большинство других инструментов) делает это, загружая ваш сайт на имитацию смартфона старого поколения с подключением только к 3G, чтобы определить показатели мобильной «скорости сайта».

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

Их опыт лучше, чем в смоделированном снимке, и вносит свой вклад в полевые данные — реальные оценки, используемые алгоритмом ранжирования поиска Google.

Полевые данные – предоставлены реальным пользовательским опытом

Как мы уже говорили выше, полевые данные — это то, что Google на самом деле вводит в свой алгоритм поиска. Он представляет собой фактический пользовательский опыт, собранный отчетом о пользовательском опыте Chrome (или CrUX), когда пользователи посещают ваш сайт. Затем Google смотрит на 75-й процентиль этих оценок, и это ваша фактическая «оценка», используемая их алгоритмом.

Как и в случае с более известными индикаторами ранжирования Google, мы теряем видимость и прозрачность по мере приближения к алгоритму. Таким образом, в то время как к оценочным данным лаборатории моментальных снимков можно получить доступ, когда нам захочется запустить инструмент, полевые данные взаимодействия с пользователем более неоднозначны и недоступны.

Есть две основные области, где вы можете получить представление о своих реальных оценках взаимодействия с пользователем, если на вашем сайте достаточно трафика / данных для Google для создания отчетов. Это находится на вкладке Core Web Vitals в Google Search Console или в верхней части отчетов в инструменте PageSpeed ​​Insights.

Для отдельных URL-адресов вы можете увидеть ошибку «Данные поля — в отчете о пользовательском опыте Chrome недостаточно данных о реальной скорости для этой страницы». Это означает, что данных CrUX недостаточно для создания репрезентативного анонимного представления о вашей производительности.

Если вы обнаружите, что это так, не беспокойтесь — вам просто нужно больше посетителей, и лучший способ сделать это — сначала сосредоточиться на создании отличного контента.

Это подводит нас к следующему разделу…

НЕ переставайте концентрироваться на содержании

Ни при каких обстоятельствах вы не должны прекращать то, что вы делаете, чтобы создавать отличный контент, и бросать все, чтобы сосредоточиться на Core Web Vitals.

Вот некоторые рекомендации непосредственно из источника — Google…

«Несмотря на то, что удобство страницы важно, Google по-прежнему стремится ранжировать страницы с наилучшей информацией в целом, даже если качество страницы ниже среднего. Хороший опыт страницы не важнее отличного контента страницы». – Понимание опыта страницы в результатах поиска Google.

Другими словами, впечатления от страницы и показатели скорости сайта — это просто другие ингредиенты сложного рецепта, который Google использует для получения результатов поиска и ранжирования.

Контент по-прежнему король.

Релевантный, полезный, информативный и высококачественный контент будет по-прежнему превосходить конкурентов и другие веб-сайты, потому что, в конце концов, посетитель в первую очередь ищет контент. Скорость страницы — это еще одно дополнительное измерение.

В Carrot мы всегда преуспевали в содержательной стороне вещей. Это наш хлеб с маслом! Поэтому, хотя за обновлением Page Experience от Google, безусловно, стоит следить сейчас и в будущем, мы настоятельно рекомендуем вам продолжать использовать наши инструменты и вкладывать свое время, ресурсы и творческие усилия в создание высококачественного и релевантного контента, прежде всего. .

Еще одно примечание: Core Web Vitals будет применяться только к результатам мобильного поиска. В нашей сети мы видим, что почти 40% входящего трафика (и потенциальных клиентов!) на сайты Carrot по-прежнему приходятся на настольные компьютеры. Это обновление никак не повлияет на результаты поиска на рабочем столе. Вот почему контент по-прежнему так важен.

Используйте минималистский (в первую очередь мобильный!) подход к дизайну

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

Как мы уже упоминали, 60% трафика в нашей сети Carrot приходится на мобильные устройства. Имейте это в виду, когда думаете о том, как размещать и размещать контент на своем сайте. Иногда меньше значит больше.

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

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

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

На левом изображении форма видна, и страница не блокируется от загрузки ресурсоемкими элементами. На правом изображении нужно загрузить больше элементов, а форма проталкивается «ниже сгиба».

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

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

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

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

ОТНОСИТЕСЬ К ОПТИМИЗАЦИИ ИЗОБРАЖЕНИЙ СЕРЬЕЗНО

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

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

Пошаговые примеры см. в нашем руководстве по оптимизации изображений.

НЕ утяжеляйте свой сайт скриптами отслеживания

Как и в случае с элементами контента, слишком много ненужных скриптов отслеживания и сторонних кодов также могут перегрузить ваш сайт и негативно повлиять на ваши показатели Core Web Vitals.

Применяется та же концепция: каждый добавляемый скрипт или фрагмент кода требует больше ресурсов для выполнения.

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

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

Если вы не активно и постоянно используете эти инструменты отслеживания, возможно, подумайте, что вам действительно нужно, а от чего можно избавиться. Со временем добавление отдельных скриптов и фрагментов кода может естественным образом раздуться, если не проводить регулярный аудит только самых необходимых скриптов. Это одна из наиболее распространенных переменных, которые мы видим при просмотре результатов отчета о скорости сайта клиента.

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

И, наконец, НЕ БЕСПОКОИТЬСЯ…

Core Web Vitals и Google Page Experience Update, безусловно, сложны, но, потратив время на изучение основ и объединив работу нашей инженерной группы по оптимизации вашего сайта, вы опередите большинство владельцев сайтов.

Screaming Frog проанализировала 20 000 URL-адресов в прошлом году, и только 12% мобильных сайтов и 13% сайтов для компьютеров прошли оценку Core Web Vitals. Каждому предстоит проделать большую работу, и мы намерены продолжать предоставлять вам необходимые ресурсы и обновления.

Мы благодарны большому сообществу участников, которые действительно поддерживают то, что мы делаем здесь, в Carrot, чтобы помочь преобразить то, как успешные агенты по недвижимости и инвесторы используют Интернет для развития своего бизнеса в сфере недвижимости.