Продвижение в мобильной выдаче: полный чек-лист, разбор ошибок. Мобильное seo продвижение? пошаговое руководство

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

Подробнее о том, как адаптировать сайт под мобильные устройства, вы можете узнать из видеозаписи вебинара специалиста по качеству поиска Google Андрея Липатцева, а также из материалов наших рассылок: «Сайт, удобный для мобильных пользователей» , «Техники мобильной адаптации сайта» и «SEO для мобильных сайтов» .

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

Принцип первый: Flash-элементы

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

Принцип второй: многоступенчатое меню

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

Принцип третий: онлайн-формы

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

Принцип четвертый: разрешение экрана

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

Вот данные по разрешению экранов некоторых популярных моделей смартфонов и планшетов:

• Apple iPad (планшет): 1024 х 768 пикселей;
• Apple iPad 2 (планшет): 1024 х 768 пикселей;
• Apple iPad 3 (планшет): 2048 х 1536 пикселей;
• Apple iPhone 3 (смартфон): 480 х 320 пикселей;
• Apple iPhone 4S (смартфон): 960 х 640 пикселей;
• Apple iPhone 5S (смартфон): 11360 х 640 пикселей;
• Apple iPhone 6 (смартфон): 1334 х 750 пикселей;
• Asus Transformer TF101 (планшет): 1280 х 800 пикселей;
• Asus Transformer Prime TF201 (планшет): 1280 х 800 пикселей;
• HTC Amaze 4G (смартфон): 960 х 540 пикселей;
• HTC Evo 3D (смартфон): 960 х 540 пикселей;
• HTC Flyer (планшет): 1024 х 600 пикселей;
• HTC Sensation 4G (смартфон): 960 х 540 пикселей;
• HTC Thunderbolt (смартфон): 480 х 800 пикселей;
• Lenovo IdeaPad A1 (планшет): 1024 х 600 пикселей;
• Lenovo ThinkPad (планшет): 1280 х 800 пикселей;
• Samsung Galaxy S2 (смартфон): 800 х 480 пикселей;
• Samsung Galaxy S3 (смартфон): 1280 х 720 пикселей;
• Samsung Galaxy S5 (смартфон): 1920 х 1080 пикселей;
• Samsung Galaxy S6 (смартфон): 2560 х 1440 пикселей;
• Samsung Galaxy Tab S 8.4″ (планшет): 2560 х 1600 пикселей;
• Samsung Galaxy Tab S 10.5″ (планшет): 2560 х 1600 пикселей.

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

Принцип пятый: скорость загрузки

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

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

Еще раз напоминаем, что наличие мобильной версии сайта обеспечивает вам качественный трафик из мобильной выдачи поисковиков. Нет мобильной версии – нет мобильного трафика . Помните это.

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

(Прим. пер.: От «только компьютерные фанаты будут пользоваться Интернетом» до «каждый пялится в свой смартфон весь день напролет» через 20 лет. Неплохо, команда .)

Телефон стал продаваться примерно с 1878 года, но потребовался 71 год, прежде чем он появился в каждом доме в США. Это позволило типичному владельцу бизнеса в 1907 году размышлять на протяжении 50 лет, нужен ли ему телефон в магазине или нет.

Для сравнения, у владельца среднего бизнеса в 2007 году было всего 50 месяцев, чтобы подготовиться к неожиданному восхождению смартфонов. Для кого-то это может показаться продолжительным сроком; однако всего лишь у 6 процентов компаний, относящихся к малому бизнесу, есть сайты, адаптированные под мобильные устройства, а у 45 процентов вообще нет сайтов.

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

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

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

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

2. Выберите решение для создания сайта, адаптированного под мобильные устройства

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

Отзывчивый дизайн – это «гибкая» сетка, которая автоматически «отзывается» (т.е. масштабируется) на изменение размеров экрана.

Мобильная версия – это мобильная копия сайта, доступная по отдельному URL адресу. Вместо www.example.com посетители с мобильных устройств будут перенаправлены на m.example.com.

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

С точки зрения веб-разработки, каждый из методов имеет свои достоинства и недостатки. Для получения более подробной информации прочтите , от SEO PowerSuite.

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

Если у вас уже есть работающий сайт на WordPress, проверьте его с помощью тестовой страницы Google. Если тест на адаптацию под мобильные устройства не будет пройден, тогда у вас будет два варианта:

Много современных тем для WordPress являются адаптивными. Подумайте о замене своей старой темы.

Если смена темы вас не устраивает, то существует масса бесплатных и платных плагинов, которые вам помогут.

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

Активность пользователей на вашем сайте является еще одним фактором при ранжировании. Поэтому убедитесь в том, что посетителям вашего сайта будет легко найти кнопку «позвонить» или карту.

4. Сделайте так, чтобы сайт не загружался медленно

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

Уменьшение числа HTTP запросов

Каждое изображение, CSS и JavaScript файл создают отдельный HTTP запрос к серверу. Вот некоторые техники по уменьшению числа запросов:

Убедитесь в том, что у вас всего один внешний CSS файл и внешний JS файл.

Разместите внутренний JavaScript код внизу вашего html документа, перед закрывающим тегом body.

Минифицируйте CSS и JavaScript код.

CSS спрайты помогут объединить многочисленные запросы в всего лишь один.

Используйте data: URI.

Избегайте неправильных HTTP запросов, убирая «битые» ссылки.

Включите браузерное кеширование.

Оптимизация изображений

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

Можете ли вы представить себе взрослого человека, у которого нет мобильного устройства? А себя можете представить без него? Трафик через мобильные устройства растет с каждым днем, и это факт. В статье представлены практические советы по 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 (Пользовательский опыт)

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

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

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

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

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

O"Es Marketing Agency - Магомед Чербижев

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

Девиз 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 может ухудшить ранжирование сайта по запросам, которые есть в основной версии сайта, но урезаны в мобильной, так как последняя становится менее релевантна в связи с недостатком информации.

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

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