Правильные решения в продвижении сайтов в интернете!
г. Москва, м. Сокольники, ул. Маленковская, д. 32, стр. 3
Режим работы: с 10:00 до 19:00, пн.- пт. (сб./вс. - выходной)
+7 (499) 391-17-76
8 (800) 707-05-97
e-mail: biz@o-es.ru

Мобильное SEO в 2018 году – оптимизация в 4 шага!

Можете ли вы представить себе взрослого человека, у которого нет мобильного устройства? А себя можете представить без него? Трафик через мобильные устройства растет с каждым днем, и это факт. В статье представлены практические советы по SEO-оптимизации под гаджеты.

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

1. Мобильный аудит

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

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

Итак, что же делать?

1. Используйте Google Search Console

Если у вас есть мобильная версия сайта, добавьте ее и проверьте в Google Search Console.

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

Используйте для этого сервис Google Mobile Friendly – проверка оптимизации для мобильных.

 

3. Сделайте все свои ресурсы сканируемыми

Убедитесь, что ваш мобильный сайт не блокирует CSS, JavaScript, изображения, видео и т.д.

4. Избегайте Flash

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

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

2. UX (Пользовательский опыт)

Наглядный пример разницы между дизайном и опытом пользователя
Рис. 1. Наглядный пример разницы между проектом и пользовательским опытом

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

Не мучиться с масштабированием. Не путаться с навигацией и сенсорными элементами, которые расположены слишком близко друг к другу. И что важнее всего – не ждать! Если какие-либо из этих ожиданий не реализованы, возникает раздражение и очень активный отток пользователей (показатели отказов на мобильных устройствах на 40 % выше, чем на ПК).

Вы понимаете, к чему я веду? Пользовательский опыт – это то, что сейчас действительно важно. Вы должны предоставить своим пользователям то, что им нужно, и на их условиях.

1. Отзывчивый дизайн

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

Изменение масштаба контента в зависимости от размера экрана устройства. Пример отзывчивого дизайна
Рис. 2. Изменение масштаба контента в зависимости от размера экрана устройства. Пример отзывчивого дизайна

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

Отзывчивый дизайн предполагает:

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

Итак, что же делать?
Я рекомендую прочитать мою статью и обратить особое внимание на всю главу UX (пользовательский опыт), где рассказывается о тех ключевых факторах, которые делают ваш сайт дружественным любому мобильному устройству.

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

P.S. То же касается отдельной мобильной версии вашего сайта.

2. Время загрузки

Согласно Исследованиям скорости работы мобильных страниц от Google, когда время загрузки страницы увеличивается с одной секунды до шести, показатель уходов возрастает на 106 %. Неплохо мотивирует, не так ли?

Зависимость количества отказов от времени загрузки в процентах
Рис. 3. Зависимость количества отказов от времени загрузки в процентах

Google тоже так думает. Скорость использовалась в качестве фактора ранжирования в течение довольно долгого времени, хотя в основном она была ориентирована на ПК поиск. Чтобы заполнить пробел со стороны работы с мобильными устройствами, Google объявил о так называемом проекте Speed Update: начиная с июля 2018 года скорость страницы будет фактором ранжирования для поиска, ориентированного на мобильные устройства.

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

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

Итак, что делать?

1. Оптимизируйте время загрузки

Сжатие изображений – это самый простой способ улучшить мобильный UX (Пользовательский опыт) и скорость страницы.

2. Оцените производительность страницы

Пока трудно предложить какие-либо инструменты, которые помогут вам определить, влияет ли на ваш сайт эта новая концепция Speed Update. Однако сам Google рекомендует следующее: Chrome User Experience ReportLighthouse или PageSpeed Insights.

3. Ускорьте мобильные страницы

Accelerated Mobile Pages (AMP), что переводится как «ускоренные мобильные страницы», – это проект с открытым исходным кодом, который позволяет отображать контент на мобильных сайтах почти мгновенно (благодаря гораздо более легкой версии HTML, поставляемой из кешированной версии Google). Эта инициатива спонсируется Google, но не принадлежит ей. Она поддерживается Bing, Baidu, Twitter, Pinterest и другими сторонами.

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

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

Например, сайты интернет-магазинов довольно быстро воспользовались этой возможностью, и у них она полностью функционирует. С AMP они получили в среднем 20%-е увеличение продаж в сравнении с прежними не-AMP-страницами. Посмотрите, как влияет увеличение времени загрузки страницы на 0,1 секунду, на примере Amazon!

Прирост прибыли известных компаний в ответ на увеличение скорости загрузки страниц
Рис. 4. Прирост прибыли известных компаний в ответ на увеличение скорости загрузки страниц

Итак, что же делать?

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

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

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

 

4. Прогрессивные веб-приложения

Учитывая разговоры о конвергенции между устройствами, давайте рассмотрим еще одну тенденцию 2017 года — Progressive Web Apps (Прогрессивные веб-приложения, PWA), которая, безусловно, будет актуальной и в 2018 году.

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

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

Google показывает все на собственном примере, переводя сюда свои собственные веб-ресурсы, такие как Traffic, Sports, Restaurants, Weather, Google Contribute и Maps-Go, в PWA.

Внешний вид PWA и приложений на мобильных устройствах
Рис. 5. Внешний вид PWA и приложений на мобильных устройствах

И если вы считаете, что PWA больше связаны с Android и Chrome, то вы должны знать, что Apple наконец признали, что Safari будет поддерживать файлы Service Worker, которые делают PWA настолько функциональными.

Итак, что же делать?

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

5. Мобильный дизайн

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

Итак, что же делать?

Изображения, шрифты, заголовки

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

Понятная навигация

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

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

Поиск по сайту

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

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

Обратная связь

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

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

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

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

Кнопки призыва к действию

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

И не дай Бог, если кнопки не работают вообще! Это преступление в сфере UX (Пользовательского опыта), и за него нужно сильно наказать сотни мобильных сайтов с невосприимчивыми кнопками. То же самое касается текстовых ссылок.

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

Всплывающие окна

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

Для правильного использования межстраничных объектов посмотрите следующие картинки:

Пример всплывающих окон и промежуточных страниц, которые делают контент менее доступным
Рис. 6. Пример всплывающих окон и промежуточных страниц, которые делают контент менее доступным
Пример всплывающих окон и промежуточных страниц, которые при правильном использовании не мешают пользователю взаимодействовать с контентом
Рис. 7. Пример всплывающих окон и промежуточных страниц, которые при правильном использовании не мешают пользователю взаимодействовать с контентом

3. Контент

На этом этапе становится очевидным, что контент должен быть легко усваиваемым. Что еще? Знаете, когда дело доходит до Google, какие бы ограничения он ни применял, у него все равно на первом месте стоит постулат: ваш сайт все еще может быть на высоком месте в рейтинге, если у вас есть хороший контент. И в эпоху семантического поиска такое положение вещей сохранится надолго. В конце концов, это вопрос конвертирования контента.

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

Причины, по которым люди используют голосовой поиск: это просто; это весело; это быстро; отсутствие возможности использовать клавиатуру или экран; другие причины
Рис. 8. Причины, по которым люди используют голосовой поиск: это просто; это весело; это быстро; отсутствие возможности использовать клавиатуру или экран; другие причины

Итак, что же делать?

1. Исследование ключевых слов

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

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

  • Идеи для вопросов в блоке Google «Люди также спрашивают».

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

Бокс «Люди также спрашивают»
Рис. 9. Бокс «Люди также спрашивают»

2. Оптимизация для выделенного фрагмента

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

  • Сделайте свой контент доступным.

Используйте формулу перевернутой пирамиды для структурирования данных:

  • начните с самой важной информации, которая отвечает на основные вопросы;
  • перейдите к более подробному изложению информации, которое выходит за пределы прямого ответа, и добавьте визуальную поддержку;
  • завершите все примерами или тематическими исследованиями.
Формула перевернутой пирамиды для структурирования данных (содержимое ячеек описано выше в тексте)
Рис. 10. Формула перевернутой пирамиды для структурирования данных (содержимое ячеек описано выше в тексте)
  • Оптимизируйте формат.

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

Абзацы. Подумайте о краткой сводке для ответа на потенциальный запрос, около 4050 слов, чтобы они вписывались в окно ответа. Отформатируйте этот абзац в HTML-теге абзаца <p> и поместите этот абзац прямо под заголовком вопроса.

Таблицы. Если необходимо, добавьте табличные данные или переформатируйте подходящие абзацы в таблицы. Отметьте таблицу на своей странице с помощью тега <table>.

Списки. Дайте вашему списку заголовок (H1 или H2), который соответствует целевому ключевому слову и отформатирует ваши «шаги» в качестве подзаголовков. Помните, что Google также может создавать свои собственные списки из текста. Таким образом, вы можете отформатировать текст подзаголовками, там, где это логично. Затем Google сократит ваши подзаголовки и перечислит их в хронологическом порядке.

  • Запросите повторную индексацию.

После того, как вы внесете некоторые изменения на свои страницы, используйте Google Search Console для повторного сканирования. По-видимому, этот запрос почти мгновенно обновляет индекс страницы в Google. Это означает, что ваша страница может повыситься в рейтинге в тот же день, когда вы повторно ее проиндексировали.

3. Используйте структурированные данные

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

  1. Выберите подходящий тип.
  2. Отредактируйте код. Вы, конечно, можете сделать это вручную, ну или с помощью Google’s Structured Data Markup Helper.
  3. Протестируйте разметку с помощью Google’s Structured Data Testing Tool.

4. Различные формы контента

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

4. Расположение

Технические компании знают о нас больше, чем когда-либо прежде, и они получают большую часть информации прямо с наших телефонов. Google не скрывает того факта, что он активно фиксирует шаблоны нашего поведения в интернете. Это позволяет переносить поиск на гиперперсонализированный уровень. Эта тенденция отчетливо проявляется, когда мы пытаемся выполнить локальный поиск. И особенно, когда мы делаем это на мобильном устройстве: Google утверждает, что 80 % запросов «рядом со мной» поступают с мобильных устройств.

Предложения для поиска «Рядом со мной»
Рис. 11. Предложения для поиска «Рядом со мной»

Итак, что же делать?

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

1. Подайте заявку на включение в Google My Business

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

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

2. Заполучите позитивные отзывы

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

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

3. Убедитесь в доступности НАТ

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

4. Добавьте фотографии

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

5. Используйте разметку Schema

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

6. Оптимизируйте кампании AdWords для поиска «Рядом со мной»

Если вы уже проводили кампанию AdWords для своего локального бизнеса, вы можете увеличить свою видимость как для голосового, так и для обычного поиска, используя следующие советы:

  • Используйте расширения адресов AdWords:

Если вы включите расширения локации в AdWords, это позволит вам указывать адрес, номер телефона и направления вашего бизнеса в местоположении вместе с вашими объявлениями. Это нужно для того, чтобы вы появлялись в поиске «Рядом со мной».

  • Используйте рекламу в локальном поиске Google Maps:

Такая реклама позволит вам подняться выше в результатах поиска в Google Maps. Вы можете воспользоваться этим руководством, чтобы узнать, как применять данный тип объявлений.

Это знак сделать правильные вещи
Рис. 12. Это знак сделать правильные вещи

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

Если вы думаете о том, стоит ли попробовать какие-либо новые тенденции, то вот вам предупреждение: проведите тщательные предварительные исследования и не жалейте сил на этом пути.

Если у вас есть какие-либо вопросы или предложения по данной теме, то вот мой совет: начните обсуждение в разделе комментариев.

 

Оригинал статьи: Mobile SEO in 2018

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Условиями использования