Лучшие практики для мобильных сайтов - основные моменты от Академии мобильных сайтов Google Bootcamp 2017
- Преимущества мобильных сайтов над приложениями
- Ожидания пользователей от мобильных сайтов
- Разработка лучших практик для мобильных сайтов
Время чтения: 5 минут
На этой неделе я отправился в Сидней, чтобы посетить Академию мобильных сайтов Google Bootcamp 2017. Новая серия Academy Bootcamp проходит в рамках Партнеры Google программа, которая предлагает бесплатное профессиональное развитие зарегистрированным партнерам Google ( из которых я один, вместе со скаутом цифрового маркетинга ).
Обратите внимание, что сертификаты Партнеров Google скоро будут переведены в Академию рекламы, начиная с января 2018 года.
Цель новой серии bootcamp - помочь партнерам Google изучить различные сертификаты Google в течение дня, а затем сдать экзамен в конце дня. Этот начальный раунд включал в себя мобильные сайты Google и сертификаты Google Analytics, и ему помогал полубог Google Analytics Бенджамин Мангольд из Любит данные ,
В то время как Google предоставляет свои Учебные материалы мобильных сайтов и проходить бесплатный онлайн-экзамен, было очень полезно, чтобы Бенджамин проводил с нами учебную программу, объясняя сложные вопросы, отвечая на вопросы и помогая нам подготовиться к экзамену.
Сессия проходила в здании UTS Business, и в ней проходили все мероприятия великолепного мероприятия Google: хабары, напитки, закуски и еда, и даже бесплатный массаж.
Приблизительно 100 человек посетили это ограниченное мероприятие, причем большинство из нас были специалистами по маркетингу. Меньшая часть участников имела опыт разработки, что определенно давало им преимущество, учитывая технический характер большинства материалов для мобильных сайтов.
Сертификация мобильных сайтов является недавним дополнением от Google, запущен в апреле 2017 года и сидеть рядом с их существующими AdWords и Google Analytics сертификаты и новая сертификация цифровых продаж. Сертификаты действительны в течение 12-18 месяцев (продолжительность варьируется в зависимости от сертификации) и являются ярким свидетельством навыков человека, а также способствуют тому, чтобы агентства зарабатывали значок партнеров Google. (Скаут - партнер Google под маркой) ,
Неудивительно, что Google уделяет большое внимание обучению пользователей передовым методам для мобильных сайтов. В октябре 2016 года мы достигли переломного момента во всем мире, большинство интернет-браузеров теперь происходит на мобильных устройствах. , и Австралия сидит чуть ниже отметки 50%, но на пути к тому, чтобы склонить чашу весов.
Еще одно признание, сделанное Google в отношении важности мобильного просмотра, - это их план перехода на «Мобильная индексация» их поисковой системы, где мобильная версия сайта имеет приоритет в результатах поиска по сравнению с версией для ПК (если она отдельная / другая).
Это невероятно важно для веб-сайтов, на которых по-прежнему есть только настольный компьютер, или веб-сайт без ответа, который не очень хорошо работает на мобильных устройствах, из-за чего пользователь плохо работает.
Учебные материалы для мобильных сайтов охватывают аспекты мобильных сайтов, которые Google считает наиболее важными.
Любой может получить доступ к полному учебному материалу по мобильным сайтам, однако вот некоторые основные моменты из учебной программы и вчерашней сессии.
Преимущества мобильных сайтов над приложениями
Несмотря на то, что «наличие приложения» было довольно популярным, важно учитывать преимущества эффективного и привлекательного мобильного веб-сайта по сравнению с приложением:
- Доступ к мобильным веб-сайтам осуществляется через встроенный браузер мобильного устройства и не требует загрузки или установки.
- Они построены один раз и бегают повсюду
- Они работают на телефонах и планшетах (и, если нужно, на настольных ПК)
- Это приводит к сокращению сроков разработки и снижению затрат на разработку
- Отслеживание через Google Analytics или аналогичное проще
- Их не нужно отправлять на утверждение ни изначально, ни после выпуска обновлений.
- Им не требуются разные версии для iTunes Store, Google Play и т. Д.
Это затрагивает другой вопрос о том, нужно ли вам на самом деле приложение, в которое я не буду заходить сегодня, за исключением того, что хорошее приложение - это то, которое часто и часто используется для очень конкретной задачи. Во многих случаях отличный мобильный / адаптивный веб-сайт гораздо более эффективен, чем приложение.
Ожидания пользователей от мобильных сайтов
Благодаря нашему постоянно растущему использованию и удобству мобильного интернет-браузера, ожидания пользователей также растут.
Мы ожидаем, что веб-сайты будут работать на мобильных устройствах и работать быстро.
В опросе Google почти половина респондентов заявили, что их наибольшее разочарование при просмотре веб-страниц на их мобильном устройстве ожидало медленной загрузки страниц.
60% мобильных пользователей ожидают загрузки мобильных сайтов в течение 3 секунд.
В среднем 75% людей покидают мобильный веб-сайт, если его загрузка занимает более 5 секунд.
И что важно, на мобильных страницах, которые загружаются на 1 секунду быстрее, коэффициент конверсии увеличивается до 27%.
По материалам учебных материалов Loves Data.
Мы рассмотрели ряд советов и приемов для повышения скорости на мобильных веб-сайтах, начиная с понимания того, как браузер «создает» визуальный контент веб-страницы, и как мы можем устранять неполадки и повышать скорость загрузки сайта. Учебные материалы по мобильным сайтам Google также содержат рекомендации по скорости и производительности для мобильных сайтов.
Преобразование более высокого процента текущих посетителей вашего веб-сайта намного более рентабельно, чем привлечение новых, и даже самое маленькое изменение может значительно увеличить конверсию.
Хотите проверить скорость вашего сайта? Попробуйте эти инструменты:
WebPagetest
Тест Google для мобильных устройств
YSlow
Разработка лучших практик для мобильных сайтов
Было предоставлено множество полезной информации о передовых методах дизайна мобильных веб-сайтов, хотя во многом она также является здравым смыслом.
Люди, пользующиеся мобильным интернетом, часто бывают:
- На ходу
- Многозадачность
- Бедное время
- Ориентированная
и эти соображения должны войти в дизайн мобильного сайта.
- Размещайте основные призывы к действию на самом видном месте сайта (и не перегружайте себя слишком большим количеством опций, ведите пользователей по пути, по которому вы хотите, чтобы они следовали).
- Держите меню короткими с различными категориями, чтобы облегчить навигацию.
- Используйте логотип в качестве ссылки обратно на домашнюю страницу.
- Не позволяйте рекламным акциям вмешиваться в CTA (призывы к действию) и держите их четко.
- Если уместно, используйте выдающийся и эффективный поиск по сайту.
- Разрешить посетителям использовать веб-сайт (даже делать покупки) без регистрации учетной записи.
- Если вы поощряете людей регистрироваться, предложите ощутимые преимущества для регистрации.
- Предлагая выдающиеся кнопки «нажми и звони», пользователи могут не выходить с сайта, когда им нужно больше информации.
- Мобильные посетители могут заняться поиском позже или не решаются перейти на мобильный сайт, поэтому предложите простые способы вернуться в путешествие на другом устройстве через обмен в социальных сетях, электронную почту, сохранение в корзину, сохранение прогресса и т. Д.
- Сделайте формы интуитивно понятными и простыми в использовании, например, цифровая клавиатура для полей, требующих ввода номера, визуальные средства выбора календаря для дат, сообщения об ошибках проверки в реальном времени, минимальное количество необходимых полей и т. Д.
Мы завершили сеанс обсуждения ускоренных мобильных страниц (AMP), прогрессивных веб-приложений (PWA), использования API для push-уведомлений и автоматической интеграции платежей.
Я должен признать, что моя тренировка развития в Институт кодирования Bootcamp Ранее этот год определенно помог мне подготовиться к экзамену, сдать его и сдать, так как есть много технических знаний, необходимых для создания и оптимизации эффективных мобильных веб-сайтов.
Приведенная выше информация и более подробная документация из учебных материалов по сертификации мобильных сайтов полезны не только для сертификации, но и для улучшения понимания того, что делает отличный мобильный веб-сайт.
Если у вас есть какие-либо вопросы о сертификации Google или мобильных сайтах, свяжитесь со мной !
Хотите проверить скорость вашего сайта?