12 вещей в мобильном SEO, которые нужно знать.

SEO(продвижение и оптимизация)

8

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

Оглавление:

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

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

  1. Адаптивная верстка
  2. Динамический контент
  3. Разные адреса для обычной и мобильной версий сайта

Технологии мобильной разработки сайтов

Адаптивная верстка

Адаптивный (или резиновый) дизайн позволяет сайту использовать один и тот же HTML-код независимо от того, на каком устройстве он отображается. Вы просто используете мета тег name=’viewport’, а о подходящем варианте отображения страницы на экране заботится сам браузер. Резиновый дизайн отображается оптимальным образом на любом устройстве, независимо от размеров его экрана.

Адаптивная верстка/

Плюсы резинового дизайна

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

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

А вот пример того, как не надо делать адаптивную верстку:

Динамическая отдача контента

12-veshhej-v-mobilnom-seo 4

Еще один метод работы с мобильным трафиком заключается в том, что для разных устройств сервер отдает разные варианты HTML и CSS. Для этого вам понадобится использовать HTTP заголовок Vary: User-Agent.

Отдельный поддомен для мобильных пользователей

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

Как избежать типичный ошибок, в мобильном SEO.

1. Не блокируйте отдачу Javascript, CSS и картинок

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

  • Использовать команду «Просмотреть, как Googlebot» в Google Инструментах для веб-мастеров, чтобы убедиться, что для бота Google доступны и картинки, и CSS, и скрипты.
  • Проверить файл robots.txt и убедиться, что вы не скрыли от индексации ни одной страницы.
  • Убедиться, что редирект пользователей с мобильными устройствами проходит корректно.

2. Оптимизируйте видео-контент

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

3. Исправьте «кривые» редиректы

12-veshhej-v-mobilnom-seo 6

Точно так же, как и в случае с обычным трафиком, исправьте все ошибки сканирования, которые обнаружите в Google Инструментах для веб-мастеров. Лучше проводить такие проверки периодически. Сайты, которые не выдают ошибок сканирования, обычно висят в выдаче лучше, чем остальные.

4. Избавьтесь от 404-й ошибки

ошибки сайта

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

5. Пусть ваш сайт будет быстрым

скорость загрузки сайта на мобильных устройствах

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

6. Используйте rel=’alternate’ media=’…’

Атрибуты rel=’alternate’ media=’…’ позволяют указать в десктопной версии сайта адреса страниц, оптимизированных под меньшие размеры экрана (а вот делать наоборот не рекомендуется).

7. Отдавайте HTTP заголовок ‘Vary:User-Agen’

Независимо от того, перенаправляете вы мобильных пользователей на отдельный адрес сайта или отдаете им HTML и CSS динамически, настройте сервер таким образом, чтобы он отдавал заголовок ‘Vary:User-Agent’. Даже если все ваши редиректы работают корректно, это никогда не будет лишним.

8. Используйте rel=’canonical’

Тег rel=’canonical’ применяется для борьбы с дублированным контентом. Использование этого тега в мобильной версии сайта поможет гуглботу понять, куда он попал, и сайт не будет пессимизирован за дублирование контента. Кроме того, этот тег помогает избежать путаницы в сигналах, влияющих на выдачу (например, в количестве входящих ссылок).

9. Оптимизируйте Title и Description

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

10. Используйте семантическую разметку

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

мобильная разметка

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

11. Обратите внимание на региональный поиск

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

12. Создайте мобильную карту сайта

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

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

  • Больше трафика
  • Улучшение поведенческих факторов
  • Более высокая конверсия
  • Посетители проводят на сайте больше времени
  • Низкий показатель отказов
  • Улучшенная скорость загрузки страниц
  • Более глубокое вовлечение клиентов
  • Хорошие позиции в поисковиках

Что дальше? Узнайте, как проверить верстку и отображение сайта в мобильных браузерах.

8 комментариев

по хронологии
по рейтингу сначала новые по хронологии

Меня поражают, еще те люди которые загружают большие фото, максимальный размер должен быть 50-60 к.

Антоха

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

Жека

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

Люда

Подскажите хороший сервис, который поможет оптимизировать видео.

Ярослав Голубев
Автор

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

Леха

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

Матвей

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

Самый идеальный вариант - адаптивный дизайн. У него нету минусов, только плюсы.

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Более 6 лет опыта работы

Отвечу в течении 24 часов

Минимальная сумма заказа 1000Р

Ваше сообщения отправлено
Ваше сообщения отправлено успешно