Гид по SEO для мобильных сайтов: инфографика
За три весенних месяца количество пользователей мобильного сегмента Рунета выросло на 64%. Так что внимание специалистов и владельцев бизнеса к специфике оптимизации под мобильные вполне обоснованно. Да и Google продолжает держать интригу обещаниями апдейта алгоритма mobile-friendly.
Если вы хотите узнать, следует ли работать с мобильным трафиком в вашем ecommerce-проекте, следуйте рекомендациям из очередного выпуска «На Пальцах»:
А для снятия всех вопросов о том, что стоит делать в мобильном SEO, мы подготовили инфографику.
Три метода создания сайтов для мобильных устройств
- Адаптивный веб-дизайн.
- Динамическое обновление веб-страницы.
- Раздельные URL.
NB: Google не отдает предпочтения каким-либо форматам URL, если страницы и все ресурсы на них доступны всем агентам пользователя Googlebot. Убедитесь, что поисковые системы (например, Google) правильно интерпретируют конфигурацию вашего сайта для мобильных устройств.
Адаптивный дизайн
Адаптивный дизайн – это конфигурация, в которой сервер отправляет одинаковый HTML-код на любые устройства, а размеры элементов страницы корректируются с помощью CSS.
Чтобы сообщить браузеру, что ваша страница адаптируется к любым устройствам, добавьте в заголовок документа такой мета-тег: meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\".
Преимущества адаптивного дизайна
- Google рекомендует использовать адаптивный дизайн по следующим причинам:
- Пользователям удобнее делиться вашим контентом, если для него используется единый URL.
- В этом случае алгоритмы Google точнее индексируют параметры страницы, а не регистрируют разные версии одной страницы.
- Создание одной адаптивной страницы занимает меньше времени, чем создание нескольких вариантов одного содержания.
- Снижается вероятность типичных ошибок, хаpaктерных для мобильных сайтов.
- Не требует переадресации, что сокращает время загрузки. Кроме того, при переадресации с применением агентов пользователя часто возникают ошибки, что вряд ли понравится посетителям.
- Экономия ресурсов при сканировании сайта роботом Googlebot. Агент пользователя Googlebot может просканировать страницу с адаптивным дизайном за один раз. В противном случае пришлось бы выполнять сканирование всех версий контента. Такое повышение эффективности сканирования позволяет Google точнее индексировать содержание вашего сайта и отражать его в поиске.
Динамический показ
Динамический — это конфигурация, при которой сервер отправляет в ответ на запрос определенного URL различные варианты кода HTML и CSS. При выборе нужного варианта система ориентируется на агент пользователя. При этом не всегда очевидно, что мобильные устройства получают другой код (мобильный контент может быть «скрыт»). Поэтому рекомендуется, чтобы сервер предлагал системе выполнить сканирование также с помощью робота Googlebot для смартфонов. Для этого можно воспользоваться HTTP-заголовком Vary.
Разные URL
В этой конфигурации содержание для компьютеров находится на странице с одним URL, а аналогичный контент, отформатированный для мобильных устройств, располагается по другому адресу.
Рекомендации для Мобильного SEO
Не блокируйте Javascript, CSS и графические файлы
Рекомендуемые действия
- Убедитесь, что Googlebot может сканировать JavaScript, CSS и графические файлы. Для этого в Инструментах Google для веб-мастеров есть функция «Просмотреть как Googlebot».
- Проверьте свой файл robots.txt в Инструментах Google для веб-мастеров.
- Проверьте свой мобильный сайт с помощью специального теста, чтобы узнать, насколько он удобен для пользователей телефонов.
- Если у вас есть отдельные мобильные версии страниц, проверьте их наряду с URL для обычных компьютеров, чтобы убедиться, что переадресация выполняется без ошибок.
Избегайте невоспроизводимого контента
Рекомендуемые действия:
- Чтобы посетителям было удобно просматривать сайт, применяйте для анимации HTML5.
- Во встраиваемых видео используйте форматы, которые поддерживаются на всех устройствах.
- Добавьте расшифровку видео. Тогда ваш сайт будет удобен для тех, кто использует вспомогательные технологии просмотра или браузеры, не поддерживающие ваш формат видео.
Ошибочные редиректы и перекрестные ссылки
Рекомендуемые действия
- Используйте Инструменты для веб-мастеров для поиска ошибок URL и их исправления.
- Настройте сервер так, чтобы пользователи смартфонов перенаправлялись на соответствующие страницы мобильного сайта.
- Если у страницы нет мобильной версии, не настраивайте перенаправление. Пусть пользователи просматривают обычную страницу. В таком случае ошибок не будет.
Используйте 404
Некоторые сайты нормально отображаются на обычных компьютерах, но на мобильных устройствах появляется сообщение об ошибке. Если страница на вашем сайте не имеет эквивалента для мобильного или выбивает 404 ошибку для пользователей смартфонов, тогда продолжайте держать пользователей на десктопной странице, а не перенаправлять их на домашнюю страницу мобильной версии сайта. Если вы показываете контент динамически, убедитесь, что определение пользовательского агента настроено правильно. В этом случае бездействие лучше ошибочных действий.
Межстраничные объявления с рекламой приложений
Используйте простой баннер для рекламы приложения, встроенный в страницу. Для этого необходимо следующее:
- Поддержка браузера и операционной системы, например баннеры с рекламой приложений для Safari.
- HTML-баннер или изображение, похожее на обычное небольшое объявление с переадресацией на страницу загрузки приложения в интернет-магазине.
Медленная загрузка страниц
Рекомендуемые действия:
- С помощью инструмента Google PageSpeed Insights узнайте, какие элементы вашей страницы могут замедлять загрузку страниц (эти данные приведены в разделе «Скорость»).
- Постарайтесь устранить неполадки с пометкой «Исправьте обязательно».
Используйте «Rel=Alternate Media»
Этот атрибут позволяет вам включать в карту сайта мобильные и десктопные URL. Используйте этот атрибут на десктопной странице для указания мобильной версии (но не включайте его на мобильной версии, чтобы указать на десктопную).
Используйте «Vary: User-Agent» HTTP Заголовок
Если редиректы сайта базируются на типе устройства или просто показывают другой контент (динамические ответы сервера), всегда устанавливайте HTTP заголовок возврата сервера «Vary: User-Agent».
Используйте «Rel=Canonical»
Используйте десктопные значения как для десктопной, так и для мобильной версии. Это объединит индексацию и ранжирующие сигналы (такие, как внешние ссылки) и предотвратит пyтaницу с потенциально возможным дублирующимся контентом.
Используйте «Rel=next/prev»
Если сайт содержит пагинацию, вы должны также добавить атрибуты «Rel=next» и «Rel=prev». Как бы то ни было, помните, если количество объектов на одной странице разное на мобильной и на десктопной версии, вы не можете использовать «Rel=alternate» для кластеризации соответствующих страниц, так как контент не совпадает.
Дизайн сайта для мобильной версии
Мобильные девайсы упрощают пути создания сайтов. «Above the fold» (верхняя половина первой страницы сайта) больше не имеет смысла в мире, где мы все бесконечно прокручиваем.
Дизайн для большого пальца
Сенсорная навигация может привести к случайным нажатиям, если ваши кнопки слишком большие или же, наоборот, слишком маленькие, или находятся в другом неудобном месте.
Не используйте флеш
Плагин может быть недоступен на мобильных телефонах ваших пользователей. Это значит, что они пропустят все самое интересное. Если вы хотите создать спецэффекты, используйте HTML5.
Не используйте Pop-Up окна (блокировщики)
Пользователи могут испытывать сложности с их закрытием на мобильном устройстве. Это может привести к высокому показателю отказов.
Оптимизируйте мета-теги
Запомните, что вы работаете с меньшим экраном и меньшим прострaнcтвом, когда пользователь совершает поиск с мобильного девайса. Когда создаете Titles, URL и Descriptions, будьте так лаконичны, как только это возможно (без ущерба качеству информации).
Используйте Schema.org
Так как экранное место лимитировано, поисковые результаты с расширенными сниппетами выделяются больше, чем на компьютерной версии.
Оптимизируйте под локальный поиск
Если ваш бизнес имеет локальную привязку, оптимизируйте ваш мобильный контент для локального поиска. Это включает в себя стандартизацию вашего имени, адреса, телефонного номера в метаданных сайта.
Мобильная карта сайта
Создайте XML карту сайта для вашей мобильной версии и отправьте её в Google и Bing. Отделяйте мобильные страницы от десктопных.
Ключевые факты алгоритма mobile-friendly
- Google любит сайты mobile-friendly :) ;
- в настоящее время по всему миру используется 4 миллиарда мобильных устройств;
- 1,8 миллиардов из них — смартфоны;
- 50% локального поиска осуществляется с мобильных устройств;
- ⅓ от 700 миллионов пользователей Facebook используют Facebook Mobile;
- ½ из 175 миллионов пользователей Twitter используют мобильную версию Twitter Mobile;
- 86% пользователей мобильного интернета используют свои гаджеты при просмотре телевизора;
- отсутствие отклика от кликабельных элементов на странице может привести к сокращению конверсий на 7%.
Комментарии:
Правильное распределение кодов ответов сервера позволяет поисковым системам экономить ресурсы на работу с сайтом. Поисковые роботы будут получать только необходимую информацию...
19 07 2025 0:54:15
Наибольший эффект по продвижению сайта при минимальных затратах — именно таков принцип SEO growth hacking. Как найти кратные точки роста, читайте статье....
18 07 2025 7:57:20
Как с помощью Google Tag Manager отслеживать исходящие ссылки на сайте и загрузки файлов с него...
17 07 2025 11:17:25
Обзор главных преимуществ, которые дают облачные академии бизнесу....
16 07 2025 14:27:37
Как настроить программу Obsidian для удобной и быстрой работы по системе Zettelkasten....
15 07 2025 20:31:51
«Нет, нам нужна раскрутка и точка!» Список маркетинговых пpaктически применимых фишек....
14 07 2025 12:45:35
Рассказываем о том, что такое Песочница, как сюда писать и получать больше аудитории для своего бизнеса...
13 07 2025 16:27:31
Как METRO Cash & Carry Украина нашла индивидуальный подход к 1 000 000 клиентов....
12 07 2025 17:11:41
Nommi — сокращение от nomadic MiFi: роутер для современных цифровых кочевников...
11 07 2025 6:12:17
Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...
10 07 2025 5:20:45
Как передавать данные пpaктически о каждом «шаге» пользователя на сайте...
09 07 2025 7:31:19
Данные, приведенные в исследовании, помогут в составлении медиапланов по продвижению в интернете. Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить....
08 07 2025 16:35:48
10 базовых правил оформления онлайн-таблиц. Оформление — основа таблицы. Как работать со столбцами и ячейками, комментариями и примечаниями, делать корректные цветовые выделения. Читайте далее....
07 07 2025 6:55:34
Ситема управления проектами, которой пользуются в Netpeak....
06 07 2025 6:58:40
Несколько полезных советов перед запуском. Tрaнcпорт и путешествия, ритейл, медиа и развлечения — тематики, в которых чаще используют мобильные приложения. Есть и другие факторы популярности приложений. Узнать!...
05 07 2025 21:36:12
Пример, как 4000+ гривен превращаются в 45000+ гривен. Ниша интернет-магазинов, да еще и бытовой техники уже давно является высококонкурентной. Но при правильном продвижении даже новичок может добиться результатов....
04 07 2025 9:25:28
Делимся советами по оптимизации рассылок. Важны новые форматы писем, предварительное тестирование, смена тем письма, ярче CTA. Все это в сочетании с понятностью и искренностью не заставит ждать хороший CTR...
03 07 2025 17:50:12
Советы и даже требования SEO-специалистов к разработчикам сайтов....
02 07 2025 3:32:10
Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...
01 07 2025 7:24:42
Выясняем, есть ли жизнь у мобильных всплывающих окон, и как их сделать правильно...
30 06 2025 17:18:50
Мы запустили еще один полезный инструмент: Netpeak Spider....
29 06 2025 16:37:12
В продажах лучше визуализировать путь потребителя в виде нейронных сетей....
28 06 2025 3:26:18
Важно: понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. Вот почему вам может быть полезно это исследование. Читать....
27 06 2025 23:59:54
Домен — это адрес (имя) сайта в сети интернет, по которому его находят пользователи. Он состоит из букв, символов и цифр, должен быть уникальным, чтобы владельцу ресурса удалось добиться качественного продвижения. Как подобрать лучший? Читайте!...
26 06 2025 11:10:51
Создание канала бренда на видеоплатформе необходимо для увеличения притока трафика, улучшения репутации и поискового продвижения компании...
25 06 2025 0:54:47
Фильтруем свой трафик от сотрудников в Google ***ytics...
24 06 2025 6:32:11
PR должен решать задачи бизнеса и для этого мало мониторить упоминания компании или бренда, нужно анализировать. С появлением соцсетей пиар изменился. Узнать больше!...
23 06 2025 5:39:37
Как использовать автостратегии для экономии рекламного бюджета...
22 06 2025 1:10:20
Рассказываем о перспективном формате рекламы, который привлекает внимание потребителя даже в эпоху повсеместной «баннерной слепоты»....
21 06 2025 16:46:19
Шпаргалка по размерам креативов для всех, кто запускает рекламу в соцсетях...
20 06 2025 10:52:36
Как начать бизнес в институте и масштабировать его до международной группы компаний. Собрали все самое интересное из интервью фаундера «Техно Ёж» Алексея Гулыя на конференции 8P....
19 06 2025 9:49:10
11 типов расширений и результат их внедрения на примере запущенных рекламных кампаний...
18 06 2025 0:17:34
Как быстро систематизировать мысли и заметки? Используйте систему Zettelkasten....
17 06 2025 17:23:19
Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....
16 06 2025 2:47:43
Четкая структура полноценного письма с примерами из рассылок крупных компаний: Aviasales, LinguaLeo, Rozetka, Yves Rocher, Pich Shop, Эльдорадо и другие....
15 06 2025 21:44:29
Как изменить геовыдачу с помощью настроек Google, Яндекс или специальных дополнений...
14 06 2025 6:57:54
Будьте полезны, будьте удобны и будьте везде. Далее подробно — 18 способов собрать базу для email-рассылок. О пользе бесплатного, привлечении внимания, возможных активностях для аудитории, социальных доказательствах, предсказуемости, работе с Facebook и многом другом...
13 06 2025 8:27:26
Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...
12 06 2025 14:23:26
Как быстро настроить DSA с помощью Netpeak Spider. Рассмотрим подробнее «Только URL из фида страниц». Этот таргетинг помогает точнее определить целевую аудиторию и привести ее на максимально релевантные страницы сайта (к примеру, на карточку товара)....
11 06 2025 7:57:41
Готовые коробочные решения — отличная идея, которая решает много задач, а ещё это относительно недорого. Но такой вариант подойдет далеко не всем. Узнать больше!...
10 06 2025 21:21:21
Заработок в четверть миллиона. Как многофункциональная SEO-платформа Serpstat из Netpeak Group стала самым продаваемым продуктом на AppSumo — пошаговая история-инструкция...
09 06 2025 4:54:52
Правильная постановка целей, задач и дедлайна — основа успешной работы...
08 06 2025 21:31:10
Рекомендации по ведению переговоров в непростых условиях....
07 06 2025 0:19:40
Пpaктика: где искать шаблоны скриптов, как их редактировать и какие есть меры предосторожности при работе со скриптами....
06 06 2025 13:57:12
Наибольшее количество онлайн транзакций было получено по брендовым запросам женского белья...
05 06 2025 17:47:25
О проблеме с передачей данных об A/B-тестах в Google ***ytics...
04 06 2025 4:55:18
Гарантии результата в SEO: миф или реальность. Спрос рождает предложение, поэтому не удивительно, что существует большое количество SEO-студий. Сразу возникает резонный вопрос, как могут существовать те компании, которые не дают гарантии вообще?...
03 06 2025 23:11:32
Инструкция для новичков по одновременной работе с кампаниями, а также объявлениями и группами в Яндекс.Директ...
02 06 2025 8:19:44
Стоит ли платить за рекламную кампанию «Медийно-контекстный баннер на поиске»?...
01 06 2025 18:28:52
Чтобы создать позитивный образ компании, бренда, персоны или работодателя в поисковых системах, нужно приложить много усилий. Но, поверьте, результат того стоит. И начать стоит с репутационного аудита....
31 05 2025 11:39:32
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::