Про метод Mobile First выпущено большое количество профессиональной литературы и статей. Однако до сих пор, несмотря на его несомненную ценность, малое количество разработчиков и студий при разработке и вёрстке сайтов использует этот метод или вообще не применяют его в работе ввиду недостаточной квалификации сотрудников. Поэтому сегодня в нашем обзоре расскажем о том, как применяется метод, какими особенностями обладает и для чего конкретно может использоваться при разработке и вёрстке сайтов.
Mobile first — что это такое
Статистика чётко указывает на то, что в наше время использование интернета для просмотра сайтов и сёрфинга в сети с устройств мобильного типа происходит значительно чаще, чем с ноутбуков или обычных ПК, число переходов на интернет-страницы именно с мобильных браузеров достигает 62-63% от общего объёма посещений. Поскольку трафик с мобильных устройств становится основным источником посещений, именно такому варианту при подсчёте статистики нужно отдавать максимальное предпочтение. Практика разработки показывает, что при поиске конкретной информации владельцы мобильных гаджетов уделяют очень мало времени на поиск нужного сайта, практически 100% переходов после проведения поиска производится на сайты, занимающие первые строки выдачи поисковых результатов браузера. Зато пользователи стационарных ПК тратят значительно больше времени на то, чтобы найти сайт, максимально подходящий по ряду важных для них параметров: удобству использования, юзабилити, полноте представленной на нём информации и пр.
Что такое Mobile First? Плюсы и Минусы. Почему за него Топят Программисты
Метод Mobile First позволяет оптимизировать сайт под поиск с мобильных устройств с использованием различных версий браузеров и оптимизации под соответствующее разрешение и размер экрана. Использование этого современного метода позволит любому пользователю с любым смартфоном или планшетом без проблем использовать все возможности вашего сайта с комфортом и отсутствием необходимости скроллить экран или играть с масштабом отображения. К важнейшим требованиям использования метода относятся следующие моменты:
- в начале загрузки и на основном экране интернет-страницы показывается только самая важная для пользователя информация, в том числе и визуальная;
- сайт должен весить немного и быть оптимизированным для быстрой загрузки, в том числе, и на устройствах со слабой производительностью. Также сайт должен без проблем загружаться при низкой скорости интернет-соединения или его регулярных обрывах;
- оптимизация сайта должна производиться так, чтобы важная для пользователя информация появлялась на экране без полной загрузки всех предусмотренных системных ресурсов, так как, несмотря на пакетные предложения от ряда мобильных операторов, стоимость мобильного интернета всё равно остаётся значительно выше, чем стационарных подключений. Вся информация дополнительного характера должна загружаться только после того, как пользователь выберет соответствующее действие.
Фактически Mobile First является методом разработки сайтов, при использовании которого максимальное внимание уделяется оптимизации загрузки и работы сайта на мобильных гаджетах с учётом использования для загрузки мобильного интернета. Также оценивается показ пользователю именно основного содержания сайта без автоматической подгрузки ненужных для использования ресурса визуальных элементов. Вот, что написал об этом Google в одном из пресс-релизов:
Значение оценки показателя mobile-friendly в динамическом рейтинге оценки результатов поисковой выдачи будет неизменно расти с обновлениями нашего поисковика. Это производится по причине увеличения количества используемых для сёрфинга в интернете мобильных гаджетов, поэтому изменения коснутся всех версий браузеров на любом языке. Уверены, что после нововведений результаты поисковой выдачи будут более релевантными, что улучшит качество поиска для любого пользователя.
Основные плюсы использования при разработке метода Mobile First
Использование метода является обязательным в случае, если вы желаете, чтобы часть пользователей, использующих для поиска информации в интернете мобильные гаджеты, свободно работала с вашей интернет-страницей, не испытывая неудобств. Поэтому положительными моментами здесь являются следующие особенности:
- один разработанный сайт, который подходит для корректного просмотра с любого устройства, вне зависимости от его вида, установленной на нём операционной системы, используемого для сёрфинга в сети браузера и иных моментов. По этой причине на разработке собственного сайта любой степени сложности и с любым функционалом можно значительно сэкономить, так как разработка одного сайта позволит без проблем использовать его программный код для десктопной и мобильной версий ресурса;
- при загрузке страницы на мобильном устройстве пользователь сначала получит доступ к основной информации, представленной на сайте, а остальные элементы (в том числе и визуальные) догрузятся в процессе ознакомления с главной страницей интернет-ресурса, разработанного с методом Mobile First. Это позволяет значительно сэкономить скорость загрузки сайта, в ряде случаев измерение и статистика показывает послеоптимизационное ускорение загрузки основного информационного ядра сайта в 2-3 раза относительно того, что было до начала работы по оптимизации вашего сайта сотрудниками нашего сервиса;
- при использовании мобильного интернета с низкой скоростью подключения к сети или регулярными обрывами соединения сайт будет загружаться быстро и без срывов загрузки. Это обеспечит удобство использования для любого пользователя и поможет вам получить постоянных пользователей сайта, которые будут посещать его вне зависимости от своей геолокации и качества мобильного интернета;
- при навигации на сайте с небольшого экрана среднестатистического смартфона использование сайта и всех его разделов будет удобным и беспроблемным, у пользователя не возникнет желания найти другой сайт, который будет загружаться проще и быстрее, соответственно, вы не потеряете потенциальных клиентов для бизнеса и посетителей своего сайта;
- при использовании этого метода загрузка сайта не будет требовать большого количества системных и виртуальных ресурсов. Сайт отлично будет загружаться как на флагманских устройствах с 5G или LTE соединением, так и на стареньком смартфоне с 3G, экономя при этом ресурсы мобильного интернета и не тратя много средств и времени пользователя;
- благодаря соответствию требованиям внутренних алгоритмов Google ваш сайт серьёзно продвинется в результатах поисковой выдачи при поиске. При работе нашего сервиса по оптимизации вашего существующего сайта или разработке нового интернет-ресурса с учётом всех ваших пожеланий мы гарантируем место в ТОП-100 поисковой выдаче по ключевым словам из семантического ядра.
Обращайтесь в наш сервис для того, чтобы создать сайт с нуля с учётом всех требований метода Mobile First. Мы готовы помочь в реализации проекта любой сложности как с момента формирования вами технического задания, так и в формате переработки уже имеющегося ресурса с учётом современных особенностей работы и загрузки сайта на мобильных устройствах.
Источник: veliyev.ru
Для чего нужен mobile-first? Отвечают лидеры мобайла
О mobile-first сегодня не говорит только ленивый. На сегодняшний день, когда мобильные устройства по уровню популярности находятся практически на одной ступени с зубной щеткой, не обращать внимания на такой подход — довольно опасно для будущего компаний. Что же нужно знать об этом термине маркетологам, и что полезного нам могут рассказать те, кто уже активно задействует такой метод в своей практике? Об этом — в сегодняшней статье.
Писатель Брайсон Менье побеседовал с представителями трех крупных брендов, которые являются лидерами в сфере mobile-first. Что интересного он вынес?
Перед тем, как Google провел мобайл-апдейт в апреле прошлого года, 40% всех существующих сайтов не были адаптированы под мобильные устройства. На сегодняшний день все еще довольно сложно найти бренды, которые не только будут активно развивать мобильную стратегию, но и придерживаться направления “mobile-first”, когда аудитория осуществляет коммуникацию с компанией, в первую очередь, через мобильные устройства. Такие компании не только адаптируют объем контента под маленькие экраны — они создают уникальный контент и подключают дополнительные возможности для мобильных пользователей на основе их конкретных потребностей.
В данной статье мы рассмотрим такие мировые бренды как Hotwire, TurboTax и Walgreens, чтобы понять, как и почему они решили выйти за пределы мобильных устройств в практику так называемой “мульти-экранности”. А начнем с того, чем же они отличились от конкурентов.
Данные компании одинаково хорошо и качественно могут быть представлены на всех мобильных устройствах. Преимущество состоит в том, что пользователи могут использовать полный функционал мобильных версий брендов независимо от выбранного устройства. Walgreens и TurboTax имеют адаптивные сайты с элементами на стороне сервера, а также для мобильных устройств сайт Hotwire использует мобильные URL-адреса; но все они позволяют пользователям получить доступ к полноценному функционалу через несколько экранов.
Они выходят за рамки контента и используют преимущества мобильных устройств — например, камеру и GPS-навигатор, которые предоставляют пользователям более расширенные возможности, чем на обычной версии сайта. У Walgreens, например, есть приложение, которое знает, когда Вы находитесь в одном из более 8100 магазинов по всей территории США и предлагает персонализированные акции для тех, кто на данный момент находится в магазине, — поощрительные программы, специальные предложения и купоны. Приложение TurboTax позволяет специалистам по оформлению налоговой документации и заполнению налоговых деклараций сканировать их налоговую форму W2 (вычет из зарплаты работника) и импортировать эти данные в программу, а также дает им прямой доступ к специалистам через видеовызов.
Они интегрируются с носимыми устройствами, чтобы демонстрирует ценность пользователей, которые активно перешли на mobile-first. Приложение Hotwire интегрируется с Apple Watch для отправки напоминаний в течение Вашей поездки и даже “говорит” пользователям стоимость ближайших цен на газ, когда он возвращает автомобиль в прокат.
В условиях нестабильного экономического положения достаточно сложно убедить компании в необходимости выделения бюджета на развитие мобильного направления, не говоря уже о mobile-first. Что же говорят представители брендов-лидеров этой сферы?
Кортни Фергюсон, старший менеджер мобильного продукта для TurboTax:
“Сейчас, во времена взрывной популярности мобильных устройств, не применять в компании стратегию mobile-first — разрушительно. Мир меняется с молниеносной скоростью, и компании должны развиваться в ногу со временем, чтобы радовать клиентов и оставаться всегда актуальными. Два года назад мы решили перейти на mobile-first на полную мощность — начиная проектированием и заканчивая обслуживанием клиентов. Подобно большинству брендов, поведение наших клиентов коренным образом меняется; они более мобильны и более ограниченны во времени. Мы должны быть там, где они, и сформулировать убедительную выгоду для них, быстро и зачастую на формат маленького экрана”.
Алекс Отрезов, старший директор платных поисковых операций в Hotwire отметил, что для его компании, имеющей большой опыт работы в приложении, осуществлять стратегию mobile-first довольно просто. Пользователь авторизован в приложении, соответственно, у компании есть достаточное количество данных, с которыми можно работать. “Поскольку пользователи мобильных приложений достаточно продвинуты в мобайле, было очень важно адаптировать мобильную платформу для нужд во время путешествий”, — говорит Алекс.
Бенджамин Вейсс, мобильный менеджер по продукции Walgreens отмечает, что их компания делает упор как на веб, так и на мобайл, но важный момент заключается в том, что пользователям необходимо предоставлять уникальные возможности в пределах каждого отдельно взятого канала.
Как работают лидеры mobile-first?
В Hotwire основной стратегий избран фидбэк с аудиторией. Они прислушиваются к пользователям, исследуют особенности их путешествий и даже проводят фокус-группы, в которых компания наблюдает за принципами взаимодействия аудитории с продуктом. “Мы анализируем тенденции и потребности клиентов во время путешествий и стараемся решать их проблемы, предлагая новые возможности. Мы продумываем ситуации, которые могут возникнуть у потребителей во время их перемещений и находим пути выхода”, — говорит Алекс.
Вейс из Walgreens рассматривает мобайл как расширение общей стратегии компании и повышения удобства пользования приложениями для клиентов. Учитывая интересы потребителей и попутно решая возникающие у них задачи, бренд улучшает коммуникацию с аудиторией и делает ее максимально эффективной. Помогая решать жизненные вопросы, маркетинговая коммуникация повышает лояльность клиентов к бренду.
“Для нас мобайл — это предоставление пользователям новых путей по налаживанию “общения” с Walgreens (как печать фотографий и открыток, доступ к купонам”, — говорит Вейс. “Мы тратим много времени на тестирование новых продуктов, прежде чем они попадают в руки к потребителям”, — отмечает мобильный менеджер Walgreens.
“Болевые точки” клиентов и их устранение посредством грамотной маркетинговой коммуникации бренда — вот сфера, которую необходимо развивать компании, решившей перейти в mobile-first.
Почему есть смысл переходить на mobile-first-стратегию?
Mobile-first может предоставлять пользователям более расширенный контент и функционал, чем в веб-версиях. Такой подход повышает лояльность клиентов к бренду и частоту их обращений к фирменным приложениям.
“Глубина” коммуникации брендов с пользователями увеличивается, а это значит, что они выступают уже не только в качестве представителей определенной компании, а как платформы, позволяющие решать насущные задачи. Такое “мышление” компаний наращивает органический трафик, опираясь на поведенческие особенности клиентов и их нужды, что гораздо быстрее принесет положительные результаты маркетинговой стратегии.
- byyd
- marketing
- mobile
- mobile first
- мобильный маркетинг
- потребительское поведение
- тренды
Источник: habr.com
Mobile-First индексация и реклама: всё, что следует знать
Большие изменения в сфере интернет-маркетинга — это всегда причина ажитаций и споров среди специалистов. Без них не обойтись и сейчас, в случае с переходом Google к технологии Mobile-First индексации.
Что это за технология? Как повлияет она на ведение рекламных кампаний в интернете, в частности, на работу PPC-систем?
Вопрос этот серьезный и требует соответствующей проработки. Итак, обо всём по порядку.
Что такое Mobile-First индексация?
Дословно данный термин переводится как “приоритетная индексация мобильных страниц”. Если раньше индексировались только десктопные версии страниц, то теперь Google отдает приоритет мобильным версиям. Иначе говоря, если сайт не оптимизирован для мобильных устройств, Google тем не менее будет продолжать индексировать страницы его десктопной версии, но наличие мобильной версии сайта становится теперь существенным фактором ранжирования в органической выдаче.
Почему Mobile-First?
Рост популярности мобильного поиска начался ещё в 2016 году. Примерно тогда же Google начал вносить изменения в свои поисковые алгоритмы, учитывая данную тенденцию. Пользователи все чаще предпочитают мобильные устройства десктопным, и это происходит по множеству причин, например, из-за стремительно дешевеющего мобильного трафика. Повседневная жизнь организовывается теперь таким образом, что пользователь всегда должен быть онлайн, и Google всеми силами работает над тем, чтобы идти в ногу со временем. Поэтому поисковая система считает необходимым, и вполне справедливо, чтобы все сайты, сервисы и реклама корректно отображались на всех мобильных устройствах.
Mobile-First индексация уже работает?
Да, и тому подтверждение официальные заявления официальных представителей Google:
- Сотрудник Google Джон Миллер подтвердил начало выкатывания mobile-first в октябре 2017-го .
- После примерно года тестирования Google официально объявил о начале индексации мобильных устройств в марте 2018-го .
- Google начал отправлять уведомления веб-мастерам , которые были перенесены на индексирование с мобильных устройств в апреле.
Как Mobile-First индексация отразится на вашей рекламной кампании?
Ни для кого не секрет, что задача интернет-рекламы – убедить пользователя перейти на ваш сайт. В свою очередь, задача вашего сайта – предоставить пользователю необходимую информацию/продукт/услугу, обеспечив положительный пользовательский опыт — так функционирует в самых общих чертах бизнес в интернете.
Если страницы вашего сайта загружаются очень медленно, тексты трудночитаемы и навигация запутана, логично предположить, что пользователь не задержится на таком ресурсе, следовательно, ни о какой продаже речь даже и не зайдет.
Если описываемый выше негативный опыт перенести в плоскость контекстной рекламы, то он повлечет за собой целую вереницу системных проблем: низкую конверсию, санкции рекламных платформ и, в конечном итоге, рост финансовых затрат на интернет-маркетинг и низкую рентабельность бизнеса.
Как подружить ваш сайт и Mobile-First-индексацию?
Прежде чем что-то начать делать с сайтом, необходимо провести его технический анализ.
Владельцам сайтов с динамической версткой повезло: технология динамической верстки уже изначально заточена под многообразие девайсов.
Вебмастерам, чьи сайты некорректно отображаются на мобильных устройствах, необходимо заняться созданием адаптивного дизайна сайта. Этот совет может показаться наивным и очевидным, но, как показывает практика, большое количество владельцев веб-сайтов пренебрегают им.
К сожалению, в сети очень легко наткнуться на следующие технические архаизмы:
- очень медленная скорость загрузки страниц;
- JavaScript и “раздутый” HTML-код;
- неадаптивный дизайн;
- всплывающие окна, блокирующие контент;
- изображения с низким разрешением;
- крошечные и незаметные кнопки.
Список можно продолжать и продолжать. Порой создается ощущение, что некоторые веб-мастера считают, что на дворе все еще 1997 год.
В интернет-маркетинге нужно взять за правило, что улучшать сайт нужно постоянно, не останавливаясь на достигнутом, а работы на соответствие Mobile-First-индексации стоит рассматривать лишь как очередной этап в совершенствовании вашего ресурса.
Но что делать, если нет возможности сразу создать адаптивный или динамический сайт? Можно следовать временным рекомендациям:
- Использовать разметку структурированных данных и избегать добавления разметки, не относящейся к контенту сайта.
- Использовать формат AMP – ускоренные мобильные страницы и особенно AMPHTML-объявления, которые обычно загружаются на 5 секунд быстрее объявлений без AMP.
- Дать доступ к мобильной версии сайта, внеся необходимые коррективы в файл Robots.txt.
- Добавить ваш мобильный сайт в Search Console.
Кроме того, внеся необходимые доработки, нужно обязательно отслеживать свои метрики и вовремя реагировать на их изменения: быть может, вы увидите, вопреки ожиданиям, снижение трафика или более высокий показатель отказов. В таком случае, необходимо скорректировать работы, направленные на соответствие стандартам Mobile-First-индексации, а после производить замеры повторно.
Чтобы понять, насколько глобальными будут изменения, связанные с внедрением Google технологии Mobile-First, потребуется определенное время. Но это отнюдь не повод ждать, пока отрасль интернет-маркетинга станет стабильной — в принципе, от такой динамичной сферы и не стоит ждать стабильности.
Не нужно ждать уведомления от Google о переходе на Mobile-first, не нужно ждать, когда Mobile-First-индексация нивелирует все ваши старания по продвижению сайта: начните работу уже сейчас, и положительные результаты не заставят себя ждать.
Поделиться:
Дополнительно по теме в нашем блоге
- SEO-продвижение сайта жилого комплекса
- SEO и веб-дизайн: что нужно учитывать при разработке сайта
- Почему сайт теряет трафик
- SEO: почему так долго?
Источник: www.adclients.ru