Взгляды автора полностью его или ее собственные (за исключением маловероятного случая гипноза) и могут не всегда отражать взгляды Моза.
В прошлом году я представил в Твиттере ряд технических тем по SEO для локального SEO и получил много положительных отзывов.
Одним из таких элементов технического SEO, который может показаться крайне сложным и незнакомым местным специалистам по поисковой оптимизации, является оптимизация скорости.
Есть несколько ключевых сценариев, когда локальные SEO-специалисты должны серьезно подумать об оптимизации скорости, даже для небольшого локального клиента. В конце концов, на этих клиентов по-прежнему влияют проблемы, связанные с более медленным веб-сайтом, такие как более высокие показатели отказов, более низкие конверсии и, что хуже всего, плохое взаимодействие с пользователем.
Есть также множество случаев, когда оптимизация скорости является практическим следующим шагом в вашей стратегии SEO. Если у вашего клиента отличный контент, отличные ссылки, но низкая вовлеченность или низкий рейтинг, причиной могут быть проблемы со скоростью.
Этот кейс как раз о таком клиенте. Единственный сервис моей команды в РикитиРу при условии, что на протяжении всего тематического исследования была оптимизация скорости, и мы увидели впечатляющие результаты. В этом посте я поделюсь нашим опытом, и, надеюсь, это вдохновит вас на решение некоторых проблем со скоростью, которые вы так нервничали.
Клиент
Клиент представляет собой франшизу по уборке жилых помещений с более чем 40 точками по всей территории Соединенных Штатов. Веб-сайт состоит примерно из 580 страниц с целевой страницей для каждого местоположения.
Цель нашего клиента довольно проста: получить больший кусок пирога от крупных общенациональных франшиз по уборке дома. Наш технический аудит показал, что сайт работает очень медленно, поэтому мы начали со скорости сайта.
Наша методология
1. Настройте промежуточную среду с помощью WPEngine.
Независимо от того, используете ли вы инструменты и плагины или предпочитаете вручную обновлять веб-сайт для ускорения, вам следует создать промежуточную (или тестовую) среду. Внесение ручных изменений в код, с помощью которого создан веб-сайт (даже с помощью плагина), может привести к поломке веб-сайта. Промежуточная среда — это клонированная версия рабочего сайта, с которой можно работать, не рискуя сломать что-либо на рабочем сайте. После того, как вы настроили пробный сайт, вы можете существенно обновить и изменить любые элементы, которые вы хотите, и протестировать, не опасаясь, что ваш клиент потеряет трафик или потенциальных клиентов.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 3 wpengine overview](https://moz.com/images/cms/wpengine-overview.gif?w=1008&auto=compress%2Cformat&fit=crop&dm=1655755572&s=2772fe019860826f0d87e38b9bd20c17)
Наша философия скорости заключается в том, чтобы протестировать и проверить. Проверка того, что промежуточный сайт по-прежнему работает после внесения изменений, а затем получение обновленной оценки с помощью выбранного вами инструмента скорости, — единственный способ быть уверенным в вносимых вами изменениях.
2. Запустите такой инструмент, как Веб-страницаТест
На этом этапе вы диагностируете такие проблемы, как файлы сценариев, возвращающие ошибку 404, неиспользуемые файлы CSS, вызывающие более длительное время загрузки, и ресурсы блока рендеринга. Найдите эти проблемы и обновите их. Web.dev отличный ресурс для поиска решений:
1. Просмотрите баллы Core Web Vitals, чтобы определить, в чем заключаются проблемы.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 4 first view run1](https://moz.com/images/cms/first-view-run1.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755588&s=fb4596c77be7f8efed4d0e4095dc0203)
2. Узнайте, что больше всего отнимает у водопада время
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 5 cpu utilization](https://moz.com/images/cms/cpu-utilization.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755582&s=1431c61c0805d02a9be1671f5116471e)
3. Обзор ресурсы, блокирующие рендеринг и обновить (отложить их, вероятно, лучше всего здесь)
3. Проверьте, не сломано ли что-нибудь
Вот почему мы используем промежуточную среду — на случай, если любое из этих изменений, которые мы сделали, что-то сломает. Посетите тестовый сайт и сравните внешний вид и функциональность с производственной версией сайта. Если все работает так, как ожидалось, то у вас все отлично.
4. Просмотрите большие изображения с помощью WebPageTest.
Самые большие проблемы Contentful Paint часто вызваны слишком большими изображениями. Есть много руководства по оптимизации изображений там. Если вы используете WordPress, вы также можете использовать такой плагин, как Imagify:
-
Загрузите любые большие изображения, измените размер и уменьшите пространство
-
Перезагружайте изображения меньшего размера
-
Проверьте разрешение изображения на промежуточном сайте
5. Промойте и повторите для других шаблонов страниц
Все, что мы сделали до сих пор, мы повторим для каждого типа шаблона, используемого на сайте. Большинство сайтов будут иметь отдельные шаблоны для страниц местоположения, услуг, категорий, блогов, продуктов, контактных страниц и т. д. Каждый из этих типов страниц должен быть проверен с помощью такого инструмента, как WebPageTest.
6. Установите WP Rocket
Если ваш сайт находится на WordPress, вы можете использовать WP Rocket для дальнейшей оптимизации скорости вашего сайта. У WP Rocket иногда могут быть проблемы с другими плагинами или темами, используемыми на сайтах WordPress, поэтому важно сначала протестировать его на тестовом сайте.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 6 lazyload](https://moz.com/images/cms/lazyload.png?w=800&auto=compress%2Cformat&fit=crop&dm=1655755597&s=476b592039748f57c4000855ba89f484)
7. Обзор плагинов
Пока мы говорим о плагинах, вам также следует просмотреть свои текущие плагины, деактивировать и удалить те, которые не используются.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 7 list of updates](https://moz.com/images/cms/list-of-updates.png?w=1706&auto=compress%2Cformat&fit=crop&dm=1655755603&s=740441bf9a6be1ce3a3ebb41f0389fc8)
8. Проверьте, не сломано ли что-нибудь
На данный момент мы внесли приличное количество изменений. Мы должны снова просмотреть живую версию промежуточного сайта и сравнить ее с рабочим сайтом.
9. Запустите Webpagetest еще раз
Посмотрим, как у нас получилось! Если вы довольны результатом, значит, ваша работа почти завершена.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 8 first view run2](https://moz.com/images/cms/first-view-run2.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755594&s=318ee1cff116088c611d50597456cf83)
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 9 real user measurements](https://moz.com/images/cms/real-user-measurements.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755623&s=8e9b47ea4703922f6f4d6c4bca82272d)
10. Публикуйте изменения в реальном времени
Любые внесенные вами изменения теперь должны быть отправлены на рабочую площадку.
11. Аннотируйте изменения в GA
Запомни аннотировать эти изменения так что вы можете проверить и сделать вывод из ваших результатов для себя.
Полученные результаты
Наша оптимизация скорости началась в июле 2020 года. Вскоре после этого мы увидели улучшение рейтинга небрендированных ключевых слов, которые уже занимали первые 20 позиций. По сравнению с 2021 и 2020 годом, в годовом сравнении с 2020 по 2020 год количество новых пользователей увеличилось на 32 %, количество телефонных звонков — на 47 %, а количество запросов на бесплатные расценки — на 63 %. по сравнению с 2019 годом и более чем на 60% по сравнению с 2020 годом.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 10 position over time](https://moz.com/images/cms/position-over-time.png?w=1230&auto=compress%2Cformat&fit=crop&dm=1655755618&s=dced2a11e7e5257f94f46d0375d749c9)
Это коррелирует с увеличением как трафика сайта, так и квалифицированных лидов. Наш клиент измеряет квалифицированных потенциальных клиентов как запланированные встречи, которые выросли на 49% PoP.
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 11 users vs page load time](https://moz.com/images/cms/users-vs-page-load-time.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755626&s=22a1b2a7231ab70fcfc13aa2028b8ca3)
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 12 page load vs scheduled appt](https://moz.com/images/cms/page-load-vs-scheduled-appt.png?w=1999&auto=compress%2Cformat&fit=crop&dm=1655755609&s=4912fc601a11bb674388a938f54e90a7)
Мы также проверили данные CRux для нашего клиента по сравнению с близкими конкурентами. Победитель по каждому элементу UX/скорости выделен желтым цветом. Как видите, оценки наших клиентов, как правило, выше, чем у конкурентов, которые также не ранжируются:
![Увеличьте доход за счет оптимизации скорости [Local SEO Case Study] 13 conclusion cwv](https://moz.com/images/cms/conclusion-cwv.png?w=1368&auto=compress%2Cformat&fit=crop&dm=1655755576&s=384a954bc814636701af02dc8e3baafa)
Вывод
Техническое SEO можно сделать, даже если вы не считаете себя техническим экспертом. Наличие резервной копии позволяет легко тестировать изменения с уверенностью. Никогда не пренебрегайте важностью тактики SEO, потому что вы незнакомы. Наш клиент увидел рейтинг и улучшения, а также увеличение дохода на 55% только благодаря оптимизации Core Web Vital. Теперь, когда у вас есть пробный веб-сайт, вы можете решать другие технические проблемы, которые вы, возможно, обнаружили, но чувствовали себя некомфортно.