Интернет и IT

Как сделать идеальный мобильный сайт: 10 рекомендаций Google

Компания Google составила список рекомендаций для веб-разработчиков, которые позволят оптимизировать мобильный сайт для просмотра со смартфона или планшета и сделать его более популярным.

Компания Google составила список рекомендаций для веб-разработчиков, которые позволят оптимизировать мобильный сайт для просмотра со смартфона или планшета и сделать его более популярным.

Несмотря на активное проникновение и популярность мобильного интернета — только за последний год в России число его пользователей выросло в полтора раза, до 25,5 млн человек, — далеко не все сайты удобно смотреть с мобильника или планшета.

Специалисты из Google и компании AnswerLab провели собственное исследование и выяснили, что конкретно не устраивает пользователей смартфонов в мобильных версиях сайтов. В результате компании составили список рекомендаций для всех веб-разработчиков, занятых созданием мобильных веб-сервисов. iBusiness.ru отобрал десять наиболее значимых из них.

Добавить панель для поиска

Если на мобильной версии нет строки для поиска контента внутри ресурса, это большой минус. Это одна из самых распространенных претензий пользователей к разработчикам. Пользователи мобильных устройств еще сильнее, чем пользователи ПК, нуждаются не только в грамотно упорядоченном контенте, но и в возможности быстро найти необходимый материал.

Поэтому встроенному в сервис поисковику нужно уделять серьезное внимание, рекомендуют эксперты.

Выводить контент на экран частями

Многие мобильные сайты выводят на экраны смартфонов слишком много данных. И это большая ошибка: большинству пользователей медийных или справочных сервисов нужно получить через мобильное устройство доступ только к самой актуальной информации. Поэтому Google рекомендует жестко структурировать контент, делить его на меньшие куски — например, новостным сайтам стоит выводить на первый экран только несколько главных новостей, а не всю ленту. Большие статьи нужно разделять на несколько блоков с понятной структурой.

Стоит также задуматься о том, чтобы сделать меню сайта максимально коротким. Чем меньше в нем пунктов, тем чаще им будут пользоваться.

Избавить пользователей от необходимости авторизации

Некоторые сайты требуют, чтобы посетители обязательно регистрировались и впоследствии каждый раз авторизировались на портале. Это тоже ошибка: пользователям смартфонов порой довольно трудно запомнить, а затем часто вводить на миниатюрной виртуальной клавиатуре гаджета сложные пароли.

Большая часть контента должна быть доступна без авторизации. Хотя бы с мобильных устройств.

Сделать ссылку на главную страницу сайта вверху экрана

Владельцам мобильных сайтов стоит учитывать, что пользователь всегда должен иметь возможность в один клик вернуться на главную страницу. Зачастую для этого используется логотип сайта вверху страницы. Но пользователи, чьи жалобы изучали в Google, говорят, что далеко не все веб-разработчики размещают там эту ссылку. А стоило бы всем.

Убрать все акции с главной страницы

Зачастую разработчики мобильных сайтов для интернет-магазинов неизменно размещают информацию об акциях и спецпредложениях прямо на главной странице мобильной версии сервиса. Это неправильно, поскольку сбивает пользователя с толку и мешает ему как можно быстрее получить ту информацию, ради которой он зашел на сайт.

Рекламные баннеры, рассказывающие об акциях магазинов, сильнее всего раздражают владельцев смартфонов, пользующихся мобильными сайтами.

Разместить на главной странице номер телефона

Зачастую пользователи заходят на сайт с мобильных устройств только для того, чтобы как можно быстрее узнать номер телефона, по которому им стоит позвонить. Поэтому, согласно рекомендациям Google, было бы разумно дать им возможность увидеть этот номер прямо на первой странице. И поставить на него ссылку, клик на которую заставит смартфон тут же набрать указанный номер.

Это предложение Google очевидно, но соблюдают его далеко не все.

Оптимизировать все страницы сайта

Зачастую разработчики мобильных версий популярных сайтов оптимизируют под использование на мобильных устройствах только несколько страниц сервиса. Такая экономия времени, сил и финансовых ресурсов заказчика сайта серьезно вредит его репутации. Весь контент, доступный на сайте, должен быть оптимизирован в том числе и под использование с помощью мобильных гаджетов.

Один из способов решения проблемы — сделать дизайн сайта адаптивным. Это значит, что страницы ресурса не делятся на «обычные» и «мобильные»: движок единого сайта распознает тип подключенного к нему устройства и автоматически адаптирует отображаемую картинку.

Избегать необходимости масштабирования

Большинству пользователей мобильного интернета не нравится, когда им приходится то и дело масштабировать картинку на экране, то увеличивая, то уменьшая ее. Дизайн сайта должен быть разработан таким образом, чтобы размер отображаемых элементов контента был оптимален для восприятия.

Для того чтобы попасть пальцем на нужную ссылку, пользователь не должен сначала ее увеличивать. Отображаемый на экране текст должен быть читаем без его масштабирования.

Отображать весь контент в одном окне

Довольно часто ссылки, на которые кликает пользователь, открываются в новом окне. Это тоже ошибка.

Переход от одного открытого окна в мобильном браузере к другому — дело хлопотное, т.е. требующее нескольких лишних кликов, и пользователи этого делать не любят. Поэтому навигация по сайту должна работать по принципу «одно окно — один сервис».

Убрать ссылки на «полную версию»

Когда пользователи видят на мобильной версии сайта ссылку на «полную версию», они почти никогда не пользуются предложенной мобильной. Им кажется, что она не отображает весь необходимый им контент. Поэтому от таких ссылок стоит избавляться. Важно при этом следить, чтобы мобильная и настольная версии сайтов действительно имели одно и то же содержание.

Начать дискуссию

💥 Бодрящие скидки на курсы повышения квалификации и профессиональной переподготовки! Ведем запись на первый летний поток

Набираем первый летний поток-2024 на профкурсы. Успейте записаться до 3 июня, чтобы за лето повысить квалификацию и выйти на новый уровень знаний!

Курсы повышения
квалификации

22
Официальное удостоверение с занесением в госреестр Рособрнадзора
Банки

В РФ скоро появится новый бренд кредитной организации

«Экспобанк» закрыл сделку по покупке 100% дочки британского банка HSBC. Судя по релизу, она будет специализироваться на кредитовании корпоративных клиентов.

Микробизнес стал активно пользоваться «зонтичными» поручительствами

За год объем кредитования с помощью «зонтичных» поручительств вырос в 2,6 раза.

Лучшие спикеры, новый каждый день
Инвестиции

Мой портфель акций на 2 июня 2024

Посмотрел, как идут успехи с приведением портфеля акций к целевым значениям. Пока ещё портфель находится на стадии формирования и приведения к целевым значениям. Его размер составляет 999 тысяч рублей.

Мой портфель акций на 2 июня 2024

Какие риски переводов на карту

Что если вам переведет деньги на карту друг, коллега или кто-то еще? Начислят ли вам за это налоги? Много ходит слухов об этом, часть правдивых, часть нет.

Какие риски переводов на карту
НДФЛ

НДФЛ иностранца можно уменьшить на его аванс по патенту. Но есть ограничения

При расчете зарплаты патентных иностранцев учитывают фиксированный авансовый платеж по НДФЛ, который они оплатили. Для этого нужны документы.

Опытом делятся эксперты-практики, без воды
Алименты

Должники по алиментам станут известны всем

В реестр попадут должники по алиментам, которые были привлечены к административной или уголовной ответственности за неуплату денег на содержание детей, родителей.

1

Не всегда на авто, стоящее на учете, надо платить транспортный налог

Регистрация авто в ГИБДД после 15 числа одного месяца и снятие с учета до 15 числа другого месяца дает право не платить транспортный налог.

Создадут единую цифровую платформу туризма: что она дает

На единой цифровой платформе туризма соберут все сведения о гостиницах, кафе, гидах и транспорте. Это позволит сформировать комплексные предложения для туристов с учетом их потребностей.

1
Инвестиции

Вклады 18%, обвал рынка, рост налогов, дешёвый доллар, новые облигации, дивиденды и другие новости. Воскресный инвестдайджест

Есть что по жести? Ещё как есть! Разве что расчленёнки не хватает, так-то рынок акций и облигаций нормально приуныл. Но это пока был не обвал, а коррекция. Обвал точно ожидает нас всех впереди, но это не точно. Зато доллар всё ещё дешёвый, IPO проводятся, появляются новые облигации и дивиденды.

Вклады 18%, обвал рынка, рост налогов, дешёвый доллар, новые облигации, дивиденды и другие новости. Воскресный инвестдайджест

С 01 июля новая форма отчета о движении денег по зарубежным счетам

С 01 июля 2024 года изменится форма отчета о движении денег и иных финансовых активов по зарубежным счетам, которые готовят и подают юридические лица и ИП

В чем проблема прогрессивной налоговой системы в России?

Сама по себе прогрессивная налоговая система по своей сути не плохая, это нормально, когда люди, которые зарабатывают больше и платят больше налогов. Но есть 2 Но.

Миникурсы, текстовые и видеоинструкции для бухгалтеров

Календарь вебинаров для бухгалтера в июне 2024. Выбирайте и смотрите!

Будьте в курсе последних изменений в законодательстве! Выбирайте из 9 вебинаров интересные именно вам и записывайтесь. Забирайте в закладки календарь вебинаров для бухгалтера, которые пройдут в июне 2024. Подписчикам «Клерк.Премиум» — бесплатный доступ.

Календарь вебинаров для бухгалтера в июне 2024. Выбирайте и смотрите!
7
Инвестиции

Инвестиции в космические объекты пропишут в законе

Госдума приняла в первом чтении законопроект о государственно-частном партнерстве в сфере космической деятельности.

Трудовое право

Чем грозит неявка сотрудника на медосмотр

Работник обязан проходить обязательные предварительные и периодические медосмотры, другие обязательные медосмотры и обязательные психиатрические освидетельствования, а также внеочередные медосмотры по направлению работодателя.

Налог на прибыль

Все гранты на инновационное развитие освободили от налога

Компании, которые получают гранты на инновационное развитие, смогут не учитывать эти доходы при определении базы по налогу на прибыль.

Предприятия за каждого сотрудника из другого региона получат 300 тысяч рублей

Государство выделит субсидии бизнесу, который работает над крупным проектом и привлекает сотрудников из других регионов. Размер поддержки составит 12 МРОТ.

За что заблокируют ваш счет? Что не нужно делать, чтобы «влететь» на блок

Сейчас в мире бизнеса идет война за темную и светлую сторону.

За что заблокируют ваш счет? Что не нужно делать, чтобы «влететь» на блок

Налоговые перспективы на 2025 год. Прогрессивная шкала НДФЛ

Какими будут налоговые ставки НДФЛ в 2025 году и можно ли этот налог оптимизировать.

Интересные материалы

🚚 Грузоперевозка в страну ЕАЭС может облагаться разным НДС

При сделках с контрагентами из стран ЕАЭС взимание косвенных налогов при работах, услугах идет в стране, территория которой признается местом реализации. При грузоперевозках место реализации – страна исполнителя.