SEO в 2017 году: мобильная оптимизация как конкурентное преимущество

/, SEO/SEO в 2017 году: мобильная оптимизация как конкурентное преимущество

SEO в 2017 году: мобильная оптимизация как конкурентное преимущество

Даже многие из титанов Интернета могут немного оптимизировать свои мобильные сайты. Участник Marcus Miller предлагает полный обзор того, как обеспечить максимальную отдачу от возможности продвигаться вперед.

SEO в 2017 году - мобильная оптимизация как конкурентное преимущество

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

Во многих отраслях это может быть консервативным, и в агентстве, которое я возглавляю в Великобритании, Bowler Hat, наши клиенты B2C просматривают до 85 процентов всех сеансов сайта, проводимых на мобильных устройствах.

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

Это не достаточно хорошо в мире мобильных телефонов, в котором мы стреляем в 2017 году.

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

Наша цель — выйти на дополнительное расстояние, чтобы создать полностью ориентированные на мобильные сайты; восхищать наших пользователей и управлять конверсиями; использовать мобильную оптимизацию для разработки стратегического преимущества перед конкурентами. И, конечно же, Google хочет порадовать мобильных пользователей, чтобы мы могли улучшить взаимодействие и факторы на странице, а также воспользоваться улучшенным SEO. Лучше для пользователей. Лучше для поисковых систем. Беспроигрышный.

Что хочет Google

В это время года многие оптимизаторы с нетерпением ждут, и, ссылаясь на сообщение о лучших рекомендациях SEO на 2017 год, Google Gary Illyes похвалил тех, кто предложил мобильный телефон, большой диск на 2017 год.

Те из вас, кто сказал «мобильный», вы были на месте! https://t.co/CtuCW4xV15

— Гэри Иллилес ᕕ (ᐛ) ᕗ (@methode) 13 декабря 2016 г.

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

  • Сегодня больше людей ищут на мобильных телефонах, чем компьютеры.
  • Люди в пять раз чаще оставляют сайт, если он не является мобильным.
  • Более половины мобильных пользователей покинут веб-сайт, если загрузка займет более трех секунд.
  • Поскольку все больше людей ищут на мобильном телефоне, чем на компьютерах, мобильное устройство генерирует больше просмотров страниц. Если ваш сайт не является мобильным, пользователи с меньшей вероятностью будут придерживаться. И если ваш сайт работает медленно, они могут даже не дождаться загрузки страницы.

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

    Индекс мобильной связи

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

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

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

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

    Мобильный подход

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

  • Отзывчивый веб-дизайн
  • Динамический контент
  • Отдельные URL-адреса (мобильный сайт)
  • Отзывчивый дизайн веб-сайтов — это рекомендуемый Google способ решения проблем, связанных с мобильными сайтами, и, таким образом, подход, который вы должны предпринять, если у вас нет очень веских причин.

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

    В конечном счете, отзывчивый дизайн — это лишь небольшая часть создания действительно мобильных веб-сайтов.

    Оптимизация мобильных устройств

    В Google есть ряд инструментов для тестирования удобства использования мобильных устройств, а кроме того, в Search Console имеется отчет о удобстве работы с мобильными устройствами, в котором подробно описаны проблемы на уровне страниц за страницей.

    Вы должны использовать эти инструменты при разработке своего нового сайта и использовать Search Console для отслеживания проблем на протяжении всего срока службы сайта.

    В Search Console рассматриваются следующие проблемы использования мобильных устройств:

  • Использование Flash. Большинство мобильных браузеров не отображают Flash и, следовательно, вы захотите использовать более современные технологии.
  • Viewport не настроен — метаданные viewport позволяют браузерам масштабировать страницу в соответствии с конкретным устройством.
  • Видовое окно с фиксированной шириной. Эта проблема пытается обойти мобильный дизайн с фиксированной шириной страниц и лучше всего откладывается при принятии адаптивного дизайна.
  • Контент не имеет размера для просмотра. Здесь содержимое страницы не подходит для окна, и пользователю приходится прокручивать. Это можно зафиксировать с относительной, а не фиксированной шириной.
  • Малый размер шрифта — это проблема масштабирования и требует, чтобы пользователи зажимали экран для увеличения.
  • Сенсорные элементы слишком близко — это обычная проблема юзабилити, когда слишком сложно использовать данный элемент, не нажимая на соседний элемент.
  • Интерстициальное использование. Всплывающее всплывающее окно часто представляет собой плохой пользовательский интерфейс на мобильном устройстве и является тем, что Google пытается взломать в 2017 году.
  • Это ключевые технические элементы, которые Google ищет и сообщает веб-мастерам.

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

    Ресурсы мобильной оптимизации:

  • Мобильные сайты — https://developers.google.com/webmasters/mobile-sites/
  • Тест для мобильных устройств — https://search.google.com/search-console/mobile-friendly
  • Отчет о мобильном удобстве — https://support.google.com/webmasters/answer/6101188?hl=ru
  • Скорость страницы

    Скорость страницы важна для всех устройств, но она может быть критически важной на мобильных устройствах, когда пользователи отключены, и о поиске быстрых ответов. Страница, которая может относительно быстро загружаться в сети WiFi, может оказаться не столь быстрой в мобильной сети передачи данных. 4G улучшило скорость, но покрытие (в Великобритании, по крайней мере) не является чем-то, на что можно положиться.

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

    В программе Mobile-Friendly теперь встроена информация о скорости страницы.

    https://search.google.com/search-console/mobile-friendly

    https://testmysite.withgoogle.com/ — более привлекательный внешний интерфейс

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

    Вот результат из инструмента testmysite.withgoogle.com от Google

    отчет о скорости страницы для мобильного сайта

    Мы можем увидеть некоторые очевидные рекомендации для технических улучшений здесь:

  • Устранить блокировку визуализации JavaScript и CSS в вышеприведенном содержании.
  • Включить сжатие.
  • Оптимизация изображений.
  • Свернуть CSS.
  • Использовать кеширование браузера.
  • Это сайт WordPress и, как таковой, большинство из них — довольно простые задачи. Существуют плагины, которые будут решать большинство из них без дорогостоящего времени разработки.

    Мы также можем просмотреть обзор времени загрузки страницы в Google Analytics в отчете «Поведение»> «Скорость сайта».

    скорость сайта в Google Analytics

    Здесь мы видим, что средняя загрузка страницы составляет почти четыре секунды, что выше идеального времени загрузки от двух до трех секунд. Мы также видим, что почти половина из них объясняется средним временем отклика сервера.

    Извлечение основных улучшений из инструмента поиска PageSpeed ​​и поиск более быстрого партнера по хостингам может привести к тому, что время загрузки сократится примерно до двух секунд.

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

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

    Быстро. Это делает ваши пользователи и Поисковые системы счастливыми.

    Ресурсы скорости страницы:

  • Тест для мобильных устройств — https://search.google.com/search-console/mobile-friendly
  • Проверка сайта — https://testmysite.withgoogle.com/
  • Google Analytics — https://support.google.com/analytics/answer/1205784?hl=ru
  • Сделать веб-быстрее — https://developers.google.com/speed/
  • Страницы AMP — https://www.ampproject.org/
  • Мобильный пользовательский интерфейс

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

    Впервые я написал отзывчивый дизайн в 2012 году, и тем не менее, несмотря на полузадачу подхода, многие сайты, внедряющие отзывчивые, по-прежнему не по-настоящему оптимизированы для потребностей и потребностей мобильных пользователей.

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

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

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

    Результаты исследования были отнесены к 25 принципам разработки мобильных сайтов в пяти основных категориях:

  • Домашняя страница и Навигация по сайту.
  • Поиск по сайту
  • Торговля и конверсии
  • Ввод формы
  • Юзабилити и форм-фактор
  • Ключевым выводом из отчета было то, что мобильные пользователи ориентированы на цели. Они ожидают, что смогут быстро и легко достичь своей цели с минимумом суеты. Нет зажима для увеличения. Не путать навигацию или сенсорные элементы слишком близко друг к другу, чтобы действительно использовать.

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

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

    Я также большой поклонник инструментов, которые записывают, как пользователь взаимодействует с вашим сайтом. В Bowler Hat мы используем контрольную. Это дает нам видеоролики сеансов пользователей, а также карты тепла, карты прокрутки и множество других функций. С помощью инструмента, подобного этим сеансам записи, вы всегда проводите тестирование юзабилити (пока вы смотрите видео).

    Инструмент предлагает сильный набор параметров фильтрации, чтобы вы могли легко идентифицировать шаблоны и просматривать реальных пользователей, когда они используют (или пытаются использовать) ваш сайт. Сочетание этого инструмента с информацией из Google Analytics может быть проницательным. Скажем, GA говорит вам, что 50 процентов мобильных пользователей уходят со второй страницы вашего заказа. Теперь вы можете точно видеть, что делают эти пользователи и почему у них проблемы.

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

    Мобильные возможности юзабилити:

  • Дизайн и пользовательский интерфейс — https://developers.google.com/web/fundamentals/design-and-ui/
  • Тестирование мобильных устройств — http://usabilitygeek.com/usability-testing-mobile-applications/
  • Оптимизация Google и AnswerLab для нескольких экранов — http://static.googleusercontent.com/media/www.google.com/en//intl/ALL_ALL/think/multiscreen/pdf/multi-screen-moblie-whitepaper_research- studies.pdf
  • Инспекция — http://www.inspectlet.com/
  • Контрольный список оптимизации мобильных устройств

    Таким образом, у нас есть три фундаментальных компонента создания мобильных сайтов, которые понравятся вашим пользователям (или это порадует ваших пользователей и приведет к конверсии в народном языке Google).

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

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

    Просмотрите этот список по пунктам и вернитесь к документации по проектированию для нескольких экранов для любых необходимых пояснений.

    Основная мобильная оптимизация

  • Отзывчивый дизайн
  • Скорость страницы
  • Скорость хостинга
  • Домашняя страница и навигация по сайту

  • Держите вызовы к действию спереди и в центре.
  • Держите меню коротким и сладким.
  • Легко вернуться на домашнюю страницу.
  • Не позволяйте рекламным акциям украсть шоу.
  • Поиск по сайту

  • Сделайте видимым поиск по сайту.
  • Убедитесь, что результаты поиска сайта релевантны.
  • Внедрение фильтров для улучшения удобства использования сайтов.
  • Направляйте пользователей к лучшим результатам поиска.
  • Торговля и конверсии

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

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

  • Оптимизируйте весь сайт для мобильных устройств.
  • Не заставляйте пользователей зажимать для увеличения.
  • Сделать изображения продуктов расширяемыми.
  • Сообщите пользователям, какая ориентация экрана работает лучше всего.
  • Держите пользователя в одном окне браузера.
  • Избегайте маркировки «полного сайта».
  • Будьте понятны, почему вам нужно местоположение пользователя.
  • Загрузите этот список в формате PDF для печати или совместного использования.

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

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

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

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

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

    Leave A Comment

    %d такие блоггеры, как:
    ОСТАВЬТЕ ЗАЯВКУ
    Перешедшим от других SEO-компаний приветственная скидка 40%
    Мы Вам перезвоним и подготовим лучшее предложение.
    1. Позвоним
    2. Проведем аналитику
    3. Разработаем прогноз
    4. Презентуем стратегию
    5. Подпишем договор
    6. Запустим проект
    Хотите купить квартиру?
    Обращайтесь и мы Вам поможем
    • Скорость решения вопроса
    • Ваш финансовый интерес
    • Качественное обслуживание
    • Всесторонняя забота о клиенте
    • Работаем на репутацию
    • Поддержка на всех этапах
    * we never share your e-mail with third parties.
    Do you want more traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
    * we never share your e-mail with third parties.
    ОСТАВЬТЕ ЗАЯВКУ
    6 шагов за 31 день для увеличения ваших продаж
    1. Анализируем спрос и предложение
    2. Выделяем тематические сегменты
    3. Создаем группы объявлений
    4. Следим за отдачей от объявления
    5. Корректируем рекламную кампанию
    6. Предоставляем подробные отчеты
    ОСТАВЬТЕ ЗАЯВКУ
    При заказе сайта магазин на Facebook бесплатно!
    И вы получите самый социальный инструмент для продаж.
    1. Проведем аналитику
    2. Подготовим контент
    3. Добавим продукты
    4. Произведем настройку
    5. Синхронизируем магазины
    6. Вам остается наслаждаться




    PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
    ЗАЧЕМ СОЗДАВАТЬ САЙТ
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    * we never share your e-mail with third parties.
    Do you want massive traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!