Как подготовить свой сайт к обновлению новой версии страницы Google

28 мая 2020 года компания Google объявила о выпуске обновления Page Experience Update, намеченном на 2021 год.

Обновления алгоритмов Google заставляют веб-мастеров и SEO-специалистов беспокоиться, особенно из-за внезапности, а иногда и отсутствия предупреждений или подробной информации (как, например, безымянное обновление 7 февраля 2020 года или загадочное 19-результатное SERP-обновление 1 марта 2019 года).

К счастью, на этот раз Google объявила об этом новом обновлении заблаговременно, дав вебмастерам и маркетологам достаточно времени для его планирования.

Так что же такое обновление Page Experience Update и как к нему подготовиться? Мы расскажем вам все, что вам нужно знать.

Что такое обновление Page Experience?

Google Page Experience Update измеряет общее впечатление пользователя от взаимодействия с веб-страницей (это отличается от информационной ценности, предоставляемой веб-страницей).

По данным Google:

Сигнал «Опыт страницы» измеряет аспекты восприятия пользователем опыта взаимодействия с веб-страницей. Оптимизация с учетом этих факторов делает Интернет более восхитительным для пользователей во всех веб-браузерах и на всех поверхностях, а также помогает сайтам развиваться в соответствии с ожиданиями пользователей на мобильном телефоне. Мы верим, что это будет способствовать успеху бизнеса в Интернете по мере того, как пользователи будут становиться более активными и смогут работать с меньшим трением.

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

Например, Google измеряет «такие параметры удобства пользования сайтом, как время загрузки, интерактивность и стабильность контента при загрузке (чтобы вы случайно не нажали эту кнопку, когда она смещается под вашим пальцем — как раздражает!)»:

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

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



ОГЛАВЛЕНИЕ

Основные факторы обновления страницы
7 шагов по оптимизации вашего веб-сайта для обновления новой страницы
Сделайте свой сайт удобным для мобильных
Повысьте скорость вашего сайта
Повысьте безопасность своего сайта
Сосредоточьтесь на содержании
Используйте тепловые карты для поиска проблем с удобством использования
Уменьшить показатель отказов
Удалить навязчивые межстраничные объявления

Основные факторы обновления страницы

Алгоритм Page Experience состоит из нескольких сигналов, включая Core Web Vitals (загрузка, интерактивность и визуальная стабильность), удобство для мобильных устройств, безопасный просмотр, безопасность (HTTPS) и отсутствие навязчивых межстраничных объявлений:



Вот как Google документирует каждый из упомянутых выше сигналов:

Самая большая отрисовка содержимого (LCP): этот показатель измеряет время, в течение которого загружается основное содержимое страницы, в частности, самый большой элемент содержимого. Вы должны стремиться к тому, чтобы LCP составлял менее 2,5 секунд:



Самая большая содержательная краска LCP

Задержка первого ввода (FID): эта метрика отслеживает время между первым взаимодействием пользователя с вашей веб-страницей (щелчком по ссылке, нажатием кнопки и т. Д.) До момента фактического ответа страницы. Как говорит Google, «это все равно что отсчитывать время от звонка в дверь до того, как они открыли дверь». Чтобы обеспечить удобство работы пользователей, стремитесь к тому, чтобы FID составлял менее 100 миллисекунд.
Накопительный сдвиг макета (CLS): отслеживает визуальную стабильность содержимого на вашей веб-странице. Если макет вашего сайта неожиданно меняется, это считается неудобством для пользователей. Если вы когда-либо пытались щелкнуть или коснуться чего-либо, а кнопка или ссылка сместились, вы знаете, как это может быть неприятно. Убедитесь, что ваш балл CLS меньше 0,1:

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

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

HTTPS: Это анализирует, является ли соединение вашего сайта безопасным через HTTPS или небезопасным через HTTP.

Интрузивные межсетевые протоколы: Обеспечивает легкий доступ к основному контенту. Интрузивная реклама — это реклама, которая появляется при загрузке веб-страницы.

7 Шаги по оптимизации вашего сайта для обновления опыта новой страницы

Теперь, когда вы знаете, что такое Google Page Experience Update и его основные компоненты, давайте рассмотрим, как подготовить ваш сайт к этому.

1) Сделайте свой сайт мобильным

Часть Page Experience Update, мобильный дружелюбие имеет большое влияние на рейтинг вашего сайта. Компания Google заявила, что с сентября 2020 года она перейдет на мобильную индексацию для всех сайтов.

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

Исправьте все проблемы с загрузкой страницы, предложенные инструментом.

Если ваш сайт не реагирует на изменения, то у него больше шансов получить негативное влияние от обновления Page Experience Update.

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

Например, в Squarespace нет возможности загружать изображения в формате WebP. В нем по-прежнему используются старые форматы, такие как .jpg, .gif и .png, которые загружаются медленно.

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

Кроме того, у него есть большое сообщество разработчиков, с которыми вы можете обсудить любой вопрос и получить помощь. Вы можете исправить все, что вам нужно, чтобы сделать ваш сайт оптимизированным для Page Experience Update. Например, такие плагины, как WPtouch Pro, могут сделать ваш сайт мобильным, а такие плагины, как WebP Converter for Media, могут автоматически конвертировать все изображения на вашем сайте в WebP.

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

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

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

Убедитесь, что логотип на вашем мобильном сайте переносит пользователей на вашу домашнюю страницу.

Сделайте так, чтобы мобильные посетители могли легко получить доступ к окну поиска. Не прячьте его в строке меню.

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

Избегайте кнопок CTA, которые запускают новые окна на мобильных устройствах.

Держите кнопки CTA над складкой и в центре. Избегайте использования расплывчатых кнопок вызова на действия, такие как «узнать больше»:

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

2) Улучшите скорость сайта

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

По данным Google, когда время загрузки сайта уходит от одной секунды до трех секунд, вероятность того, что пользователь подпрыгнет, увеличивается на 32%. При дальнейшем увеличении до шести секунд частота отказов может увеличиться на 106%:

Первый шаг к увеличению скорости вашего сайта — это проверка того, сколько времени занимает полная загрузка вашего сайта. Вы можете сделать это, введя URL вашего домена в Google’s PageSpeed Insights.

Инструмент PageSpeed Insights дает вашему сайту оценку от 0-100 (где 0-49 = плохой, 50-89 = улучшение, и 90-100 = хорошо).

Например, Amazon имеет оценку 76, что говорит о том, что он нуждается в улучшении:

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

Как видно на изображении ниже, Amazon не проходит оценку Core Web Vitals, так как его LCP составляет более 2,5 секунд, а CLS — более 0,1:

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

После выполнения задач, предложенных PageSpeed Insights, выполните следующие шаги:

Сожмите все изображения на вашем сайте. Используйте новый формат WebP для сжатия как с потерями, так и без потерь:

Сжатие WebP без потерь использует предиктивное кодирование для кодирования изображения. Прогнозное кодирование использует значения в соседних блоках пикселей для прогнозирования значений в блоке, а затем кодирует только разницу.

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

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

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

Устраните ненужные HTML, CSS и JavaScript коды. Кроме того, объединить несколько CSS и JavaScript файлов в один.

Используйте асинхронную загрузку файлов CSS и JavaScript для их одновременной загрузки.

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

3) Повышение безопасности сайта

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

Убедитесь, что ваш сайт не взломан злоумышленниками. Проверьте консоль поиска Google, чтобы определить, есть ли на вашем сайте какие-либо проблемы с безопасностью. Эту информацию можно найти в навигации слева в разделе «Безопасность и ручные действия». Как только вы устраните проблемы, нажмите кнопку «Запрос обзора», чтобы сообщить Google о том, что вы улучшили безопасность вашего сайта:

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

Отчет о прозрачности Google

Дополнительно, внедрите SSL-сертификат на вашем сайте. SSL означает «Secure Sockets Layer» (уровень защищенных сокетов), и этот цифровой сертификат обеспечивает аутентификацию зашифрованного соединения для веб-сайта. Другими словами, он делает ваш сайт HTTPS. Сайты, не имеющие HTTPS, рискуют подвергнуться влиянию обновления Page Experience Update:

Выберите правильный тип SSL-сертификата в зависимости от типа собираемых вами данных клиента. Например, если вы обрабатываете только имена и адреса электронной почты посетителей, подойдет SSL-сертификат от компании Let’s Encrypt. Однако, если Вы принимаете онлайн-платежи, выберите SSL-сертификат премиум-класса, например Comodo.

4) Сосредоточиться на содержании

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

Учитывая, что более 74% маркетологов используют контент-маркетинг для продвижения своего бизнеса, очень важно производить высококачественные сообщения.

Вот несколько советов по улучшению качества контента:

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

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

Техника небоскребов: Ознакомьтесь с лучшим контентом ваших конкурентов, а затем используйте технику небоскребов (придуманную Брайаном Дином), чтобы написать свою собственную — но значительно улучшенную (не плагиатируйте!) — версию.

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

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

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

Изображения: Не забудьте включить соответствующие (никаких случайных фотографий со склада!) изображения, графики и/или видео. Изображения не только помогают читателю лучше понять содержание, но и разбивают блоки текста для лучшего UX.

Данные: Не забудьте провести исследование, чтобы предоставить статью, основанную на данных. Это послужит для Google сигналом о том, что вы являетесь экспертом по созданию контента — человеком, воплощающим в себе E.A.T.:

Экспертиза: Страница должна иметь качественный контент, написанный экспертом, обладающим подтвержденным опытом, знаниями или квалификацией.

Авторитет: Сам сайт должен обладать определенным авторитетом в данной области.

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

5) Использовать тепловые карты для поиска проблем с удобством использования

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

Используйте такие инструменты, как Crazy Egg или Hotjar, чтобы понять, что пользователи испытывают при работе с вашим сайтом.

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

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

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

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

6) Уменьшить показатель отказов

Хотя показатель отказов не является основным компонентом обновления Page Experience Update, эта метрика указывает на то, что ваша веб-страница обеспечивает ценность для ваших посетителей.

Высокая частота отказов сигнализирует Google, что страница имеет мало значения в контексте запроса поисковика.

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

Скорость отказов 26-40% считается хорошей. Если ваш сайт имеет показатель отказов более 40%, вам нужно поработать над ним, чтобы заставить пользователей задерживаться на сайте дольше.

Вот несколько способов снизить частоту отказов и увеличить время пребывания:

Ограничьте количество CTA, чтобы не запутать и не перегрузить посетителей («на кого нажать?»).

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

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

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

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

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

7) Удалить Intrusive Interstitials

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

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

Вот пример, который подчеркивает то, что вы должны и не должны делать:

Обратите внимание на интерстициальное (т.е. всплывающее объявление) в верхней части страницы на примере слева. Здесь незаметно написано: «Нажмите здесь, чтобы получить доступ к Android-приложению для домашнего депо».

Второе всплывающее окно («Загрузить наше приложение») блокирует основное содержимое, заставляя пользователей либо нажать на ссылку, либо закрыть его. Google не рекомендует использовать межсетевые ссылки, как второй.

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

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

Google’s Page Experience Update будет запущен в 2021 году, что даст вам достаточно времени, чтобы подготовиться к нему. Следуйте 7 шагам, описанным выше, чтобы оптимизировать ваш сайт для обновления этого нового алгоритма, чтобы оставаться впереди своих конкурентов и продолжать обеспечивать ценность для посетителей вашего сайта.