6 способов для пользователей HubSpot преодолеть обновление Core Web Vitals

Пользователи HubSpot: когда вы в последний раз проверяли скорость своей страницы? Если это было какое-то время, у вас есть работа. Вот почему:

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

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

1. Поймите, что такое основные веб-жизненные ценности

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

Три показателя, из которых состоит Core Web Vitals Google:

• Крупнейший Contentful Paint (LCP) — измеряет скорость вашего сайта. Метрика относится к времени, которое требуется для загрузки основного содержимого страницы на экран пользователя. Думайте об этом как о количестве времени, которое требуется для загрузки контента после нажатия на ссылку.
• Первый входной дисплей (FID) — измеряет интерактивность на странице. Он измеряет время, необходимое пользователю для взаимодействия с вашим сайтом. Например, когда кто-то нажимает кнопку, FID измеряет время, необходимое для фактической обработки этого запроса.
• Кумулятивное смещение макета (CLS) — измеряет стабильность страницы во время загрузки или «визуальную стабильность». Высокий CLS означает, что элементы на вашей странице часто перемещаются во время загрузки, что не очень хорошо для пользователя.

Наряду с этими показателями Google также установил тесты, в которых он определяет, соответствует ли страница Core Web Vitals. Вот цель:

• LCP — страница должна загружать основной контент в течение 2,5 секунд после перехода на нее.
• FID — пользователь должен взаимодействовать со страницей в течение 100 миллисекунд после перехода на нее.
• CLS — совокупная оценка смещения макета должна быть меньше 0,1, что означает, что скачки в макете страницы практически отсутствуют.

Итак, теперь, когда вы знаете, что вы должны набрать, как вы измеряете Core Web Vitals вашего сайта? Google упростил задачу владельцам сайтов, добавив несколько новых способов измерения этих показателей. Мы не будем вдаваться в них все здесь, но, возможно, самый простой способ — зайти в Page Speed ​​Insights и ввести свой URL-адрес. Вы автоматически получите оценку и рекомендации по улучшению этой оценки. Страница также сообщит вам, считается ли ваш результат проходным или нет.

2. Используйте инструмент SEO-рекомендаций HubSpot

Имея четкое представление о Core Web Vitals от Google, вы сможете воспользоваться преимуществами инструментов HubSpot. Готовясь к обновлению Page Experience, HubSpot обновил свой инструмент SEO-рекомендаций, включив в него показатели, которые помогут вам улучшить показатели Core Web Vital. Полезно ознакомиться с этими рекомендациями, а также с рекомендациями Google, поскольку HubSpot предоставит вам уникальные предложения, основанные на платформе их веб-сайта.

Как вы используете этот инструмент? HubSpot делает это довольно просто для своих пользователей:

1. В своем аккаунте перейдите в Marketing Hub.
2. Перейдите в раздел «Веб-сайт» и нажмите «SEO».
3. Вы увидите возможность сканировать новый домен на наличие рекомендаций.
4. Введите домен своего веб-сайта и нажмите «Сканировать URL».
5. Когда сканирование будет завершено, нажмите «Просмотреть рекомендации».
6. Вы заметите, что HubSpot дает вам семь категорий. Производительность, безопасность и взаимодействие с пользователем были добавлены в свете обновления Page Experience.

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

3. Ленивая загрузка больших изображений

Одним из самых больших препятствий для быстрого LCP или времени загрузки страницы являются большие файлы изображений или видео. Перед размещением на сайте HubSpot рекомендуется максимально сжимать и сжимать изображения. Но иногда вы просто не можете обойтись без большего размера файла. Вот где вы захотите воспользоваться так называемой «ленивой загрузкой».

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

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

Как? Просто добавьте модуль изображения на страницу и выберите «Отложенная загрузка» в переключателе «Загрузка изображения». Это так просто.

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

4. Дважды проверьте смарт-контент

Смарт-контент — ценный инструмент в HubSpot. Но при неправильном использовании это может повлиять на пользовательский опыт. Мы рекомендуем перепроверить все страницы, на которых у вас есть смарт-контент. Есть ли смысл в персонализации? Работает ли он так, как может ожидать пользователь?

Как правило, HubSpot довольно хорошо загружает правильный контент при использовании инструмента Smart Content. Но при анализе ваших основных веб-показателей и производительности вашего сайта рекомендуется проверить опыт самостоятельно. Убедитесь, что все загружается должным образом, а макет страницы ведет себя должным образом.

Вы также можете проанализировать эффективность своего смарт-контента. Посмотрите на общее количество просмотров страниц, отправок форм, кликов CTA, чтобы определить, правильно ли пользователи реагируют на ваш смарт-контент. Если нет, возможно, пришло время переосмыслить то, как вы представляете этот контент.

5. Задержите свой чат-инструмент

Используете ли вы инструмент чата HubSpot? Вам, наверное, это очень нравится, и мы это понимаем. Это отличная функция для конвертации трафика и лидогенерации. К сожалению, это сильно влияет на скорость вашей страницы.

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

1. Перейдите в «Беседы» -> «Потоки чата».
2. Нажмите «изменить» в потоке чата, который вы хотите изменить.
3. В разделе «Отображение» и «Поведение отображения чата» вы увидите запрос на изменение времени на странице.

Введите количество секунд, на которое вы хотите отложить чат. Это задержит загрузку вашего чата на указанное время. HubSpot рекомендует 5 секунд в качестве наилучшей практики.

6. Будьте осторожны с формами HubSpot

Формы и призывы к действию HubSpot могут сильно повлиять на скорость страницы, особенно на мобильных устройствах. Почему? Каждая форма и CTA имеют свой собственный Javascript, который требует значительного времени загрузки.

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

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

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

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

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

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