Как я писала в предыдущей статье, сегодня я расскажу о некоторых обязательных действиях для продвижения и seo оптимизации сайта. После составления семантического ядра и его кластеризации, можно наполнять сайт контентом, изображениями или товарными карточками, если это уже сделано, значит надо провести аудит готового сайта. Если, только наполняете, то в дальнейших моих публикациях подробно опишу, что надо делать для первоначальной оптимизации сайта.
Технический аудит сайта
Что это такое? Может спросите Вы, для меня например раньше это образное понимание, и догадки. На самом деле надо проверить сайт на ошибки, я не встречала сайт, без единой ошибки, проверяя через Валидатор и другие программы. Ошибки бывают разные, некоторые замедляют загрузку тем самым, увеличивая процент отказов посетителей. Позднее падает сайт со своих позиций в результатах поиска. Не все ошибки можно исправить, но об этом позднее. Начну со скорости загрузки, её можно проверить на PageSpeed Insights.
Продвижение сайта на примере
Примеры я буду делать с помощью сайта, который мне заказали для продвижения http://kvartirremontspb.ru
На скриншоте показана скорость загрузки на мобильных устройствах, ниже на компьютерах.
Как видно, на компьютере лучше скорость, чем на мобильных устройствах. Значение не супер, но хорошее. Ниже предложены варианты решения для ускорения загрузки. Я постараюсь сделать так, чтобы эти показатели улучшились. Начну с мобильных, так как там ситуация хуже чем на компьютерах. Если я сейчас повторю анализ, он будет лучше, но это из-за кэша. Т.е. загрузка пойдет не напрямую, как в первый раз, а из памяти уже пройденного пути, поэтому лучше не обновлять, а сделать скрин, чтобы план действий был перед глазами. В первую очередь меня интересует то, что выделено красным:
В конце каждой строки, есть стрелочки, нажав на которые раскроется способ решения вопроса по ускорению.
Включите сжатие текста, про сжатие изображений я слышала, а вот про тексты нет. Нам предлагают решить этот вопрос. Я не могу выполнить эту рекомендацию, так как раскрыв детали, выяснилось что сжатие все включено, кроме калькулятора по расчету стоимости. Дело в том, что он берет данные с другого сайта, и замедляет загрузку главной страницы.
Есть два варианта решения. Первый: это удалить калькулятор на совсем. Или попробовать его перенести на другую страницу. В моем случае это «цены на ремонт квартиры». Да, это ускорило мобильную версию, теперь показатели больше 50%, а на компьютере больше 95%.
ВАЖНО: мой способ подходит, если скорость загрузки страницы на которую переместили замедляющий объект, не имеет значения. Так как теперь замедлится та, самая страница. В моем случае, всё устраивает. Но есть еще варианты решений, если интересно пишите в комментариях, и я расскажу. Идей полно, когда знаешь откуда проблема.
Смотрим дальше: После этих изменений, для мобильной версии, нам предложили перевести изображения в современный формат. Использовав, как самый легкий вариант плагин WordPress. Попробуем. Если он добавит новых сложностей, то будем искать другой способ. Плагинов несколько, я выбрала
Autoptimize, который уже был установлен на сайте. Поменяла настройки, и все фотографии поменялись на WebP формат.
Есть вариант изменений без плагина. Но так как в этой ситуации мне помог плагин, я не буду здесь описывать вариант скрипта для сжатия изображения и конвертации. На фото ниже показаны настройки плагина:
Увеличение скорости загрузки сайта
После сделанных манипуляций с плагином, я снова проверила скорость загрузки, ниже скрин результатов
для мобильных:
Как видно, улучшилось до 69, и это уже не плохой вариант. Дальше для ускорения рекомендуется удалить неиспользуемые CSS стили. Их можно не удалять, а отложить. Если удалить, то скорость конечно увеличится, но скриншоте будет выглядеть, совсем непрезентабельно, хотя сайт на моих устройствах отображается, как надо со всеми стилями.
Результат мне нравится, так как сравнив с другими сайтами, на много меньше скорость. Так что пока я оставлю всё как есть на сегодняшний день. Если будут сайт отображаться таким не красивым на мобильных устройствах посетителей, тогда я верну удаленный неиспользуемых CSS стиль. Здесь я вижу противоречия, в рекомендациях он не используется, а по факту используется, но это покажет время. А пока перейдем к другим инструментам для продвижения сайта.
Также в технический аудит сайта входит диагностика. Проверить можно через вебмастер Яндекс. Для этого нужно добавить сайт, подтвердив права. На самом ресурсе все способы описаны, справится любой. Вот ссылка на ресурс https://webmaster.yandex.ru и от гугла Search Console от Google.
Как подтвердить права и что проверять, я опишу в следующей статье. Если возникли вопросы пишите в комментариях или через форму обратной связи в контактах.
