В прошлом году я представил в Твиттере ряд технических тем по SEO для локального SEO и получил много положительных отзывов.

Одним из таких элементов технического SEO, который может показаться крайне сложным и незнакомым местным специалистам по поисковой оптимизации, является оптимизация скорости.

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

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

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

Клиент

Клиент представляет собой франшизу по уборке жилых помещений с более чем 40 точками по всей территории Соединенных Штатов. Веб-сайт состоит примерно из 580 страниц с целевой страницей для каждого местоположения.

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

Наша методология

1. Настройте промежуточную среду с помощью WPEngine.

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

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

2. Запустите такой инструмент, как WebPageTest

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

1. Просмотрите баллы Core Web Vitals, чтобы определить, в чем заключаются проблемы.

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

3. Просмотрите ресурсы, блокирующие рендеринг, и обновите их (вероятно, лучше всего отложить их).

3. Проверьте, не сломано ли что-нибудь

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

4. Просмотрите большие изображения с помощью WebPageTest.

Самые большие проблемы Contentful Paint часто вызваны слишком большими изображениями. Существует множество руководств по оптимизации изображений. Если вы используете WordPress, вы также можете использовать такой плагин, как Imagify:

1. Загрузите любые большие изображения, измените размер и уменьшите пространство

2. Перезагружайте изображения меньшего размера

3. Проверьте разрешение изображения на промежуточном сайте

5. Промойте и повторите для других шаблонов страниц

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

6. Установите WP Rocket

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



7. Обзор плагинов

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



8. Проверьте, не сломано ли что-нибудь

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

9. Запустите Webpagetest еще раз

Посмотрим, как у нас получилось! Если вы довольны результатом, значит, ваша работа почти завершена.





10. Публикуйте изменения в реальном времени

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

11. Аннотируйте изменения в GA

Не забудьте аннотировать эти изменения, чтобы вы могли вернуться и сделать выводы из своих результатов для себя.

Полученные результаты

Наша оптимизация скорости началась в июле 2020 года. Вскоре после этого мы увидели улучшение рейтинга небрендированных ключевых слов, которые уже занимали первые 20 позиций. По сравнению с 2021 и 2020 годом, в годовом сравнении с 2020 по 2020 год количество новых пользователей увеличилось на 32 %, количество телефонных звонков — на 47 %, а количество запросов на бесплатные расценки — на 63 %. по сравнению с 2019 годом и более чем на 60% по сравнению с 2020 годом.



Это коррелирует с увеличением как трафика сайта, так и квалифицированных лидов. Наш клиент измеряет квалифицированных потенциальных клиентов как запланированные встречи, которые выросли на 49% PoP.





Мы также проверили данные CRux для нашего клиента по сравнению с близкими конкурентами. Победитель по каждому элементу UX/скорости выделен желтым цветом. Как видите, оценки наших клиентов, как правило, выше, чем у конкурентов, которые также не ранжируются:



Вывод

Техническое SEO можно сделать, даже если вы не считаете себя техническим экспертом. Наличие резервной копии позволяет легко тестировать изменения с уверенностью. Никогда не пренебрегайте важностью тактики SEO, потому что вы незнакомы. Наш клиент увидел рейтинг и улучшения, а также увеличение дохода на 55% только благодаря оптимизации Core Web Vital. Теперь, когда у вас есть пробный веб-сайт, вы можете решать другие технические проблемы, которые вы, возможно, обнаружили, но чувствовали себя некомфортно.