В течение года Google вносит десятки изменений в алгоритмы, стремясь отсеять некачественные результаты поиска и предоставить поисковикам только самый полезный и релевантный контент. Прошлой осенью гигант поисковых систем объявил о некоторых довольно серьезных изменениях, которые могут повлиять на рейтинг сайта. Хорошая новость заключается в том, что если вы уже уделяли первостепенное внимание оптимизации сайта и приоритету пользовательского опыта (UX), то вам не нужно беспокоиться о том, чтобы спешно вносить всевозможные изменения на свой сайт. Однако это не означает, что вы хотите пропустить Google Core Web Vitals мимо ушей, не уделив время тому, чтобы понять, что это такое и как они повлияют на результаты поисковых систем, когда эти изменения начнут внедряться в конце мая 2021 года.
Что такое Google Core Web Vitals?
Веб показатели – не совсем новая концепция для тех, кто уделяет внимание производительности сайта и тому, как она влияет на общий потребительский опыт. Исследования показывают, что скорость страницы напрямую влияет на пользовательский опыт, а Google использует ее в качестве фактора ранжирования с 2010 года. К числу показателей, на которые большинство веб-мастеров обращают особое внимание, относятся:
- Скорость интернета
- Безопасность объекта
- Удобство для мобильных устройств
- Robots.txt и карты сайта
Google уделял особое внимание этим факторам в течение многих лет, но сейчас они становятся более критичными, чем когда-либо. Что меняется? Google Core Web Vitals – это новые и более сложные веб-показатели, которые станут частью основного алгоритма Google. Это означает, что если ваш сайт не соответствует стандартам, установленным этими новыми показателями, изменения могут негативно сказаться на нем. Новые показатели, которые будут приоритетными в рамках последнего обновления Google, – это загрузка страницы/сайта, интерактивность и визуальная стабильность:
- Largestgest Contentful Paint (LCP): фокусируется на времени загрузки страницы и представлено тем, сколько времени требуется одной странице для загрузки с точки зрения пользователя.
- First Input Delay (FID): фокусируется на интерактивности и способности пользователя взаимодействовать с вашей страницей.
- Cumulative Layout Shift (CLS): фокусируется на визуальной стабильности и представляет, насколько стабильна страница при загрузке.
Крупнейшая содержательная краска (LCP)
Время загрузки сайта – это огромный фактор, влияющий на впечатления пользователя. Исследования показали, что медленно загружающийся сайт негативно влияет на восприятие бренда и может привести к снижению конверсии. Если страница загружается слишком долго, пользователи могут разочароваться и покинуть ваш сайт до того, как он успеет полностью загрузиться. Метрика LCP показывает время отображения наиболее заметного блока текста или изображения, видимого в области просмотра, по отношению к моменту начала загрузки страницы. В идеале показатель LCP должен составлять 2,5 секунды или меньше.
Задержка первого входа (FID)
FID предназначен для отслеживания времени, которое проходит между моментом, когда пользователь взаимодействует с элементом на вашем сайте, и моментом, когда браузер отвечает на этот запрос. Взаимодействие может включать щелчок по ссылке, выбор пункта меню и т.д. Хотя веб-сайты, на которых размещаются в основном большие фрагменты контента, скорее всего, будут меньше беспокоиться об этом ключевом показателе, он необходим для тех, кто включает интерактивный призыв к действию в конце страницы или имеет страницу входа клиента/подписчика или даже страницу регистрации. Чем медленнее время реакции, тем больше разочарований испытывает посетитель. В идеале, вы хотите, чтобы показатель FID составлял 100 миллисекунд или меньше.
Кумулятивный сдвиг компоновки (CLS)
Наконец, CLS предназначен для измерения стабильности страницы в процессе ее загрузки. Например, если вы просматриваете часть контента на мобильном устройстве, а в процессе загрузки текст, который вы читали, перескакивает, то такой текстовый блок считается нестабильным. Такие случаи невероятно расстраивают потребителей и приводят к увеличению числа отказов, поскольку они уходят с вашей страницы, чтобы найти необходимую информацию в другом месте. Чем более стабильна ваша страница, тем ниже будет ваш общий показатель CLS. В идеале каждая из ваших страниц должна иметь показатель CLS не более 0,1. Любой более высокий показатель указывает на то, что элементы на вашей странице смещаются, когда они не должны смещаться, и негативно влияют на время загрузки страницы и UX вашего сайта.
Являются ли показатели Core Web Vitals фактором ранжирования для вашего сайта?
Показатели веб-сайтов всегда играли незначительную роль в ранжировании сайтов. Однако сейчас Google придает им первостепенное значение, поскольку все больше пользователей требуют, чтобы сайты работали на них, а не наоборот. Потребители без проблем переходят с одного сайта на другой, если страница слишком сложна для навигации или слишком долго загружается. По данным Google, длительная загрузка страниц оказывает “серьезное влияние на показатель отказов”.
- При увеличении времени загрузки страницы с 1 секунды до 3 секунд показатель отказов увеличивается на 32%.
- Если время загрузки одной страницы увеличивается с 1 секунды до 6 секунд, показатель отказов возрастает на 106%.
Эти основные веб-сигналы присоединятся к текущим поисковым сигналам Google для оценки качества страницы, которые включают в себя:
- Удобство для мобильных устройств: Поскольку доля мобильных устройств в посещении органических поисковых систем в США в первом квартале 2021 года составит 59%, а во втором и третьем кварталах 2020 года достигнет исторического максимума (64%), вполне логично, что Google включит удобство для мобильных устройств в качестве фактора ранжирования сайтов. Это означает, что ваш сайт не только открывается на мобильном устройстве, но и отображается таким образом, что на нем легко ориентироваться и пользоваться им пользователям смартфонов, планшетов и других мобильных устройств.
- Безопасный просмотр: Ваша страница не содержит вредоносного или обманчивого содержимого, такого как вредоносные программы или социальная инженерия, которые обманом заставляют посетителей раскрывать конфиденциальную информацию или загружать программное обеспечение.
- HTTPS: Ваш сайт защищен и имеет SSL-сертификат, который гарантирует, что ваш сайт может безопасно передавать конфиденциальные данные, такие как банковская информация и учетные данные для входа в систему, через интернет с помощью протоколов шифрования, аутентификации и целостности.
- Никаких навязчивых интерстиций: Навязчивые интерстиции определяются как интерактивные элементы, которые по сути всплывают и занимают страницу, которую посетитель просматривает в данный момент. В большинстве случаев это всплывающая реклама и оверлеи. Хотя некоторые интерстиции необходимы (например, юридические интерстиции), Google будет наказывать сайт, который содержит навязчивые интерстиции, которые не считаются необходимыми.
Каждый из этих показателей сайта и обновленные основные показатели сайта теперь будут использоваться для принятия решений о ранжировании в алгоритме Google. Если вы уже уделяете пристальное внимание этим показателям, то вам не о чем беспокоиться! Однако если вы не обращали особого внимания на скорость страниц, безопасность сайта и другие описанные показатели UX, то вам стоит скорее начать вносить серьезные изменения в свой сайт, чем позже, или помнить об этом при создании сайта.
Как улучшить основные показатели вашего сайта?
Если вы хотите внести небольшие исправления в уже оптимизированный сайт или готовитесь к капитальному ремонту, есть несколько способов улучшить показатели Core Web Vitals. Вот пять основных показателей.
Оптимизируйте изображения
К сожалению, при добавлении изображений и видео на сайт большинство создателей просто вставляют эти элементы и не задумываются об их оптимизации для улучшения UX. Поскольку изображения и видео занимают около 63% пропускной способности современного сайта, очень важно, чтобы вы уделяли время их оптимизации для повышения производительности сайта. Лучший способ оптимизации изображений/видео – рассмотреть эти три элемента:
- Размер файла: Первое, что необходимо учитывать при добавлении изображений и видео на сайт, – это размер файла. Если вы вставляете изображение или видео на свой сайт, вы должны убедиться, что файл не является массивным. Чем больше размер файла, тем дольше будет загружаться изображение.
- Тип файла: Второе, что необходимо учитывать, – это тип файла. Хотя большинство современных браузеров используют любой необходимый тип файла, лучше убедиться, что вы используете правильный тип файла для изображения или видео.
- Формат изображения: Третье, на что следует обратить внимание, – это формат изображения. Хотя большинство браузеров принимают файлы PNG и GIF (и даже иногда BMP), вы должны убедиться, что изображение отформатировано правильно. Файлы PNG намного эффективнее, чем GIF, и большинство дизайнеров предпочитают именно этот формат.
Для сжатия и оптимизации изображений можно использовать сторонние сайты, например TinyPNG. Или, если у вас есть сайт WordPress, есть плагины для оптимизации изображений, такие как:
- Smush
- Оптимизатор изображений ShortPixel
- Imagify
Это автоматически оптимизирует ваши медиафайлы.
Оптимизируйте CSS и JavaScript
Хотя ваши файлы CSS и JavaScript важны для функциональности вашего сайта, они также важны для его производительности. Оптимизируя эти файлы, вы можете улучшить время загрузки страниц вашего сайта, что поможет вашему сайту лучше ранжироваться в результатах поиска Google. Существует несколько способов оптимизации файлов CSS и JavaScript для повышения производительности. Вот несколько советов:
- Ограничьте количество файлов CSS: Чем больше у вас файлов CSS, тем дольше будет загружаться ваш сайт. Вы должны быть уверены, что ваши CSS-файлы не слишком велики и что вы используете только необходимое количество файлов.
- Минимизация файлов CSS/JavaScript: Минимизация файлов CSS и JavaScript поможет увеличить производительность сайта. Удалив ненужные пробелы и символы из файлов CSS и JavaScript, вы поможете сайту загружаться быстрее.
- Ограничьте количество внешних скриптов: Чем больше у вас внешних скриптов, тем больше времени потребуется для загрузки вашего сайта.
Для реализации этой тактики вам, скорее всего, придется работать с разработчиком. Однако если у вас есть сайт WordPress, то для него существуют такие плагины, как:
- Колибри
- LiteSpeed Cache
- Автооптимизация
Это сделает всю работу за вас. Если вам нужна дополнительная помощь, вы можете ознакомиться с этим руководством о том, как улучшить производительность вашего сайта с помощью плагина Hummingbird.
Убедитесь, что ваш сайт безопасен
Google ясно дал понять, что будет учитывать безопасность в своем алгоритме ранжирования. Это означает, что вам необходимо инвестировать в сертификат SSL (также известный как SSL/TLS или просто TLS). SSL-сертификат поможет защитить ваш сайт, что поможет защитить данные ваших посетителей и гарантировать, что любая информация, которую они вводят на вашем сайте, зашифрована и защищена. К счастью, большинство хорошо управляемых WordPress хостинговых компаний теперь поддерживают бесплатный Let’s Encrypt SSL – так что нет необходимости разорять банк, чтобы защитить свой сайт.
Убедитесь, что ваш сайт дружелюбен к мобильным устройствам
С ростом мобильного поиска ваш сайт должен быть дружественным к мобильным устройствам. Это означает, что ваш сайт будет корректно загружаться и отображаться на мобильных устройствах. Вы хотите убедиться, что ваш сайт отзывчив и удобен для навигации ваших посетителей. Большинство популярных тем WordPress по умолчанию являются отзывчивыми. Однако если вы используете старую или пользовательскую тему, это может быть не так. Не совсем понимаете, как сделать свой сайт удобным для мобильных устройств? Вот несколько моментов, которые следует учесть:
- Форматирование: Убедитесь, что ваш сайт правильно отформатирован. Это включает в себя правильный размер изображений, использование соответствующих типов файлов, а также правильное форматирование CSS и JavaScript.
- Время/скорость загрузки: убедитесь, что ваш сайт загружается и отображается должным образом. Вы должны быть уверены, что ваш сайт не загружается слишком долго на мобильных устройствах и не лагает/замерзает.
- Отзывчивость: Убедитесь, что ваш сайт отзывчив. Вы должны быть уверены, что ваш сайт отзывчив для различных браузеров и устройств.
- Навигация: Убедитесь, что на вашем сайте легко ориентироваться. Вы должны убедиться, что ваши меню просты в использовании и что на вашем сайте нет узких мест, которые делают невозможной навигацию для ваших посетителей.
Оптимизируйте свои серверы
Наконец, вы должны быть уверены, что серверы хостинга справятся с нагрузкой вашего сайта. Если ваши серверы не справляются с нагрузкой, вы можете столкнуться с различными проблемами, включая медленную загрузку и простои. Лучше всего убедиться, что ваши серверы оптимизированы для работы, и один из способов сделать это – убедиться, что вы используете правильный сервер. Вот несколько вариантов, которые стоит рассмотреть:
- Сервер VPS: Если ваш сайт небольшой, VPS-сервер – отличное решение. Серверы VPS являются экономически эффективными и гибкими, что делает их отличным решением для большинства малых предприятий.
- Выделенный сервер: Если ваш сайт большой, то выделенный сервер может быть подходящим решением для вас. Выделенный сервер – это отличное решение, если у вас большое количество посетителей и/или на вашем сайте большое количество страниц.
- Облачный сервер: Если ваш сайт небольшой и у вас не так много посетителей, облачный сервер может быть подходящим решением для вас. Облачные серверы экономически эффективны и масштабируемы, что делает их отличным вариантом для малого бизнеса.
- Общий хостинг: Если ваш сайт большой и у вас много посетителей, общий хостинг может быть лучшим решением для вас. Общий хостинг является экономически эффективным и масштабируемым, что делает его отличным решением для крупных компаний.
Для большинства специалистов по маркетингу обновление Core Web Vitals от Google не вызовет особого ажиотажа, поскольку лучшие практики поисковой оптимизации (SEO) уже подчеркивают необходимость приоритета пользовательского опыта. Однако если вы только создаете свой сайт или не уделяли приоритетного внимания пользовательскому опыту в прошлом, вам следует предпринять необходимые шаги, чтобы ваш сайт не пострадал при ранжировании. Пять шагов, описанных выше, являются отличным началом. Просто делайте шаг за шагом, и ваш сайт будет готов к работе!
