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

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

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

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

1. Последнее объявление Google о мобильном поиске и о том, что это значит для вас

В прошлом месяце в блоге Google Webmaster Central компания Google объявила о своих усилиях по улучшению удобства использования мобильных сайтов и мобильного поиска. При поиске на мобильных устройствах вы видели в результатах поиска фразу «Для мобильных устройств»? Это больше не будет отображаться для большинства пользователей в Интернете, поскольку Google очищает опыт и забирает эту ценную недвижимость.

Google также стремится «наказать» веб-сайты, которые используют эти надоедливые всплывающие окна на всю страницу. Цель Google – помочь пользователям, выполняющим поиск, легче находить нужный им контент. «Навязчивые межстраничные объявления» (те всплывающие окна, которые мешают просмотру фонового контента) представляют собой плохой опыт для пользователей, и поэтому Google начнет принимать меры. Это может включать в себя показ вашего сайта ниже в рейтинге или, вполне возможно, вообще не для определенных условий. Google ясно дал понять в этом заявлении:

«После 10 января 2017 года страницы, контент которых труднодоступен для пользователя при переходе из результатов мобильного поиска, могут не иметь такого высокого рейтинга».

Рекомендация:

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

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

Начать тестирование! Простое место для начала — ваше собственное мобильное устройство. Давай, запрыгивай и начинай просмотр. Я не собираюсь составлять исчерпывающий список каждой отдельной проблемы, но вот несколько вещей, на которые следует обратить внимание, которые могут дать вам представление о том, сколько работы может быть впереди.

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

Рекомендация:

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

Мобильные устройства Android, Windows и iPhone предлагают совершенно разные возможности, и поэтому их следует изучить, чтобы пройти тщательный тест. Телефоны используют разные браузеры так же, как и настольные компьютеры. Инструменты помогут протестировать конфигурации новых и старых телефонов, а также используемые ими браузеры.

3. Какие инструменты мобильного тестирования существуют, чтобы помочь проверить мобильность моего веб-сайта?

Google предлагает бесплатный тест для мобильных устройств, который может помочь диагностировать некоторые проблемы, но не дает результатов для конкретных браузеров. Инструменты кросс-браузерного тестирования часто поставляются с возможностями тестирования на мобильных устройствах и в браузерах, каждый из которых предлагает свои собственные наборы инструментов и соответствующую стоимость. CrossBrowserTesting.com, Browsershots, Browser Sandbox, Browsera и BrowserStack — лучшие в своем классе варианты по цене от 10 до 100 долларов в месяц в зависимости от ваших потребностей.

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

Рекомендация:

Если вам необходимо расставить приоритеты, примите во внимание данные из Google Analytics, которые помогут вам определить наиболее распространенные браузеры и мобильные устройства, используемые для доступа к вашему сайту. Адаптируйте свой план к реальным посетителям.

4. Как мне расставить приоритеты в отношении исправлений оптимизации для мобильных устройств, необходимых на моем сайте?

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

Рекомендация:

Оцените свой сайт вручную и с помощью перечисленных выше инструментов и начните устранять любые проблемы с оптимизацией.

5. Могу ли я оптимизировать свой сайт для мобильного поиска, например, для мобильного SEO?

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

Пользовательский опыт чрезвычайно важен, наряду со скоростью загрузки страницы. Чем медленнее ваш сайт и чем сложнее его навигация и использование, тем меньше ваш сайт будет отображаться в результатах поиска как на мобильных устройствах, так и на компьютерах. Метаданные важны, поэтому не забывайте и об этих уникальных мета-заголовках и описаниях. Побуждайте пользователей нажимать на результаты поиска и тестируйте, тестируйте, тестируйте!

Рекомендация:

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

Посетите Schema.org для получения дополнительной информации о параметрах структурированных данных, доступных для вашего сайта. Не уверены, что у вас реализованы структурированные данные? Посетите бесплатный инструмент Google для тестирования структурированных данных, чтобы протестировать страницы своего сайта.

Оптимизация вашего сайта для поисковых систем и мобильных устройств — это повторяющийся процесс, который может потребовать постоянного тестирования, мониторинга и анализа. Консоль поиска Google предоставляет информацию о вашей мобильной производительности, такую ​​как количество кликов, показов и рейтинг кликов ваших результатов мобильного поиска, а также о мобильности вашего сайта и любых связанных с этим проблемах.

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

6. Какие существуют ресурсы, которые помогут моему разработчику решить проблемы с мобильными устройствами, которые я обнаруживаю?

• Руководство по мобильной разработке WordPress
• Magento для продавцов и разработчиков
• Ресурсы веб-сайтов, оптимизированных для мобильных устройств Google, для разработчиков
• Распространенные ошибки при работе с мобильными устройствами Ресурсы Google для разработчиков
• Руководство по мобильной оптимизации для разработчиков

7. Есть ли особенности дизайна, которые мне следует рассмотреть для интеграции на моем сайте сегодня?

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

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

Коснитесь, чтобы позвонить/Нажмите, чтобы позвонить. Когда номер телефона появляется на вашем сайте, рекомендуется разрешить прослушивание этих номеров, чтобы пользователи могли звонить прямо с указанного номера. Очень сложно копировать/вставлять или записывать телефонные номера на ходу. Упростите жизнь своим клиентам и активируйте функции быстрого вызова для номеров на своем веб-сайте.

Резюме

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