Мобильная версия важнее десктопной
Больше половины трафика приходит с телефонов, а поиск оценивает сайт по мобильной версии. Что это меняет в работе над сайтом.
Коротко
Для большинства сайтов телефон — основное устройство посетителей. И поисковые системы оценивают сайт по мобильной версии, а не по десктопной. Значит, мобильная — не «упрощённый вариант», а основной.
Что это меняет на практике
Порядок работы. Дизайн начинается с телефона, потом расширяется до десктопа. В обратном порядке мобильная версия получается сжатой десктопной, где всё мелкое и ничего не нажимается.
Приоритеты. На экране телефона помещается один экран текста. Значит, самое важное должно быть первым — без «сначала расскажем о компании».
Скорость. Мобильный интернет медленнее, а телефон слабее. Тяжёлая анимация, которая на компьютере выглядит эффектно, на телефоне превращается в подтормаживание.
Что проверять
- Помещается ли заголовок первого экрана целиком.
- Попадаете ли вы пальцем по кнопкам, не увеличивая масштаб.
- Удобно ли заполнять форму: не скачут ли поля, открывается ли нужная клавиатура.
- Не появляется ли горизонтальная прокрутка — верный признак сломанной вёрстки.
- Читается ли текст без увеличения.
Частые проблемы
- Меню-гамбургер, в котором прячут всё, включая контакты и главное действие.
- Таблицы, которые не помещаются и растягивают страницу вбок.
- Всплывающие окна, закрывающие весь экран, — крестик на них обычно самый мелкий элемент страницы.
- Телефон, который не является ссылкой: на мобильном по номеру должен работать звонок в одно касание.
Про десктоп
Он не исчез: в B2B значительная часть решений принимается с компьютера. Но начинать стоит с телефона — расширить макет проще, чем сжать.
Сайт неудобен на телефоне?
Посмотрим мобильную версию и покажем, что мешает посетителям оставить заявку.
Читайте дальше
Первый экран: объяснить суть за пять секунд
Именно здесь теряется большая часть посетителей. Разбираем, что должно быть на первом экране, чего быть не должно и как проверить свой.
1 минута чтенияСтраница «О компании», которая работает на продажи
Обычно это самая бесполезная страница сайта. Разбираем, что писать вместо истории с 2003 года и почему её всё-таки читают перед покупкой.
1 минута чтенияСтраница услуги, которую дочитывают до конца
Страницы услуг приводят больше всего трафика из поиска. Разбираем структуру, которая отвечает на вопросы клиента и доводит до заявки.
1 минута чтения