Смотрите на цифры. Не на мои, а на свои, из Метрики. Если там меньше 70% мобильного трафика – вы либо продаете станки заводам по закрытым тендерам, либо у вас просто нет денег на нормальную аналитику. А если цифры честные, то вопрос один: какого хрена ваш сайт до сих пор живет по лекалам 2012 года, когда его открывают с телефона?
85% – это не будущее. Это уже настоящее, которое наступило лет пять назад. Вы опоздали. Снова.
Дело не в том, что люди “любят листать ленту с телефона”. Дело в том, что они принимают решения о покупке, сидя в очереди, в метро или лежа на диване. Они не садятся специально за комп, чтобы посмотреть ваш каталог. Они ткнули в ссылку из сторис или поисковой выдачи, открыли сайт, и у них сгорело все, что можно сжечь: кривая верстка, мелкие кнопки, форма заказа, которая упорно не хочет открываться.
И знаете, что они делают? Закрывают вкладку.
Не “уходят к конкуренту”. Конкурент, скорее всего, такой же кривой. Они просто откладывают покупку. Навсегда. Ваш лид умер, не родившись. И самое смешное, что вы сами виноваты, потому что ваш разработчик сказал: “Сделаем адаптив, будет норм”. А сделал он, как обычно, “резину”, которая на iPhone выглядит как дерьмо, завёрнутое в фольгу.
Адаптив – это не про “подогнать ширину”. Это про архитектуру.
Если вы подходите к мобильной версии как к урезанной копии десктопа, вы уже проиграли. Мобильный сайт – это отдельный продукт со своей логикой навигации, своими приоритетами контента и своей скоростью загрузки. На телефоне нет курсора, нет ховеров, нет привычки скроллить в поисках мелкой ссылки в подвале. Есть большой палец и ограниченное внимание. Ваша задача – не заставить его скроллить, а дать ответ мгновенно.
Скорость. Давайте про скорость.
Вы когда-нибудь открывали свой сайт с телефона через мобильный интернет, а не через домашний Wi-Fi? Я серьезно. Попробуйте. Уверен, вы увидите, как ваша “тяжелая” главная страница грузится вечность, потому что там slider на 5 мегабайт и шрифты, которые весят как слон. Пользователь ждет 3 секунды. Потом ждет 5. Потом его мозг отключается, и он идет смотреть смешные видео. Ваш сайт для него – ошибка. Гугл это видит и тоже считает ошибкой. Поэтому вы и не растете в выдаче.
Мобильная версия – это не косметика. Это вопрос выживания.
Смотрите, как это работает в реальном бизнесе. У нас в студии был клиент, который год жаловался на дорогой трафик и нулевые продажи. Мы открыли его сайт на айфоне. Там цена товара была не видна без нажатия на “Подробнее”. А кнопка “Купить” вообще находилась за пределами экрана, и до нее нужно было докрутить, но докрутить было сложно, потому что блоки прыгали. Мы просто убрали все лишнее и сделали одну большую кнопку. Продажи выросли в три раза за месяц. Просто потому, что мы перестали заставлять человека думать.
Вот вам суть. Мобильный сайт должен быть тупым и быстрым. Тупым в хорошем смысле: минимум текста, максимум действия. Одна цель на экран. Если вы продаете услуги – форма заявки должна быть всегда на виду. Если товары – корзина и каталог должны быть в один клик. Никаких “оставьте заявку и мы перезвоним” после трех экранов текста. Никто не будет читать ваши простыни на телефоне. Никто.
И да, забудьте про всплывающие окна, которые перекрывают пол-экрана. На десктопе это бесит, но на мобильном это смертный приговор. Вы просите человека закрыть попап, чтобы увидеть ваш товар. Вы ставите барьер. Вы – садист.
Теперь про разработку. Если ваш сайт до сих пор сверстан так, что на телефоне надо зумить, чтобы попасть пальцем в меню, – у вас нет сайта. У вас есть артефакт прошлого. И это не проблема дизайнера. Это проблема вашего подхода к бизнесу. Вы экономите на разработке, а теряете на рекламе. Это как лить воду в решето и удивляться, что оно пустое.
Есть только один способ сделать это правильно: проектировать мобильную версию первой. Сначала телефон, потом десктоп. Это не модный тренд, это необходимость. На телефоне вы вынуждены расставлять приоритеты, потому что экран маленький. Вы вынуждены отсекать лишнее. И если вам удается сделать удобный сайт на маленьком экране, то на большом он просто станет еще лучше. Обратное не работает никогда.
Аналитика. Куда без нее.
Вы должны видеть не просто “85% трафика с мобильных”. Вы должны видеть карту кликов, воронку продаж и точки отказа именно на мобильных устройствах. Если форма заявки на телефоне заполняется на 20% хуже, чем на компе, – вы знаете, где чинить. Если кнопка “Позвонить” вообще не используется, потому что она спрятана, – это ваша ошибка. Сквозная аналитика должна разделять устройства. Иначе вы будете лить трафик в черную дыру и думать, что во всем виновата реклама.
Хватит винить креативы. Виноват код.
Я не говорю, что нужно бросить все и переделывать сайт прямо сейчас. Но если вы не начали это делать вчера, вы теряете деньги каждую минуту. Каждый. Минуту. Пока ваш потенциальный клиент видит кривую верстку и закрывает вкладку, ваш конкурент уже получил его заявку, потому что его сайт грузится за секунду и кнопка “Купить” видна сразу.
Выбор за вами. Но помните: мобильная версия – это не “дополнительная опция”. Это и есть ваш основной продукт. Все остальное – просто бонус для тех, кто еще не понял, что компьютер умер.