Собрал новый шаблон под ПК: красивый дизайн, чистая верстка, анимации. На большом мониторе всё летало. Довольный выкатил редизайн на прод, а через пару недель органика рухнула. Десктопный трафик слегка вырос, а мобильный улетел на дно.
Открыл сайт со смартфона, а там треш:
— Меню съехало за пределы экрана из-за кривого media-query.
— Текстовые блоки перекрыли элементы навигации.
— Тяжелые JS-скрипты грузились на мобилках и уронили скорость до нуля.
Mobile-first indexing никто не отменял. Поисковик оценивает проект строго по мобильной версии, а я подсунул ему кривую портянку. Позиции потом вытаскивал пару месяцев.
Главный урок: перед любым релизом верстки проверяйте адаптив в первую очередь. Поисковику плевать на 4K-монитор — он смотрит на сайт глазами смартфона. 📱
SEO-шник: запуски и ошибки
@seo_daily_notes
Как я потерял 70% мобильного трафика, вылизывая десктоп под PageSpeed
Этот пост опубликован в Telegram-канале SEO-шник: запуски и ошибки. Подписаться можно по ссылке: @seo_daily_notes.