Гид по SEO для мобильных сайтов: инфографика > NetPeak - Независимость и осознанность
NetPeak Biz Tech    


Гид по SEO для мобильных сайтов: инфографика

Гид по SEO для мобильных сайтов: инфографика

< >

За три весенних месяца количество пользователей мобильного сегмента Рунета выросло на 64%. Так что внимание специалистов и владельцев бизнеса к специфике оптимизации под мобильные вполне обоснованно. Да и Google продолжает держать интригу обещаниями апдейта алгоритма mobile-friendly.

Если вы хотите узнать, следует ли работать с мобильным трафиком в вашем ecommerce-проекте, следуйте рекомендациям из очередного выпуска «На Пальцах»:

А для снятия всех вопросов о том, что стоит делать в мобильном SEO, мы подготовили инфографику. 

Переходим к просмотру.

Три метода создания сайтов для мобильных устройств

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

NB: Google не отдает предпочтения каким-либо форматам URL, если страницы и все ресурсы на них доступны всем агентам пользователя Googlebot. Убедитесь, что поисковые системы (например, Google) правильно интерпретируют конфигурацию вашего сайта для мобильных устройств.

Адаптивный дизайн

Адаптивный дизайн – это конфигурация, в которой сервер отправляет одинаковый HTML-код на любые устройства, а размеры элементов страницы корректируются с помощью CSS.

Чтобы сообщить браузеру, что ваша страница адаптируется к любым устройствам, добавьте в заголовок документа такой мета-тег: meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\".

Преимущества адаптивного дизайна

  1. Google рекомендует использовать адаптивный дизайн по следующим причинам:
  2. Пользователям удобнее делиться вашим контентом, если для него используется единый URL.
  3. В этом случае алгоритмы Google точнее индексируют параметры страницы, а не регистрируют разные версии одной страницы.
  4. Создание одной адаптивной страницы занимает меньше времени, чем создание нескольких вариантов одного содержания.
  5. Снижается вероятность типичных ошибок, хаpaктерных для мобильных сайтов.
  6. Не требует переадресации, что сокращает время загрузки. Кроме того, при переадресации с применением агентов пользователя часто возникают ошибки, что вряд ли понравится посетителям.
  7. Экономия ресурсов при сканировании сайта роботом Googlebot. Агент пользователя Googlebot может просканировать страницу с адаптивным дизайном за один раз. В противном случае пришлось бы выполнять сканирование всех версий контента. Такое повышение эффективности сканирования позволяет Google точнее индексировать содержание вашего сайта и отражать его в поиске.

Динамический показ

Динамический — это конфигурация, при которой сервер отправляет в ответ на запрос определенного URL различные варианты кода HTML и CSS. При выборе нужного варианта система ориентируется на агент пользователя. При этом не всегда очевидно, что мобильные устройства получают другой код (мобильный контент может быть «скрыт»). Поэтому рекомендуется, чтобы сервер предлагал системе выполнить сканирование также с помощью робота Googlebot для смартфонов. Для этого можно воспользоваться HTTP-заголовком Vary.

Разные URL

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

Рекомендации для Мобильного SEO

Не блокируйте Javascript, CSS и графические файлы

Рекомендуемые действия

  1. Убедитесь, что Googlebot может сканировать JavaScript, CSS и графические файлы. Для этого в Инструментах Google для веб-мастеров есть функция «Просмотреть как Googlebot».
  2. Проверьте свой файл robots.txt в Инструментах Google для веб-мастеров.
  3. Проверьте свой мобильный сайт с помощью специального теста, чтобы узнать, насколько он удобен для пользователей телефонов.
  4. Если у вас есть отдельные мобильные версии страниц, проверьте их наряду с URL для обычных компьютеров, чтобы убедиться, что переадресация выполняется без ошибок.

Избегайте невоспроизводимого контента

Рекомендуемые действия:

  1. Чтобы посетителям было удобно просматривать сайт, применяйте для анимации HTML5.
  2. Во встраиваемых видео используйте форматы, которые поддерживаются на всех устройствах.
  3. Добавьте расшифровку видео. Тогда ваш сайт будет удобен для тех, кто использует вспомогательные технологии просмотра или браузеры, не поддерживающие ваш формат видео.

Ошибочные редиректы и перекрестные ссылки

Рекомендуемые действия

  1. Используйте Инструменты для веб-мастеров для поиска ошибок URL и их исправления.
  2. Настройте сервер так, чтобы пользователи смартфонов перенаправлялись на соответствующие страницы мобильного сайта.
  3. Если у страницы нет мобильной версии, не настраивайте перенаправление. Пусть пользователи просматривают обычную страницу. В таком случае ошибок не будет.

Используйте 404

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

Межстраничные объявления с рекламой приложений

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

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

Медленная загрузка страниц

Рекомендуемые действия:

  1. С помощью инструмента Google PageSpeed Insights узнайте, какие элементы вашей страницы могут замедлять загрузку страниц (эти данные приведены в разделе «Скорость»).
  2. Постарайтесь устранить неполадки с пометкой «Исправьте обязательно».

Используйте «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. Как находить идеи и внедрять точки кратного роста

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

18 07 2025 7:57:20

Google Tag Manager: актуальные и неочевидные фишки (вторая часть)

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

17 07 2025 11:17:25

Корпоративные академии. Как обучать сотрудников и клиентов в кризис и после него

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

16 07 2025 14:27:37

Гайд по системе умных заметок Zettelkasten — настройка, воркфлоу, лайфхаки

Гайд по системе умных заметок Zettelkasten — настройка, воркфлоу, лайфхаки Как настроить программу Obsidian для удобной и быстрой работы по системе Zettelkasten....

15 07 2025 20:31:51

13 фишек маркетинга и продвижения проектов за рубежом — круглый стол 8P 2017

13 фишек маркетинга и продвижения проектов за рубежом — круглый стол 8P 2017 «Нет, нам нужна раскрутка и точка!» Список маркетинговых пpaктически применимых фишек....

14 07 2025 12:45:35

Песочница Netpeak: бесплатная площадка для ваших статей

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

13 07 2025 16:27:31

Как METRO отказалась от печатных каталогов

Как METRO отказалась от печатных каталогов Как METRO Cash & Carry Украина нашла индивидуальный подход к 1 000 000 клиентов....

12 07 2025 17:11:41

От идеи роутера для цифровых кочевников до продаж на Amazon — история Nommi и фаундеров компании

От идеи роутера для цифровых кочевников до продаж на Amazon — история Nommi и фаундеров компании Nommi — сокращение от nomadic MiFi: роутер для современных цифровых кочевников...

11 07 2025 6:12:17

Первопроходцы в нише ремонта мобильных телефонов в Казахстане — история Satel.kz

Первопроходцы в нише ремонта мобильных телефонов в Казахстане — история Satel.kz Satel является одним из топовых игроков онлайн-маркета, но на старте интернет в качестве канала продаж не рассматривался. Когда онлайн запустили на полную? Узнать!...

10 07 2025 5:20:45

С чего начать настройку групп триггеров в Google Tag Manager

С чего начать настройку групп триггеров в Google Tag Manager Как передавать данные пpaктически о каждом «шаге» пользователя на сайте...

09 07 2025 7:31:19

Сколько стоил клик в Google Ads в Украине в третьем квартале 2020 года — исследование Netpeak

Сколько стоил клик в Google Ads в Украине в третьем квартале 2020 года — исследование Netpeak Данные, приведенные в исследовании, помогут в составлении медиапланов по продвижению в интернете. Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить....

08 07 2025 16:35:48

Как оформлять Google Таблицы, чтобы с вами хотели работать

Как оформлять Google Таблицы, чтобы с вами хотели работать 10 базовых правил оформления онлайн-таблиц. Оформление — основа таблицы. Как работать со столбцами и ячейками, комментариями и примечаниями, делать корректные цветовые выделения. Читайте далее....

07 07 2025 6:55:34

Система Планфикс — SaaS-система управления проектами

Система Планфикс — SaaS-система управления проектами Ситема управления проектами, которой пользуются в Netpeak....

06 07 2025 6:58:40

Мобильное приложение для ecommerce — как правильно рассчитать ресурсы при разработке, чтобы повысить продажи

Несколько полезных советов перед запуском. Tрaнcпорт и путешествия, ритейл, медиа и развлечения — тематики, в которых чаще используют мобильные приложения. Есть и другие факторы популярности приложений. Узнать!...

05 07 2025 21:36:12

SEO-продвижение интернет-магазина в тематике «бытовая техника»: ROMI 1130%

SEO-продвижение интернет-магазина в тематике «бытовая техника»: ROMI 1130% Пример, как 4000+ гривен превращаются в 45000+ гривен. Ниша интернет-магазинов, да еще и бытовой техники уже давно является высококонкурентной. Но при правильном продвижении даже новичок может добиться результатов....

04 07 2025 9:25:28

Как увеличить CTR и open rate в email-рассылках: получаем больше переходов на сайт

Как увеличить CTR и open rate в email-рассылках: получаем больше переходов на сайт Делимся советами по оптимизации рассылок. Важны новые форматы писем, предварительное тестирование, смена тем письма, ярче CTA. Все это в сочетании с понятностью и искренностью не заставит ждать хороший CTR...

03 07 2025 17:50:12

10 SEO-требований к сайту

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

02 07 2025 3:32:10

17 идей оформления офисных прострaнcтв от IT-компаний Украины

17 идей оформления офисных прострaнcтв от IT-компаний Украины Интересные детали интерьера в офисах украинских IT-компаний: от массажного стола и тенниса до звукозаписывающей студии и корпоративной велопарковки. Читать дальше!...

01 07 2025 7:24:42

7 уроков о всплывающих окнах для мобильных, которые мы выучили благодаря A/B-тестам

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

30 06 2025 17:18:50

Netpeak Spider — помощник при составлении технического аудита сайта

Netpeak Spider — помощник при составлении технического аудита сайта Мы запустили еще один полезный инструмент: Netpeak Spider....

29 06 2025 16:37:12

Актуальна ли классическая воронка продаж?

Актуальна ли классическая воронка продаж? В продажах лучше визуализировать путь потребителя в виде нейронных сетей....

28 06 2025 3:26:18

Сколько стоил клик в Google Ads в Казахстане в первом квартале 2020 года — исследование Netpeak

Сколько стоил клик в Google Ads в Казахстане в первом квартале 2020 года — исследование Netpeak Важно: понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. Вот почему вам может быть полезно это исследование. Читать....

27 06 2025 23:59:54

Какой домен выбрать: ru, com или net

Какой домен выбрать: ru, com или net Домен — это адрес (имя) сайта в сети интернет, по которому его находят пользователи. Он состоит из букв, символов и цифр, должен быть уникальным, чтобы владельцу ресурса удалось добиться качественного продвижения. Как подобрать лучший? Читайте!...

26 06 2025 11:10:51

Как создать YouTube канал для бренда

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

25 06 2025 0:54:47

Как отфильтровать внутренний трафик в Google ***ytics

Как отфильтровать внутренний трафик в Google ***ytics Фильтруем свой трафик от сотрудников в Google ***ytics...

24 06 2025 6:32:11

Как составить и анализировать KPI для PR-менеджера

Как составить и анализировать KPI для PR-менеджера PR должен решать задачи бизнеса и для этого мало мониторить упоминания компании или бренда, нужно анализировать. С появлением соцсетей пиар изменился. Узнать больше!...

23 06 2025 5:39:37

Эффективная рекламная кампания — обзор автостратегий в Яндекс.Директ

Эффективная рекламная кампания — обзор автостратегий в Яндекс.Директ Как использовать автостратегии для экономии рекламного бюджета...

22 06 2025 1:10:20

Руководство для брендов по Playable Ads

Руководство для брендов по Playable Ads Рассказываем о перспективном формате рекламы, который привлекает внимание потребителя даже в эпоху повсеместной «баннерной слепоты»....

21 06 2025 16:46:19

Реклама в Facebook, Instagram и ВКонтакте — размеры баннеров

Реклама в Facebook, Instagram и ВКонтакте — размеры баннеров Шпаргалка по размерам креативов для всех, кто запускает рекламу в соцсетях...

20 06 2025 10:52:36

Алексей Гулый о правильных людях, новых идеях и бизнесе без потерь

Алексей Гулый о правильных людях, новых идеях и бизнесе без потерь Как начать бизнес в институте и масштабировать его до международной группы компаний. Собрали все самое интересное из интервью фаундера «Техно Ёж» Алексея Гулыя на конференции 8P....

19 06 2025 9:49:10

Расширения объявлений Google Рекламы — краткий обзор

Расширения объявлений Google Рекламы — краткий обзор 11 типов расширений и результат их внедрения на примере запущенных рекламных кампаний...

18 06 2025 0:17:34

Второй мозг — гайд по системе умных заметок Zettelkasten. Первая часть

Второй мозг — гайд по системе умных заметок Zettelkasten. Первая часть Как быстро систематизировать мысли и заметки? Используйте систему Zettelkasten....

17 06 2025 17:23:19

Как монетизировать сайт и заpaбатывать на трафике

Как монетизировать сайт и заpaбатывать на трафике Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....

16 06 2025 2:47:43

Обязательные элементы email-рассылки: проверьте свои письма на привлекательность

Четкая структура полноценного письма с примерами из рассылок крупных компаний: Aviasales, LinguaLeo, Rozetka, Yves Rocher, Pich Shop, Эльдорадо и другие....

15 06 2025 21:44:29

Как изменить местоположение в поиске или посмотреть геовыдачу другого региона

Как изменить геовыдачу с помощью настроек Google, Яндекс или специальных дополнений...

14 06 2025 6:57:54

18 способов собрать базу подписчиков для email-рассылок

18 способов собрать базу подписчиков для email-рассылок Будьте полезны, будьте удобны и будьте везде. Далее подробно — 18 способов собрать базу для email-рассылок. О пользе бесплатного, привлечении внимания, возможных активностях для аудитории, социальных доказательствах, предсказуемости, работе с Facebook и многом другом...

13 06 2025 8:27:26

Как быстро найти ошибки на сайте — проверка важных тегов с помощью Google Tag Manager и таблиц Google

Как быстро найти ошибки на сайте — проверка важных тегов с помощью Google Tag Manager и таблиц Google Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...

12 06 2025 14:23:26

Динамические поисковые объявления — как автоматизировать работу с товарным фидом

Как быстро настроить DSA с помощью Netpeak Spider. Рассмотрим подробнее «Только URL из фида страниц». Этот таргетинг помогает точнее определить целевую аудиторию и привести ее на максимально релевантные страницы сайта (к примеру, на карточку товара)....

11 06 2025 7:57:41

На что обратить внимание при выборе движка для сайта

На что обратить внимание при выборе движка для сайта Готовые коробочные решения — отличная идея, которая решает много задач, а ещё это относительно недорого. Но такой вариант подойдет далеко не всем. Узнать больше!...

10 06 2025 21:21:21

Как SaaS-у заработать $250 000 за неделю, или Четкая инструкция от Serpstat, как провести успешную кампанию на AppSumo

Как SaaS-у заработать $250 000 за неделю, или Четкая инструкция от Serpstat, как провести успешную кампанию на AppSumo Заработок в четверть миллиона. Как многофункциональная SEO-платформа Serpstat из Netpeak Group стала самым продаваемым продуктом на AppSumo — пошаговая история-инструкция...

09 06 2025 4:54:52

Как работать с задачами — советы от Netpeak

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

08 06 2025 21:31:10

Успокоить нельзя продать. Инструкция по ведению переговоров для B2B-сейлзов в период кризиса. Опыт Netpeak Group

Успокоить нельзя продать. Инструкция по ведению переговоров для B2B-сейлзов в период кризиса. Опыт Netpeak Group Рекомендации по ведению переговоров в непростых условиях....

07 06 2025 0:19:40

Как редактировать скрипты Google Ads

Как редактировать скрипты Google Ads Пpaктика: где искать шаблоны скриптов, как их редактировать и какие есть меры предосторожности при работе со скриптами....

06 06 2025 13:57:12

Кейс по контекстной рекламе сайта купальников и нижнего белья марки Victoria’s Secret: ROMI 255%

Кейс по контекстной рекламе сайта купальников и нижнего белья марки Victoria’s Secret: ROMI 255% Наибольшее количество онлайн транзакций было получено по брендовым запросам женского белья...

05 06 2025 17:47:25

Внутренняя кухня SEO: как починить А/В-тестирование в Google ***ytics с помощью Google Tag Manager. Кейс UniSender

Внутренняя кухня SEO: как починить А/В-тестирование в Google ***ytics с помощью Google Tag Manager. Кейс UniSender О проблеме с передачей данных об A/B-тестах в Google ***ytics...

04 06 2025 4:55:18

Гонитесь за гарантией и прозрачностью в SEO-услугах? А их нет!

Гарантии результата в 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 ::