Веб-мастера под мобильным SEO понимают оптимизацию своего сайта под мобильный поисковый трафик. В последние годы объёмы мобильного трафика стремительно увеличиваются, пользователи используют для поиска нужной информации смартфоны и планшеты, которые всегда под рукой. Google ещё с прошлого года начал отдавать предпочтение тем сайтам, которые оптимизированы под мобильные устройства.
С опытом работы над собственными проектами, приходит понимание того, как правильно оптимизировать свой сайт под смартфоны и планшеты, какие ошибки нужно избе гать и на что стоит обращать своё внимание в первую очередь.
Google рекомендует вебмастерам использовать одну из трёх технологий, которые улучшают восприимчивость сайтов на маленьких экранах мобильных устройств:
- Адаптивная вёрстка;
- Динамический контент;
- Отдельная мобильная версия сайта.
Респонсив дизайн.
Используя на своём сайте респонсив дизайн, можно не беспокоиться о том, что шаблон сайта может некорректно отображаться на экранах различной величины. При вёрстке сайта достаточно указать один тег, а дальше браузер уже сам будет подстраивать шаблон сайта под размер экрана пользователя.
Google рекомендует вебмастерам использовать именно такой вариант, так как считает его оптимальным. Это объясняется следующими плюсами адаптивной верстки:
- Использование одинаковых адресов страниц для просмотра на разных устройствах;
- Одну страницу поисковые системы быстрее проиндексируют, чем несколько страниц с одинаковым контентом, оптимизированных под разные устройства;
- В адаптивном дизайне реже встречаются ошибки, касающиеся отображения контента;
Не придётся использовать редиректы, которые серьёзно нагружают сервера.
В интернете можно найти множество примеров адаптивной вёрстки, её главная суть — корректное отображение на любых мобильных устройствах. Стандарт можно посмотреть на скрине:
Что нужно делать, чтобы оптимизировать сайт под мобильное SEO
1. Не блокируйте скрипты, стили и графические элементы.
Среди вебмастеров ходит понимание, что для более корректного отображения сайта на мобильных устройствах, нужно скрыть все Java-скрипты, стили CSS и картинки. Делать этого не нужно, такую рекомендацию даже дают поисковые системы. Также предлагаю вам обратить внимание на следующее:
В Google Вебмастере использовать функцию «Посмотреть как Googlebot», чтобы точно знать, что для поисковых роботов доступны скрипты, стили и картинки;
Проверить редирект для пользователей смартфонов и планшетов.
2. Оптимизируйте видео для телефонов и планшетов.
Чтобы видео корректно работало с мобильных устройств, используйте HTML5 вместо flash/
3. Регулярное сканирование сайта.
Сканируйте свой сайт в Google-вебмастер, после чего исправляйте все ошибки, если они были выявлены в процессе анализа сайта. Такие проверки нужно проводить регулярно. Google отдаёт предпочтение сайтам, у которых нет ошибок при сканировании.
4. Устраните 404-ю ошибку.
Иногда так получается, что некоторые страницы сайта ввиду каких-то причин не открываются на мобильных устройствах, что приводит к появлению ошибки 404. Это недопустимо. Чтобы исправить это, настройте редирект с такой страницы на мобильную версию, что всё корректно отображалось.
5. Ваш сайт должен быть быстрым.
Иногда стоит проверять скорость загрузки своего сайта. Чем быстрее загружается сайт, тем больше его ценят поисковые системы. Google может дать вам некоторые рекомендации по ускорению загрузки веб-страниц.
6. Использование полезных атрибутов.
На декстопной версии сайта можно указать адрес страницы, которая оптимизирована под меньше размеры экрана. Делается это при помощи атрибутов rel=”alternate” media=”…”.
7. Отдавайте HTTP заголовок.
Настройте сервер на отдачу заголовка Vary: User-Agent. Даже если вы динамически отдаёте мобильным пользователям все скрипты, стили и картинки, лишним это не будет.
8. Обязательно используйте Canonical.
Чтобы бороться с дублированным контентом на основной версии сайта и мобильной, нужно использовать мета-тег rel=”canonical”. Данный тег даёт понять поисковым роботам, что дублей контента нет, поэтому сайт в выдаче за это понижен не будет.
9. Поработайте над Title и Description.
Постарайтесь сделать содержание этих тегов краткими и ясными, ведь на мобильных устройствах размер экранов меньше, следовательно, попадает не всё содержание этих тегов, как на компьютерной версии.
10. Используйте семантическую разметку.
Как мы говорили выше, сайт должен загружаться на мобильных устройствах быстро, самый оптимальный вариант — 1-2 секунды. Это нравится не только пользователям, но и поисковым роботам Google и Яндекс. Исправьте все ошибки, если они имеются, которые влияют на скорость загрузки.
Кликабельность сайта в поисковой выдаче повысится, если вы будете использовать структурированные данные. Их использование очень важно для Google, поэтому над этим стоит поработать.
11. Не забывайте про региональный поиск.
Если через сайт вы продвигаете свой бизнес, то очень важно следить за региональным поиском. Вы можете получить внушительный мобильный трафик со своего региона, который потом перерастёт в декстопный, что увеличит количество звонков, заказов, продаж и т.п. Для занятия высоких позиций в региональной выдаче нужно указывать название компании, физический адрес, контактный телефон и т.д.
12. Карта сайт для мобильной версии.
Создайте карту сайта в формате XML для мобильной версии сайта. Это важный момент, этот файл в будущем поможет вам определять проблемы индексации тех или иных страниц.
Ну и в конце хотим привести аргументы, почему так важно оптимизировать сайты под мобильные устройства и что это может дать:
- Получение дополнительного трафика;
- Улучшение поведенческих факторов;
- Повышение конверсии, если вы продвигаете через сайт свой бизнес;
- Увеличение сеансов посетителей на сайте;
- Существенное снижение количества отказов;
- Увеличение скорости загрузки сайта;
- Дополнительная заинтересованность со стороны клиентов;
- Повышение сайта в поисковой выдаче.