Основные веб-жизненные показатели и SEO: советы и рекомендации для вашего сайта

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

В частности, вам может быть интересно, как Core Web Vitals повлияет на эффективность SEO и на что следует обратить внимание при оптимизации сайта WordPress.

Мы попросили некоторых SEO-экспертов и партнеров WordPress поделиться своими мыслями, ожиданиями и рекомендациями относительно обновления Google Page Experience Update.

Продолжайте читать, и вы наверняка получите ответы на свои главные вопросы!

Какого влияния на SEO стоит ожидать от Core Web Vitals и обновления Google Page Experience Update?

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

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

• Производительность загрузки с самой большой отрисовкой содержимого.
• Визуальная стабильность с кумулятивным смещением макета
• Интерактивность с первой задержкой ввода.

Новый фактор ранжирования SEO начнет внедряться в середине июня 2021 года. Чего разумно ожидать?

По словам Джоно Алдерсона из Yoast, за одну ночь не произойдет больших изменений. «Медленные веб-сайты останутся медленными. Компании, которые уже инвестировали в обеспечение хорошего пользовательского опыта, продолжат пожинать плоды», — говорит он. «Однако в долгосрочной перспективе, я думаю, мы увидим тенденцию, когда устаревшие, крупные и медленные компании наконец начнут инвестировать в производительность. Теперь у нас есть формальные метрики и прямая связь между производительностью и доходом; до сих пор эта связь всегда была слишком эфемерной. Однако компании должны действовать быстро. Ожидания пользователей в отношении скорости будут продолжать расти по мере того, как Интернет будет становиться быстрее, а медленное обслуживание нанесет ущерб итоговой прибыли».

Джо Уильямс из TribeSEO также подчеркивает тесную взаимосвязь между пользовательским опытом, производительностью и доходом:

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

Затем он соглашается с Джоно: «Кажется, поначалу сигнал ранжирования будет незначительным, но я полагаю, что со временем он станет более значимым в Google».

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

Адам Коннелл из Startup Bonsai отмечает: «Сосредоточенность на улучшении Core Web Vitals может быть только положительной. Но мы не должны делать это только для Google. Мы должны сделать это, потому что это имеет смысл с точки зрения бизнеса. Лучший UX равен большему доходу».

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

Не делать все только для того, чтобы угодить Google, также считают Патрик Валибус и Томас Ташеро из агентства SEO 410Gone: «Владелец веб-сайта должен заботиться о своих пользователях, независимо от того, что говорят Google или другие компании. Это не первая попытка Google предложить всем улучшить работу своего веб-сайта, но эта, похоже, наконец-то сработала. К сожалению, кажется, что это работает из-за страха, но не из-за здравого смысла. Например, мы уже давно знаем, что веб-сайт должен очень быстро отвечать на первый запрос бота Google. Итак, время до первого байта (TTFB) — не новая метрика, хотя она и не включена в страшный KPI, который объявил Google. Реальное изменение для этого обновления будет на уровне показателя отказов. Показатели Core Web Vitals сосредоточены на быстром отображении информации, которая поможет пользователям понять, что они находятся на нужной странице. Как только они узнают об этом, они с большей вероятностью будут ждать генерации и сложного контента».

Говоря о других сигналах Page Experience, Анил Агарвал из BloggersPassion говорит: «Я думаю, что обновление Google Page Experience поможет пользователям безопасно и удобно просматривать страницы на мобильных устройствах. Миссия Google состоит в том, чтобы систематизировать информацию в мире и сделать ее общедоступной и полезной. Если вы будете помнить об этом, вы не будете сильно беспокоиться о последних обновлениях Google». И добавляет:

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

Как подготовиться к внедрению нового фактора ранжирования SEO

При подготовке сайта WordPress к обновлению Page Experience необходимо обратить внимание на несколько моментов.

Одним из них является тема WordPress для использования. Джо говорит: «Еще в декабре мы запустили новую версию нашего веб-сайта. Он все еще на WordPress, но использует Oxygen Builder в качестве конструктора страниц/темы, потому что его код невероятно компактен и помогает со всеми показателями Core Web Vitals».

По словам Анила, следует помнить и о других аспектах, таких как:

• Оптимизация всех размеров изображения.
• Использование плагина кэширования.
• Сокращение или удаление кода JavaScript и CSS, блокирующего рендеринг, для улучшения общей отрисовки с наибольшим содержанием (LCP).
• Использование CDN для сокращения времени загрузки контента.

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

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

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

Джо также подчеркивает роль JS, наряду с другими аспектами веб-производительности: «Оптимизация скорости страницы требует множества проб и ошибок. Многое зависит от сценариев на стороне сервера, таких как PHP и SQL из тем, компоновщиков страниц, плагинов и сценариев на стороне клиента, таких как JavaScript. Таким образом, чтобы выиграть в Core Web Vitals и скорости страницы, вам нужно иметь скрипты с быстрой загрузкой, что означает избирательность в том, как ваш сайт создается с самого начала».

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

Улучшение основных веб-показателей для SEO: какая метрика самая сложная?

Давайте теперь погрузимся в детали производительности! Мы исследовали основные трудности, связанные с улучшением Core Web Vitals для повышения эффективности SEO. Как вы увидите, есть метрика, которая выделяется больше всего.

Томас говорит: «Сложнее всего улучшить показатель TTFB. Сервер должен реагировать быстро, без задержек. В зависимости от платформы может быть сложно сократить время отклика сервера».

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

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

Адам согласен с тем, что самая большая содержательная отрисовка (LCP) — это, безусловно, самый сложный показатель для улучшения. Когда дело доходит до двух других Core Web Vitals, помогают мощный хостинг и правильные темы WordPress. «Я использую WordPress для управления всеми своими сайтами, что значительно упрощает работу. Я использую легкие и ухоженные темы, такие как Astra и Kadence. В сочетании с высокопроизводительным хостингом это позволяет довольно легко настроить параметры First Input Delay (FID) и Cumulative Layout Shift (CLS). Тем более, что мы не размещаем рекламу».

Самая большая содержательная краска — главная задача и для Анила:

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

Амир также соглашается с наиболее сложной для оптимизации оценкой Core Web Vitals: «Для наших сайтов самой большой проблемой является работа с «Самой большой отрисовкой контента». Причина была в том, что мы использовали слишком много плагинов, которые грузили ресурсы на всех страницах сайта. Некоторые были маленькими, а некоторые большими. Когда мы почистили эти ресурсы, наш сайт быстро загрузился».

💡 Совет. Говоря об улучшении производительности сайта, Джо объясняет, что предварительная загрузка главного изображения на главной странице помогла повысить оценку LCP. «Помимо предварительной загрузки главного изображения на нашей главной странице, улучшить оценку нам помогли отсрочка JavaScript и обновление нашего веб-хостинга. Отсрочка JavaScript также значительно помогла улучшить показатель времени до взаимодействия. Теперь домашняя страница Tribe SEO колеблется между 99 и 100 баллами в мобильном тесте Google PageSpeed ​​Insights».

С другой стороны, для Джоно улучшение кумулятивного смещения макета кажется довольно сложной задачей: «Если вы создаете сайт с нуля, относительно легко достичь идеальных результатов по каждому показателю. Но если вы модернизируете или оптимизируете существующий стек, все может быть намного сложнее. Для сложных сайтов с большим количеством ресурсов и зависимостей я обычно считаю, что совершенствование CLS является самой сложной задачей, особенно когда файлы и шрифты JavaScript загружаются неэффективно, мультимедиа не обслуживается должным образом, а активы, блокирующие рендеринг, приводят к непредсказуемому поведению во время загрузки! ».

Что не следует упускать из виду при оптимизации основных веб-показателей?

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

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

Амир также подчеркивает силу отложенной загрузки: «Мы перевели Диспетчер тегов Google на отложенную загрузку. Из-за этого все тяжелые скрипты для Facebook Pixel, Google Analytics и других загружались после рендеринга страницы».

По словам Джоно, другой недооцененной оптимизацией являются шрифты: «Многие сайты загружают шрифты неэффективно. Если вы просто импортируете из Google Fonts, скорее всего, вы влияете на все свои показатели CWV. Чтобы сгладить перегибы, вам нужно подробно изучить, какие семейства шрифтов, веса и стили вы загружаете, какие конкретные наборы глифов вам нужны и метод загрузки; а также манипулирование форматами предварительной загрузки и браузера».

Амир согласен с ролью шрифтов. Он объясняет: «Когда мы начинали этот проект, показатели производительности в PageSpeed ​​Insights были низкими. Казалось невыполнимой задачей перейти от 40 баллов к 90 баллам. Оказалось, что несколько простых изменений имели огромное значение. Затем дополнительные настройки ключевых страниц поставили нас в зеленую зону. Это не так сложно, и это выполнимо для сайтов WordPress. Вот некоторые из наиболее значительных изменений:

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

Джо не сомневается:

Отсрочка JavaScript, вероятно, является наиболее недооцененной техникой оптимизации, и она больше всего повлияла на оценку GPSI Tribe SEO.

Он возвращается к критической роли TTFB, уже упомянутой Патриком: «Сложнее всего оптимизировать показатель времени до первого байта, потому что это часто может быть связано с серверными сценариями, такими как PHP или SQL. Если вы используете WordPress, вам нужно быть избирательным при использовании компоновщика страниц, темы или плагинов. Улучшение вашего времени до первого байта улучшит все ваши показатели Core Web Vitals».

Анил говорит: «Создание легкого, отзывчивого и быстрого сайта всегда является большой проблемой, потому что это не разовая задача. Вам также необходимо регулярно улучшать время загрузки страниц, применяя передовые методы, такие как кэширование страниц, сжатие GZIP и оптимизация изображений. Чтобы генерировать бесплатный трафик от Google, нужно адаптироваться к последним изменениям и всегда отдавать приоритет пользователям, а не ботам поисковых систем».

16 SEO-советов по оптимизации производительности вашего сайта для Core Web Vitals

Что может быть лучше, чем список, включающий все рекомендации, предоставленные нашими экспертами?

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

1. Улучшить время отклика сервера
2. Обновите свой веб-сервер
3. Обновите свой хостинг
4. Используйте CDN
5. Будьте избирательны в сценариях на стороне сервера (тема, конструктор страниц, плагины и т. д.)
6. Предварительно загрузить самый большой элемент Contentful Paint
7. Зацикливайтесь на каждом ресурсе и активе, который вы загружаете
8. Отложить JavaScript
9. Удалить JavaScript, блокирующий рендеринг
10. Оптимизируйте свои шрифты
11. Всегда оптимизируйте изображения
12. Подавать изображения в формате WebP
13. Реализовать ленивую загрузку
14. Используйте AMP
15. Ограничьте использование надстроек
16. Используйте плагин кеша (даже с базовой конфигурацией).

Каких SEO-ошибок следует избегать

С одной стороны, теперь у вас есть список основных советов по SEO, которые следует учитывать. С другой стороны, каких ошибок следует избегать?

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

Оптимизация изображения продолжает обсуждаться. Патрик объясняет:

В 2021 году главная проблема любого веб-сайта — это размер видео и изображений. Все продолжают загружать картинки HD вместо нужного размера. Это может показаться здравым смыслом, но я все еще часто вижу это, когда проверяю веб-сайт.

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

Выходя за рамки Core Web Vitals и говоря об общем факторе ранжирования, он добавляет: «Еще одна распространенная проблема, которую я вижу, — это неправильное обращение с изменениями постоянных ссылок. Независимо от того, изменяется ли структура постоянных ссылок или перемещаются/удаляются определенные активы, перенаправления должны быть реализованы соответствующим образом. Также важно следить за ошибками статуса HTTP. Такие вещи, как неработающие ссылки и 4xx (обычно ошибки 404), могут выявить более серьезные проблемы, которые необходимо решить. Их исправление полезно для Google, пользователей и вашего бизнеса. Хотя они не повлияют напрямую на Core Web Vitals, они напрямую повлияют на UX. Они также могут подорвать всю хорошую работу, которую вы проделали для подготовки к обновлению Page Experience».

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

Какие инструменты тестирования и аудита скорости использовать

Все согласны с тем, что основными инструментами для тестирования и измерения производительности сайта WordPress являются Google Page Speed ​​Insights и Lighthouse. Кроме того, калькулятор подсчета очков Lighthouse. «Google отлично подсказывает, как можно улучшить показатели Core Web Vitals», — объясняет Джо.

Джоно добавляет: «Если на вашем сайте достаточно трафика, чтобы предоставить вам «полевые данные» в отчетах Lighthouse / PageSpeed ​​Insights, то это единственный показатель, который вы должны использовать для оценки производительности. В противном случае лучше всего подойдут синтезированные «лабораторные данные». Для аудита и обнаружения возможностей я бы полагался исключительно на вкладку «Сеть» в консоли разработчика Chrome, которая дает вам подробный обзор всего, что загружается в браузере. Бонусные баллы за эмуляцию мобильного устройства и «медленное 3g-соединение».

Еще один рекомендуемый инструмент — GTmetrix, который теперь использует показатели Lighthouse.

Вот мнение Томаса: «GTmetrix работает быстро и легко и предоставляет вам историю веб-сайта — это хорошая функция, позволяющая показать нашим клиентам, что что-то изменилось в лучшую сторону или нет. Но мониторинг Core Web Vitals — ключ к успешному проекту. Вы не можете думать о CWV только в начале своего проекта или раз в год». И добавляет: «После того, как регулярный аудит завершен и обнаружена проблема со временем отклика сервера, я использую профилировщики для отладки, такие как Blackfire, для простоты использования, производительности и показателей».

Анил рекомендует несколько дополнительных инструментов:

• WebPageTest – дает важные сведения о производительности вашего веб-сайта, включая время первого байта, использование CDN, а также показатели веб-жизненных показателей.
• Sucuri SiteCheck — бесплатная программа проверки безопасности веб-сайтов и сканер вредоносных программ, которая проверяет, безопасен ли ваш сайт для просмотра)
• Инструмент Google для тестирования, оптимизированный для мобильных устройств, — бесплатный.

О чем нужно помнить №1

Оптимизация вашего сайта для SEO может быть довольно сложной задачей. Вот почему в последнем разделе мы собрали вещи №1 наших участников. Это может пригодиться и вам!

• Пользовательский опыт — это первое, о чем нужно помнить при оптимизации веб-сайта для любых обновлений Google. Обеспечьте лучший (более быстрый, безопасный и полезный) опыт для пользователей, и все будет в порядке.
• Page Experience будет одним из более чем 200 факторов ранжирования в Google и будет начинаться как второстепенный сигнал ранжирования. Тем не менее, Google много шумит о скорости мобильных устройств и страниц. В 2015 году Google представила обновление для мобильных устройств. В 2018 году скорость страницы стала фактором ранжирования на мобильных устройствах. В 2021 году Google завершит полное развертывание обновления индексации для мобильных устройств. А с предстоящим обновлением Page Experience, в котором особое внимание уделяется скорости мобильных устройств и страниц, вы можете увидеть направление, в котором Google движется сейчас и в будущем.

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

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

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

Готовы оптимизировать свой сайт для Core Web Vitals?

Надеюсь, теперь вы знаете, как начать оптимизировать свой сайт для обновления Google Page Experience!

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