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

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

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

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

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

При выборе мобильной версии сайта одного единого решения нет. Решение принимается с учетом того, что делает ваш сайт, как он должен функционировать, и, более важно, каковы намерения вашей аудитории. Есть и другие вопросы, которые вы должны задать себе: “Каковы наилучшие и наихудшие показатели вовлечения пользователей мобильных устройств в сравнении с показателями вовлечения обычных пользователей? Какие мобильные устройства наиболее популярны при использовании вашего сайта? Насколько хорошо ваш сайт вовлекает пользователей без мобильной версии?”.

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

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

Вариант 1: Адаптивный дизайн

Адаптивный дизайн использует одинаковый код как для мобильной, так и для обычной версии сайта. Один и тот же URL выдает одинаковый HTML-код и разный CSS-код, который меняется в зависимости от устройства.



Вариант 2: Динамический вывод

Предустановка с динамическим выводом — это когда сервер выдает разные CSS-коды (и HTML-коды) на одном URL в зависимости от агента пользователя, который запрашивает страницу. Именно агент пользователя и определяет код, который следует выводить.

Вариант 3: Отдельный мобильный сайт

Отдельный мобильный сайт – это эквивалент обычной версии сайта, который выводится на отдельном URL. Например, это может быть сделано на поддомене m.mobile.co.uk. Однако подобный формат URL не очень нравится Google.



Какой вариант подходит вам?

Ниже представлена таблица, которая показывает, что тип мобильной версии сайта зависит от индустрии и предназначения сайта. Бывает и так, что вместе используются адаптивный дизайн и отдельный мобильный сайт. Сайты Expedia и HSBC – хорошие примеры такой комбинации.

2. Лучшие методы оптимизации (мобильное SEO)

— быстрая скорость загрузки сайта через смартфон – скорость загрузки сайта является очень важным фактором ранжирования для поисковиков. Это касается и мобильных сайтов. Согласно Google, средняя скорость загрузки мобильной страницы в августе 2013 года была 7 секунд. Это не очень хорошо для пользователей, а соответственно и для Google, который желает предоставлять своим пользователям все самое лучшее. Скорость загрузки мобильной версии сайта вы можете проверить при помощи PageSpeed Insights (http://developers.google.com/speed/pagespeed/insights/) или PIngdom (http://tools.pingdom.com/). Эти сервисы также предоставляют данные или рекомендации по ускорению сайта. Google обязательно поощрит ваш сайт за ускорение.

— Rel canonical и alternative – если мобильная и обычная версии сайта расположены на разных URL, тогда это лучший способ показать Google где находится обычная версия сайта, а где мобильная. Это поможет Google понять связь между одинаковыми страницами, выводимыми для разных устройств. Помогите Google помочь вам! Вот пример rel canonical и alternative для разных версий сайта (кликните чтобы увеличить изображение):

— карта мобильной версии сайта – карта сайта предоставляет поисковику метаданные о типах контента на вашем сайте, а также помогает поисковым роботам исследовать ваш сайт. Мобильная карта сайта содержит URL Только на мобильные версии страниц.

3. Избегаем распространенные ошибки мобильного SEO

— испорченные видео и изображения – мобильный сайт не означает, что ваши мобильные пользователи не хотят посмотреть видео или увидеть изображение. Убедитесь в том, что все видео и изображения на вашем сайте совместимы с мобильной версией сайта. Ваш сайт должен быть превосходен во всем, чего захочет пользователь. Сейчас Google рекомендует использовать HTML5 Для вставки видео и изображений, и призывает отказаться от таких форматов, как Flash. Flash не поддерживается ни одним мобильным устройством. Достижение данной цели может быть трудным при адаптивном дизайне, а вот на отдельных версиях сайта это выполнимо.

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

— страница 404 только для смартфона – на мобильном сайте может быть опубликован контент, отличный от обычной версии сайта. Если мобильный сайт не имеет эквивалентной мобильной страницы, то Google рекомендует перенаправлять пользователя на страницу обычной версии сайта, а не выводить страницу 404.

4. Другие тонкости мобильной версии сайта

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

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

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

— Клик для звонка – создавайте самую уникальную функциональность мобильного сайта, используйте функцию “кликни для звонка”, что позволяет пользователю кликнуть по номеру на сайте и сразу перейти к совершению вызова. Более 40% всех мобильных пользователей используют такую функцию. Если страниц с такой функцией на вашем сайте несколько, тогда для отслеживания кликов используйте данные Google Analytics.

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

— поиск магазина – исследование Our Mobile Planet (http://think.withgoogle.com/mobileplanet/en/) показало, что 94% всех пользователей смартфонов искали местную информацию, а 84% этих пользователей приступили к действию после этого. Другое исследование Mobile Search Moments (https://www.google.co.uk/think/research-studies/creating-moments-that-matter.html) показало, что 63% тех людей, которые приступили к действию после мобильного поиска, сделали это в течение часа, а 84% — в течение пяти часов.

— подписка и регистрация – процесс подписки должен быть как можно проще. Рассмотрите интеграцию с социальными сетями.

— социальное распространение – в цифровом мире распространение информации является ключевым способом получения более широкой аудитории и популярности. Убедитесь в том, что мобильная и обычные версии сайта имеют функцию распространения контента по социальным медиа.

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

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

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

(Пока оценок нет)

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

Вместе с этим Google решил изменить подход к индексации и объявил о переходе в 2018 году на mobile-first индекс. В данной статье мы расскажем вам, как оптимизировать мобильную версию своего лендинга в связи со скорыми изменениями.

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

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

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

Итак, вот, что вы должны сделать:

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

По данным MindMeld, в 2015 году голосовой поиск подскочил с 0 до 50 000 000 000 запросов в месяц. SEO-компания HigherVisibility опросила 2000 пользователей мобильных телефонов и обнаружила, что 27% респондентов ежедневно используют голосовых помощников, а другие 27% используют его не реже одного раза в неделю.

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

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

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

  • Идеи для вопросов с Rank Tracker: В вашем проекте перейдите в раздел «Поиск ключевых слов» (Keyword Research), кликните на кнопку «Рекомендуемые ключевые слова» (Suggest Keywords) и выберите метод исследования «Частотные вопросы» (Common Questions). Введите ключевые слова и нажмите «Далее» (Next). Когда исследование будут завершено, в вашем личном кабинете появятся идеи для вопросов.

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

2. Оптимизация для расширенного сниппета

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

Как же попасть в расширенный сниппет?

1. Используйте принцип перевернутой пирамиды при расположении контента:

  • начните с самой важной информации по данному вопросу
  • перейдите к более подробному ответу и добавьте визуальную поддержку
  • завершите примерами или тематическими исследованиями (case studies)

Сверху-вниз: наиболее важная информация (кто? что? когда? где? почему? как?), важные детали, другая общая информация

2. Оптимизируйте код. Путем разумной HTML-структуры вы можете направить Google именно в те места, где он найдет ответ на вопрос для сниппета. Оформите ваш лендинг под расширенный сниппет:

  • Параграфы: Подумайте о кратком резюме, которое бы отвечало на вопрос, около 40-50 слов, чтобы оно поместилось в окошко. Отформатируйте этот параграф в HTML тег

    И поместите его сразу под заголовком вопроса.

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

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

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

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

    • Выберите подходящий тип микроразметки.
    • Отредактируйте код: вы можете сделать это как вручную, так и с помощью «Мастера разметки структурированных данных» Google
    • Протестируйте разметку с помощью «Инструмента проверки структурированных данных» от Google.

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

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

    Местоположение

    Google не скрывает того факта, что он активно фиксирует паттерны поведения пользователей в интернете. Это позволяет им максимально персонализировать поиск. Данная тенденция отчетливо проявляется, когда мы выполняем локальный поиск и особенно когда мы делаем это на мобильном устройстве. По данным Google, 80% поиска «Рядом со мной» происходит на мобильных телефонах.

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

    1. Создайте страницу в Google Мой бизнес

    После того как вы настроили свой профиль:

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

    2. Заработайте положительные отзывы

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

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

    3. Обеспечьте согласованность контактных данных

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

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

    Сделайте качественные фотографии вашего офиса/команды/продукта.

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

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

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

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

    • Используйте расширения местоположения (location extensions) в AdWords: это позволит вам указать в вашем рекламном объявлении адрес, номер телефона и инструкции по тому, как добраться до вас. Это важно, если вы хотите появляться в поисковой выдаче «Рядом со мной».
    • Используйте «Местные поисковые объявления» (Local Search ads) в Google Картах: такая реклама появляется над результатами органического поиска в Google Картах.

    Особенности мобильного SEO

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

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

    Мобильная оптимизация сайта

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

    1. Адаптивный
    Используя его, посетителям будет предоставляться идентичная версия страницы HTML, с изменением CSS стилей, с целью корректного отображения всех элементов. Этот способ весьма простой и является одним из лучших.
    Особенности адаптивного дизайна:

    • Его можно применять под любые размеры;
    • Простота настройки;
    • Отсутствие проблем с дублями страниц;
    • Снижение скорости работы площадки.

    2. Динамический
    При использовании данного способа, помимо CSS файлов, заменяются так же и HTML, но, ни смотря на это, адрес страницы остаётся без изменений. После определения устройства, с которого был выполнен переход, с помощью специальных скриптов, предоставляется подходящие форматы.

    Особенности динамического дизайна:

    • Возможность изменять содержимое страниц для различных видов трафика;
    • Снижение скорости работы площадки;
    • Необходимость дополнительных затрат времени, для добавления каждой публикации в 2 видах;
    • Нет проблем с дублями страниц.

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

    Особенности создания отдельного сайта под мобильный трафик:

    • Наличие риска получения проблем с дублями страниц;
    • Великолепно подойдёт для больших и сложных сайтов;
    • Появляется необходимость делать перелинковку между двумя площадками;
    • Возможность представления различного контента на разных страницах.

    Вам решать, какой из представленных способов использовать.

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

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

        • Если вы решили использовать способ, заключающийся в создании отдельного сайта для мобильного трафика, не забудьте о применении тегов rel canonical и alternative. С их помощью, поисковая система Google, будет легко отличать, какая из площадок является основной, а какая – мобильная версия;
        • Для того чтобы поисковые системы могли благополучно сканировать все мобильные страницы проекта, появляется необходимость в создании карты сайта для мобильных сайтов;
        • Лучший способ повышения удобства использования ресурса – создание различных мобильных приложений. Разработка – занятие не из лёгких. Но, если вам под силу сделать это – приступайте как можно скорее. Вы не ошибётесь;
        • Не допускайте ошибку, которая уже вошла в привычку большого количества вебмастеров (при использовании мобильной версии они направляют пользователя на главную страницу, а не по релевантной ссылке). Ставьте правильные редиректы с каждой страницы, на те же страницы мобильной версии;
        • Различные видео, так же как и изображения, могут не поддерживаться с мобильных устройств. А без этих материалов, пользователи могут хуже воспринимать информацию сайта. Во избежание этого, необходимо изменить формат видеороликов с Flash на HTML5. После этого, информация станет доступна пользователям с мобильных устройств;
        • Какие-то страницы вашей основной площадки, могут не иметь аналогов. В подобных случаях, нужно настраивать страницу с ошибкой 404 на мобильной версии площадки;
        • Многие забывают о том, что интерфейс является одним из самых важных факторов мобильных сайтов. Размер дизайна становится на порядок меньше, и, чтобы он был удобным, нужно грамотно всё разместить (меню, форму поиска, контактные данные…..). Тщательно продумайте, как правильно разместить всё самое важное на не очень большой странице;
        • Использование интеграции с социальными сетями, обеспечит вам и пользователям дополнительные удобства. Ведь практически все, привязывают свой профиль от Вконтакте или Facebook. Так же, будет хорошо, если на мобильной версии помещена кнопка, позволяющая поделиться страницей через свой профиль;
        • После того, как вы создали сайт под мобильный трафик, привяжите его к определённому региону. Это необходимо, так как, исходя из статистических данных, пользователи мобильных устройств, пользуются региональной выдачей;
        • Важнейший элемент каждого ресурса – оформление контента. Вам необходимо позаботиться о том, чтобы информация на вашей площадке, красиво, качественно и корректно отображалась в мобильных устройствах.
          По аналитическим прогнозам, в будущем, интернет будут посещать ещё чаще с помощью мобильных устройств. В этом нет сомнений, из-за безумного роста продаж смартфонов. Поэтому, владельцам сайтов нужно заблаговременно побеспокоиться об этом, и грамотно настроить свою площадку.

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

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

    Мобильный SEO в сравнении с обычным SEO

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

    1. производительность сайта
    2. пользовательский интерес

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

    Мобильный индекс Google

    Мобильное seo и его важность еще более ясна благодаря недавнему объявлению Google. В какой-то момент Google переключится на мобильный приоритет. Что это значит? Впервые Google будет определять рейтинги сайтов на основе качества мобильной версии сайта вместо версии для ПК! Новый будет сканировать ваш мобильный сайт и определять, насколько он соответствует производительности, мобильности контента и удобства пользовательского интерфейса. Если у вас все ОК, вы получите лучший рейтинг. Если у вас есть недостаток, другие сайты будут ранжироваться выше, и вы можете проиграть. Даже если вы не фокусируетесь на мобильном телефоне, вас все равно будут судить по вашему мобильному сайту, поэтому пришло время принять меры.

    Скоро: что делать что бы улучшить свой мобильный SEO

    Существует четыре способа создания страниц, оптимизированных для просмотра с переносных устройств (смартфонов и планшетов).

      Адаптивный дизайн . Приоритетен в разработке для SEO. Используется единый HTML-код и URL для всех устройств. Сама страница - подстраивается под разрешение и размер экрана устройства.

      Динамический показ . Используется единый URL для всех устройств, но вёрстка (код) зависит от разрешения и размера экрана.

      Мобильная версия . Используется отдельный поддомен или домен для пользователей на мобильных устройствах.

      AMP и Турбо-страницы . Отдельные страницы, которые хранятся на сервере поисковой системы (AMP или Accelerated Mobile Pages - Google. Турбо - Яндекс).

    Тип адаптации и суть метода URL остается без изменений Код остается без изменений Плюсы и минусы для SEO

    Адаптивный дизайн.
    Используется универсальная вёрстка и стили, которые адаптируют отображение страницы под то разрешение экрана, на котором просматривается URL.

      Повышенная сложность и размер кода, более сложная стартовая реализация / вёрстка.

    Динамический показ.
    Сначала - определяется какой тип устройства и разрешение экрана у пользователя и в зависимости от параметров - показывается один из вариантов HTML-вёрстки.

      Использование одного URL.

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

      Как правило, приводит к наличию ошибок в технической оптимизации сайта.

    Отдельная mobile-версия.
    Расположение мобильной версии сайта на отдельном поддомене или домене.

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

      Необходимость отдельного контроля.

      Большие сложности технической настройки.

      Сложности для SEO в учёте факторов ранжирования из-за различных URL для мобильных и десктопных пользователей.

    AMP и Турбо-страницы.
    Специально разработанная и упрощенная версия документа, которая размещается на серверах поисковой системы, что позволяет упростить её и загружать быстрей для смартфонов.

      Поисковые системы выделяют документы данного типа в результатах выдачи (SERP), что может приводить к росту трафика на них.

      Пользователь не переходит на сам сайт, так как документ располагается на сервере поисковой системы (типичный вид URL в случае с Турбо-страницей «https://yandex.ru/turbo?text=URL-документа-с-исходного-сайта»).

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

      Сложности в учёте факторов ранжирования.

    Аудит мобильной версии сайта: чек-лист

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


    В случае использования оптимальной для SEO адаптивной версии, добавляется ещё один значимый, особенно в эпоху пункт.


    Чек-лист для отдельной мобильной версии

    В том случае, если ваш проект использует отдельную мобильную версию на поддомене m.site.ru , требуется проверить реализацию по трём дополнительным пунктам чек-листа.


    Продвижение сайта в мобильной выдаче

    Поисковые системы учитываю адаптированность сайта при ранжировании в мобильной выдаче. В Яндексе с 2016 года действует алгоритм Владивосток , Google начал учёт ещё ранее - с 2015 года.

    Фактор наличия mobile-версии - существенно сказывается на позициях проекта в поиске с переносных устройств. Снижение позиции в мобильном поиске будет приводить и к плавному снижению позиций сайта и в основном поиске. Как минимум, за счёт поведенческих метрик.

    Для улучшения позиций в мобильной выдаче требуется:

      Проверить проект на соответствие требованиям по чек-листу выше.

      Провести аналитику позиций в десктопной и mobile-выдаче и сравнить показатели.

      На основании полученной аналитики - сделать выводы о необходимости проведения дополнительных работ по росту сайта в мобильной выдаче.

    Хорошей практикой является регулярный контроль показатели сайта в выдаче для устройств двух типов и оценка основных метрик - CTR × WS, % ТОП-10, количество запросов в ТОП.


    Сравнительная динамика KPI ресурса в «Пиксель Тулс».

    Что делать, если позиции проекта в мобильной выдаче существенно ниже, чем в обычной?

    Если SEO KPI ресурса в мобильной выдаче ниже, чем в обычной, то требуется:

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

    AMP и Турбо-страницы как решение проблемы

    Разработка AMP и Турбо-страниц часто позволяет устранить проблемы низких позиций для mobile. Поисковые системы дополнительно помечают данные результаты и, при прочих равных, показывают в выдаче именно их, а не канонические URL.

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

    Частые ошибки и их решение

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

    Ошибка или недочёт Критичность Описание и устранение

    Отсутствие / несовпадение оптимизации в title и meta-тегах на мобильной версии.

    Требуется проверить, какие заголовки окна браузера и meta-теги у URL mobile-версии. Теги должны совпадать с основной версией сайта.

    Наличие блоков с прокруткой (горизонтальной или вертикальной, внутри контейнеров на документе).

    Следует минимально использовать контейнеры с прокруткой (вертикальной или горизонтальной). Продумайте отдельно вид адаптации сложных блоков и таблиц на URL, иногда, это требует более креативного подхода.

    Всплывающие блоки, виджеты и объявления, мешающие просмотру.

    Блок, который занимает на десктопе 5% экрана может закрывать значимую часть всего функционала на переносном устройстве. Часто, к данным блокам относится реклама мобильного приложения, которое есть у проекта. Следует продумать момент отображения данных всплывающих и рекламных блоков и ограничить их объем 5-15% экрана.

    Неправильная настройка переадресации.

    от 5 до 10/10

    Проблема актуальная при наличии отдельной версии. Либо настроен редирект по User-agent со всех страниц на главную страницу, а не на тот же документ на мобильной версии, либо редирект не с 302 кодом ответа.

    Скрытие от индексации картинок, JS и CSS-файлов.

    Запрет на индексацию JS и CSS-файлов считается ошибкой для всех типов сайтов. Критичной проблема считается в Google, который использует более продвинутый рендеринг при сканировании и выполняет JS. Если от индексации скрыты лишь некоторые скрипты (для нужд SEO), то проблема не является критической.

    Наличие невоспроизводимого контента.

    от 3 до 8/10

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

    Фактически, задача касается не только мобильной версии и актуальная для всех проектов. Медленная загрузка может стать критическим фактором, если интернет пользователя так же медленный, что характерно для смартфонов без использования Wi-Fi.

    Исследования показывают, как связаны скорость загрузки и конверсия . Следи за тем, чтобы время загрузки исходного кода было ниже 700 мс, а размер самого кода - до 120-140 КБ.

    Неверная настройка meta-тега viewport и область просмотра.

    Без корректной настройки meta-тега viewport ресурс не пройдёт проверку на мобилопригодность, что будет приводить к снижению объемов привлекаемого трафика. Часто встречается, что указана фиксированная ширина и страница неправильно отображается на многих устройства и минимальная область просмотра слишком широка и у пользователей появляется горизонтальная прокрутка. Следует устроить эти ошибки.

    Наличие мелких элементов, функциональных блоков. Нечитабельный текст.

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

    Неоптимизированные формы заказа и конверсионные элементы.

    Те формы, которые можно легко заполнить с десктопа, порой, невозможно отправить со смартфона. Убирайте все лишние поля, оставляйте только самое необходимое, скажем, одно обязательное поле - номер телефона или e-mail.

    Уделить отдельное внимание процессу оформления товара через корзину и оплате со смартфона.

    Функциональные элементы, которые работают только при наведении курсора.

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

    Невозможность осуществить звонок в один клик.

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

    +7 495 989-53-11

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