В этом году состоялся релиз нового алгоритма ранжирования мобильных сайтов от Google, который веб-мастера уже успели окрестить «Mobilegeddon». Обновление включало новый параметр «мобильной дружественности» (mobile friendliness) в качестве фактора, влияющего на рейтинг выдачи при поиске с мобильных устройств. Если вы ещё не в курсе, что мобильное SEO нужно прокачивать отличным образом от обычного SEO, то заявляем: теперь это так!
Те, кто не будут учитывать разницу для мобильного SEO, потеряют огромную часть трафика: к примеру, в США Google обрабатывает намного больше запросов с мобильных устройств , чем с десктопных систем.
Одна из важнейших вещей, на которую необходимо обратить внимание при разработке мобильной стратегии SEO, - контекстный характер поиска. Люди, ищущие с мобильных устройств, имеют различные намерения и ожидания по поводу того, что они найдут.
Посетители также будут по-разному использовать мобильную и десктопную версию вашего сайта. Этот факт должен повлиять на дизайн сайта и стратегию продвижения, если вы желаете провести их через воронку конверсии. Используйте Гугловский тест мобильной оптимизации сайта , чтобы понять, какие моменты необходимо изменить для улучшения мобильного пользовательского опыта от вашего сайта.
Мы рассмотрим подход к реализации мобильного SEO с нуля для того, чтобы нынешние просчёты перестали блокировать ваши же маркетинговые усилия в достижении поставленных целей. Вы получите столько людей, сколько хотите.
Разработка под мобильный сегмент с нуля
Скорость загрузки страницы
Есть множество факторов, влияющих на ранжирование страниц в Google. Скорость их загрузки – один из наиболее важных. Пользователи, ищущие с мобильных устройств, тратят гораздо меньше времени на ожидание загрузки сайтов. Даже 1 секунда задержки кардинально влияет на результат. Вообще, скорость загрузки страниц – ключевая вещь, которая влияет на частоту уходов с сайта: примерно половина пользователей ожидает не более 2 секунд. 40% посетителей уйдут после ожидания в 3 секунды или больше. Google же считает, что задержка не должна превышать 1 секунды . Следовательно, каждая доля секунды задержки влияет на ваши позиции в поисковой выдаче. Чем медленнее ваш сайт, тем больше посетителей/прибыли теряете.
Разрабатывая сайты под мобильные устройства помните, что большинство гаджетов оснащены менее мощными процессорами по сравнению с ПК, а также слабой батареей. Следовательно, придётся принять вызов 1 секунды от Гугла. Также необходимо учесть время на поиск DNS, обработку TCP и отправление HTTP-запроса. В итоге, вам останется приме рно 400 миллисекунд на загрузку самой страницы. Используйте все возможные способы снижения нагрузки на интернет/гаджет пользователя:
- Оптимизируйте размеры изображений : не полагайтесь на HTML для уменьшения веса изображений. Он просто меняет их внешний вид, но не размер. Используйте графические редакторы вроде Photoshop, они дадут реальный эффект.
- Положитесь на кэширование браузера : уменьшите количество HTTP-запросов за счёт использования кэширования браузера. Используйте mod_expires для Apache и контроль кэша в хедере , чтобы ускорить загрузку страницы.
- Уменьшите количество или уберите редиректы: некоторые перенаправления неизбежны. Помните, что каждое из них является лишним HTTP-запросом, которое увеличит скорость загрузки.
- Минимизируйте код : используйте инструменты вроде YUI Compressor или JSMin , чтобы убрать ненужные символы из JavaScript и таблиц стилей вашего мобильного сайта. Это улучшит кэширование и сократит использование полосы канала Интернета пользователей.
- Избегайте использования внешних скриптов JavaScript и стилей CSS : каждый раз, когда браузер пытается подключить внешний скрипт, он должен остановиться и скачать этот ресурс. Это значительно замедляет скорость загрузки. Используйте встроенный JavaScript и CSS.
- Медленный старт TCP : новое TCP-соединение не может использовать полную пропускную способность соединения между браузером и сервером, поэтому сервер ограничен приёмом 10 пакетов за один цикл загрузки. Следовательно, весь контент, который пользователь увидит немедленно без необходимости скроллинга (англ. «Above the fold» - ATF-контент) должен весить 14 Кб или меньше. Убедитесь, что ваш сервер обновлён до последней версии, иначе этот недочёт может ограничить передачу до 3 или 4 пакетов при первом соединении.
- Ускоренные мобильные страницы (англ. Accelerated Mobile Pages - AMP): используйте оптимизированные веб-страницы, созданные на открытом исходном коде, что позволит серверу/браузеру быстро их обрабатывать. Google хранит утверждённые AMP в специальном кэше и обслуживает их уже оттуда. Используя структурированную разметку, эти страницы могут загружаться мгновенно.
Если вам нужно увеличить скорость загрузки страниц, начните с инструмента Google’s PageSpeed Insights . С его помощью можно измерить производительность ваших страниц как на мобильных, так и десктопных системах по шкале в баллах от 0 до 100. Результат от 85 баллов и выше свидетельствует о хорошей производительности. Тестируется время загрузки ATF-контента и полной страницы. Также вы можете использовать браузерные инструменты вроде Developer Console в Chrome, Web Console в Firefox или Tools Console в Internet Explorer для поиска ошибок и узких мест.
Помните о пользовательском опыте
Как мы ранее упоминали, пользователи взаимодействуют с мобильными сайтами несколько другим образом по сравнению с обычными. Как правило, они ищут конкретную информацию, чтобы ответить на возникший вопрос или выполнить задачу. Ваша цель в том, чтобы они смогли завершить задачу максимально быстро и эффективно. Это должно быть отражено в получаемом ими пользовательском опыте.
После скорости загрузки страниц пользовательский опыт (англ. User eXperience, UX) является наиболее важным фактором, который определит, останется посетитель на сайте и совершит желаемое вами действие либо же покинет, толком ничего не сделав. Способ использования вашего сайта мобильными посетителями кардинально отличается от такового при работе с его десктопной версией. Это связано не только с размерами экрана – мобильные посетители ожидают получить возможность почти немедленного достижения своих целей. 70% мобильного поискового трафика вырабатываются в течение 1 часа. Мобильные пользователи – народ нетерпеливый, следовательно, вам нужно оптимизировать получаемый ими UX для того, чтобы открыть более прямой путь к конверсии:
При создании мобильного сайта у вас есть 3 варианта, как сообщить поисковым системам, что у вас именно мобильный сайт: адаптивный дизайн, динамичный дизайн и мобильный поддомен:
- Адаптивный дизайн является рекомендованным Google методом создания мобильного сайта. Он не требует каких-либо изменений текущего кода, чтобы сообщить роботам о своём мобильном характере. Для реализации адаптивности необходимо установить мобильный мета-тег в шапку (head) страницы. Этот тег сообщает мобильным устройствам о способе отображения в зависимости от размера экрана. Правильный код тега выглядит следующим образом:
- Динамический дизайн сайта - данный метод потребует больше времени на разработку. Суть в том, что такие сайты используют различный HTML-код для мобильной и десктопной версии путём обнаружения характера устройства пользователя. Вам нужно использовать в таком случае Vary HTTP в хедере, чтобы оповестить бота Google о мобильном характере страницы.
- Мобильный поддомен – этот метод требует больших затрат времени и ресурсов, чем другие два. Он заключается в создании отдельного мобильного сайта и последующим размещением его на поддомене (как правило, mobile.домен.com). Как и в случае с динамическим дизайном, бот Гугла не сможет обнаружить, что данный сайт предназначен для мобильных пользователей. Вы должны будете использовать тэг Schema для локального бизнеса указывает поисковикам, что означает информация, представленная у вас на сайте. Дополнительно вы можете включить информацию о формах оплаты, географии обслуживания, логотипе, обзорах и рейтингах вашей компании. Google использует схемы разметки, чтобы найти информацию для своих баз знаний. Воспользуйтесь этим, чтобы данные о вашем бизнесе появились в Гугловской поисковой выдаче.
- Убедитесь, что название вашей компании и её местоположение включены в главную страницу мета-тега заголовка наряду с его описанием. Если тег заголовка содержит лишь название компании, поисковым системам будет трудно определить, к какой отрасли относится ваш бизнес. Это сеть цветочных магазинов, строительных или бижутерии? Кто знает. Укажите эти данные. Сделать это просто, пример: Стройсервис | Строительство | Москва. Если ваш бизнес действует в нескольких регионах, создайте страницу для каждого из них.
- Также рассмотрите включение названия вашего города в URL, но делайте это аккуратно, поскольку использование ключевых слов прямого вхождения может принести больше вреда, чем пользы.
Самая важная вещь – не забывать обновлять контактные данные, поддерживать их актуальность во всех источниках, где есть информация о вашей компании. Удивительно, но только половина представителей малого бизнеса когда-либо обновляли их, несмотря на то, что это критически важно. Неправильно указанное местоположение может стать огромной проблемой, негативно влияющей на ранжирование среди местных компаний. Стремитесь к тому, что информация о вас везде была одинаковой и свежей.
В значительной степени поисковые системы полагаются на рейтинги и обзоры. Убедитесь, что ваш бизнес присутствует в списках Yelp, Foursquare, Google+ и прочих подобных сервисах. Вы не можете контролировать получаемые отзывы, зато можете стимулировать их положительный окрас: скидки, пробные версии, дополнительные товары или просто пошумите о себе в социальных сетях. Оставьте знаки, напоминающие вашим покупателям о важности предоставления ими отзыва. Для локальных продаж отзывы очень важны, чем их больше будет, тем лучше.
Анализ ключевых слов для мобильного SEO
Как мы уже отмечали выше, у мобильных пользователей другой подход к осуществлению поиска по сравнению с десктопом. Вы должны помнить об этом при выборе ключевых слов. Вполне возможно, что наиболее полезные ключи для десктопа не будут так же хорошо работать в мобильном сегменте. Есть несколько способов проведения исследований, которые помогут выбрать правильные ключевые фразы:
Выводы
Неважно, как это всё выглядит, но новые выходки поисковых систем не сделают вашу жизнь труднее. Они пытаются обеспечить своих пользователей наиболее качественными результатами выдачи, насколько возможно приближенными к запросу, который, теоретически, также является вашей целью. Вы на одной стороне, просто нужно играть по правилам.
Нет никакой гарантии, что вы когда-либо окажетесь в топ выдачи Гугла или других поисковых систем, если не будете учитывать при создании и оптимизации сайта скорость загрузки страниц, дизайн и качество реализации отдельных элементов. Если сделаете всё верно, ваш бизнес имеет все шансы привлечь аудиторию.
Вы заметили какие-либо заметные перемены в ваших поисковых рейтингах после того, как Google изменил мобильный алгоритм поиска весной 2015 и 2016 годов? Насколько ваш мобильный трафик стал отличаться от десктопного после этого?
Количество пользователей смартфонов и планшетов в России неуклонно растет. Сегодня уже сформировалась целая категория пользователей, которые в 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 секунд и без раздумий закрывают сайт, который никак не хочет открываться.
И в заключение хотим предоставить вашему вниманию подборку, которая поможет вам определиться с вариантом дизайна вашего сайта для мобильных устройств: [ссылка на подборку]
Еще раз напоминаем, что наличие мобильной версии сайта обеспечивает вам качественный трафик из мобильной выдачи поисковиков. Нет мобильной версии – нет мобильного трафика . Помните это.
Не секрет, что мобильные технологии в индустрии цифрового маркетинга являются быстроразвивающимся направлением. На самом деле мобильные технологии развиваются одинаково быстро во всех индустриях, которые хоть как-то связаны с чем-либо мобильным. Мобильные данные сейчас используются в качестве основной части поискового маркетинга, и правильное их использование ведет к успеху кампании.
Девиз 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 может ухудшить ранжирование сайта по запросам, которые есть в основной версии сайта, но урезаны в мобильной, так как последняя становится менее релевантна в связи с недостатком информации.
Мобильный мир продолжает развиваться и его значимость в цифровом мире растет. Важно всегда быть наготове, и если ваш сайт виден во всех поисковиках, то помните, что никогда не поздно оптимизировать его для пользователей мобильных устройств.
(Пока оценок нет)
Особенности мобильного SEO
На сегодняшний день, огромное количество пользователей отдают предпочтение мобильным устройствам, с которых, как показывает статистика, всё чаще и чаще происходит посещение интернета.
Вы не должны оставлять этот факт без внимания. Напротив, вашей новой задачей становится создание удобств на своём сайте для всех посетителей!
Одной из первых причин, по которым есть смысл заняться изучением особенностей мобильного SEO, является то, что одним из основных элементов в продвижении площадок всегда была оптимизация. В этой статье, вы узнаете обо всех SEO факторах, на которые нужно обращать внимание, чтобы ваша площадка была удобной для всех пользователей.
Мобильная оптимизация сайта
Известно несколько способов разработки страниц, для пользователей мобильных устройств:
1.
Адаптивный
Используя его, посетителям будет предоставляться идентичная версия страницы HTML, с изменением CSS стилей, с целью корректного отображения всех элементов. Этот способ весьма простой и является одним из лучших.
Особенности адаптивного дизайна:
- Его можно применять под любые размеры;
- Простота настройки;
- Отсутствие проблем с дублями страниц;
- Снижение скорости работы площадки.
2.
Динамический
При использовании данного способа, помимо CSS файлов, заменяются так же и HTML, но, ни смотря на это, адрес страницы остаётся без изменений. После определения устройства, с которого был выполнен переход, с помощью специальных скриптов, предоставляется подходящие форматы.
Особенности динамического дизайна:
- Возможность изменять содержимое страниц для различных видов трафика;
- Снижение скорости работы площадки;
- Необходимость дополнительных затрат времени, для добавления каждой публикации в 2 видах;
- Нет проблем с дублями страниц.
3.
Отдельный мобильный сайт
Отдельные мобильные версии создаются для большого количества ресурсов, чтобы их было удобно посещать. Ярким примером может послужить Вконтакте, имеющий мобильную версию.
Особенности создания отдельного сайта под мобильный трафик:
- Наличие риска получения проблем с дублями страниц;
- Великолепно подойдёт для больших и сложных сайтов;
- Появляется необходимость делать перелинковку между двумя площадками;
- Возможность представления различного контента на разных страницах.
Вам решать, какой из представленных способов использовать.
- Из-за отсутствия возможности совершить подключение по выделенной линии, появляется необходимость использовать Wi-Fi или же сотовую связь. По этой причине, скорость подключения может быть не большой, что в свою очередь увеличивает время загрузки страницы.
Вывод: Необходимо тщательно следить за размером каждой страницы, не нагружая лишним материалом.
- Если вы решили использовать способ, заключающийся в создании отдельного сайта для мобильного трафика, не забудьте о применении тегов rel canonical и alternative. С их помощью, поисковая система Google, будет легко отличать, какая из площадок является основной, а какая – мобильная версия;
- Для того чтобы поисковые системы могли благополучно сканировать все мобильные страницы проекта, появляется необходимость в создании карты сайта для мобильных сайтов;
- Лучший способ повышения удобства использования ресурса – создание различных мобильных приложений. Разработка – занятие не из лёгких. Но, если вам под силу сделать это – приступайте как можно скорее. Вы не ошибётесь;
- Не допускайте ошибку, которая уже вошла в привычку большого количества вебмастеров (при использовании мобильной версии они направляют пользователя на главную страницу, а не по релевантной ссылке). Ставьте правильные редиректы с каждой страницы, на те же страницы мобильной версии;
- Различные видео, так же как и изображения, могут не поддерживаться с мобильных устройств. А без этих материалов, пользователи могут хуже воспринимать информацию сайта. Во избежание этого, необходимо изменить формат видеороликов с Flash на HTML5. После этого, информация станет доступна пользователям с мобильных устройств;
- Какие-то страницы вашей основной площадки, могут не иметь аналогов. В подобных случаях, нужно настраивать страницу с ошибкой 404 на мобильной версии площадки;
- Многие забывают о том, что интерфейс является одним из самых важных факторов мобильных сайтов. Размер дизайна становится на порядок меньше, и, чтобы он был удобным, нужно грамотно всё разместить (меню, форму поиска, контактные данные…..). Тщательно продумайте, как правильно разместить всё самое важное на не очень большой странице;
- Использование интеграции с социальными сетями, обеспечит вам и пользователям дополнительные удобства. Ведь практически все, привязывают свой профиль от Вконтакте или Facebook. Так же, будет хорошо, если на мобильной версии помещена кнопка, позволяющая поделиться страницей через свой профиль;
- После того, как вы создали сайт под мобильный трафик, привяжите его к определённому региону. Это необходимо, так как, исходя из статистических данных, пользователи мобильных устройств, пользуются региональной выдачей;
- Важнейший элемент каждого ресурса – оформление контента. Вам необходимо позаботиться о том, чтобы информация на вашей площадке, красиво, качественно и корректно отображалась в мобильных устройствах.
По аналитическим прогнозам, в будущем, интернет будут посещать ещё чаще с помощью мобильных устройств. В этом нет сомнений, из-за безумного роста продаж смартфонов. Поэтому, владельцам сайтов нужно заблаговременно побеспокоиться об этом, и грамотно настроить свою площадку.
