Гид по 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%.



Комментарии:

Как настроить передачу уведомлений из Google Calendar в Telegram

Как настроить передачу уведомлений из Google Calendar в Telegram Мануал по созданию удобного планировщика повторяющихся действий....

29 05 2024 0:44:28

Как обойти агрегаторы и маркетплейсы в выдаче: пошаговая инструкция

Как обойти агрегаторы и маркетплейсы в выдаче: пошаговая инструкция Доминирование маркетплейсов и агрегаторов в Яндексе усилилось. Первый магазин появляется не раньше 5 позиции. Поэтому компания Alto подготовила пошаговое руководство - как обойти агрегаторы в выдаче....

28 05 2024 4:45:50

Стратегия, позиционирование и бюджетирование: основные маркетинговые боли малого бизнеса Украины

Мы собрали и проанализировали ответы 270 владельцев и маркетологов...

27 05 2024 18:38:34

Решения микро UX на сайтах интернет-магазинов. Удачные кейсы

Решения микро UX на сайтах интернет-магазинов. Удачные кейсы Как с помощью элементов микро UX в дизайне сделать сайт интернет-магазина незабываемым...

26 05 2024 18:22:14

Sad But True — телеграм-канал Андрея Чумаченко. Коротко и правдиво про бизнес, самоорганизацию и управление людьми

Sad But True — телеграм-канал Андрея Чумаченко. Коротко и правдиво про бизнес, самоорганизацию и управление людьми Рассказываем про телеграм-канал со-основателя Netpeak и чем он интересен для предпринимателей, руководителей и маркетологов....

25 05 2024 2:13:22

Особенности продвижения проектов B2B и B2C

Особенности продвижения проектов B2B и B2C Сравнительная хаpaктеристика B2B и B2C. Как строятся отношения с клиентом, какой объем рынка, особенности сервиса, на чем делать акцент при создании контента. Подробнее....

24 05 2024 1:25:56

Об экономике контента

Об экономике контента Почему кого-то ругают за плохие тексты, а у кого-то из-за таких же текстов берет интервью Юрий Дудь? И другие особенности контента: авторское право, копирайтинг. Читать!...

23 05 2024 2:42:13

Обзор трех новых типов микроразметки schema.org

Обзор трех новых типов микроразметки schema.org FAQ (frequently asked questions), HowTo и Q&A (questions and answers)....

22 05 2024 5:12:56

Стоит ли покупать домены с историей и где их найти

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

21 05 2024 23:52:45

Сколько стоил клик по рекламе Ads, Директ и Facebook в Украине во втором квартале 2017

Сколько стоил клик по рекламе Ads, Директ и Facebook в Украине во втором квартале 2017 Я исследовал 23 миллиона кликов из Украины в Google Ads, Facebook, Директ и структурировал данные по 19 тематикам...

20 05 2024 14:22:19

Как долго живет лид в базе email-рассылки?

Как долго живет лид в базе email-рассылки? Это исследование для тех, кто хочет выяснить, эффективно ли работать с лидами, если им год и больше...

19 05 2024 16:20:38

Serpstat 2.0: как внутренняя разработка выросла в All-in-One SEO Platform

Serpstat 2.0: как внутренняя разработка выросла в All-in-One SEO Platform Короткая история Serpstat — от сервиса «для своих» до международной SEO-платформы....

18 05 2024 8:54:37

Какую роль играют запахи?

Какую роль играют запахи? Аромамаркетинг. Почему В Нью-Йоркских магазинах Samsung пахнет медовой дыней, в British Airways — луговыми травами. Что мы знаем о восприятии нами сенсорной информации, а конкретно — ароматов. Читать дальше!...

17 05 2024 12:48:18

Коллекция GIF: будни отдела контекстной рекламы

Коллекция GIF: будни отдела контекстной рекламы Gif для стрима. Пост пятничного веселья — гифки о буднях специалистов по контекстной рекламе....

16 05 2024 7:15:53

Как настроить отслеживание событий в Google ***ytics 4

Как настроить отслеживание событий в Google ***ytics 4 Подробное руководство по настройке отслеживания событий в GA4...

15 05 2024 18:17:36

Масштабный редизайн блога UniSender — рост органического трафика

Масштабный редизайн блога UniSender — рост органического трафика Как за полгода обновить корпоративный блог, зачем это может быть нужно. О том, как начинали с сегментации, внедряли SEO-рекомендации, оптимизировали ЧПУ, трaнcлитерацию, пагинацию и структуру блога вплоть до конкретной работы со статьями, рейтингами и их страницами...

14 05 2024 19:40:57

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту Читайте, если не хотите «слить» бюджет. Определите конкретные цели и УТП, соберите аналитику, идите к специалисту без опыта работы в конкретной нише и другие рекомендации эксперта. Читайте подробнее в статье!...

13 05 2024 10:24:13

Кейс Office-Expert.kz: как на треть снизить стоимость транзакций и вырастить CR на 67%

Кейс Office-Expert.kz: как на треть снизить стоимость транзакций и вырастить CR на 67% Как эффективно выйти из карантина с помощью контекстной рекламы...

12 05 2024 3:35:10

Семь улучшений Netpeak: построение репутации для нового бренда, продвижение в TikTok и PR-статьи в журнале

Семь улучшений Netpeak: построение репутации для нового бренда, продвижение в TikTok и PR-статьи в журнале Еще организовали новую онлайн-конференцию, запустили опрос онлайн-покупателей, создали SEO-услугу для крупного бизнеса, рассказали, как вести В2С и В2В аккаунты в Instagram и ввели консультации SMM-специалистов....

11 05 2024 21:56:21

Как небольшому медийному агентству выйти на новый уровень?

Как небольшому медийному агентству выйти на новый уровень? Мы хотим купить комaнду с компетенциями в сфере медиабаинга, чтобы объединить силы для развития онлайн-рынка...

10 05 2024 14:26:37

Google Колибри — все, что вы хотели знать о новом алгоритме

Мы решили определить и раскрыть самые популярные вопросы по работе нового алгоритма Google Колибри...

09 05 2024 18:36:24

Импорт данных из Google ***ytics в Excel с помощью ***ytics Edge — подробное руководство

Импорт из Google ***ytics в Excel — manual по ***ytics Edge....

08 05 2024 22:51:33

Статистика и аналитика аккаунта в Twitter — полезные инструменты

Статистика и аналитика аккаунта в Twitter — полезные инструменты Твиты, реплаи, ретвиты - как сделать правильные выводы из активности в Twitter? Об этом читайте в нашем посте....

07 05 2024 20:42:18

Продвижение недвижимости: как снизить стоимость заявки на 46% — кейс

Продвижение недвижимости: как снизить стоимость заявки на 46% — кейс Работа с умными рекламными кампаниями с оплатой за конверсии в контекстно-медийной сети. Особенности настройки и оптимизации в кейсе продвижения недвижимости. Узнать больше!...

06 05 2024 21:52:14

История успеха компании Innocent drinks

История успеха компании Innocent drinks В основе каждой великой компании – хорошо рассказанная история....

05 05 2024 10:59:32

Как работать с перформанс-рекламой

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

04 05 2024 0:29:28

Как провести контент-аудит сайта — пошаговое руководство

Как провести контент-аудит сайта — пошаговое руководство Как понять, что проект нуждается в новых текстах и сделать читателя счастливым...

03 05 2024 20:40:15

Как быстро получать самую актуальную информацию от 105 топовых блогов Рунета про интернет-маркетинг

Как быстро получать самую актуальную информацию от 105 топовых блогов Рунета про интернет-маркетинг Самые популярные блоги Рунета по интернет-маркетингу — все RSS-фиды в одном месте...

02 05 2024 17:41:42

Дублирование контента на сайтах, ориентированных на разные страны

Дублирование контента на сайтах, ориентированных на разные страны Дублирование контента на разных сайтах, ориентированных на рынки разных стран, например, на публику Канады...

01 05 2024 17:41:12

Как готовить баннеры для мобильной рекламы

Как готовить баннеры для мобильной рекламы Как сделать креативный мобильный баннер. Зачем нужны особенные баннеры для мобильных? Что делать с картинкой? Что делать с текстом? Что делать с другими рекламными форматами? Дополнительные элементы. Обо всем этом детально и спримерами...

30 04 2024 17:53:32

Как продвигать бренд в Facebook без бюджета на рекламу

Что делать, если денег нет, но трафик очень нужен: советы по раскрутке бренда в фейсбуке. В бесплатном продвижении главный ресурс — время: часы, дни, недели, месяцы, проведенные на площадке. Как их применить? Читайте!...

29 04 2024 15:20:18

Как динамическая подмена заголовка влияет на конверсии

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

28 04 2024 20:13:40

Рейтинг директоров по маркетингу среди ecommerce-проектов Казахстана

Рейтинг директоров по маркетингу среди ecommerce-проектов Казахстана Помимо полезного и качественного продукта, услуги, компании нужен мощный маркетинг. И возможно это только благодаря хорошему директору по маркетингу. Только так это работает. Кто лучшие в этой нише в Казахстане? Узнать!...

27 04 2024 16:31:20

Netpeak Agency SEO Tool: обзор и фишки для специалистов

Netpeak Agency SEO Tool: обзор и фишки для специалистов Как расширение от Netpeak может облегчить работу над важными SEO-задачами....

26 04 2024 0:19:11

Как связать Microsoft Power BI и Google BigQuery

Как связать Microsoft Power BI и Google BigQuery Как визуализировать данные Google BigQuery в Power BI? Пошаговая инструкция от руководителя отдела веб-аналитики Netpeak Алексея Селезнева...

25 04 2024 12:39:13

Что такое брендовые запросы и нужно ли крутить по ним контекстную рекламу

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

24 04 2024 5:20:38

Что такое SEO и зачем нужна поисковая оптимизация

Что такое SEO и зачем нужна поисковая оптимизация Основные этапы раскрутки сайта. Что такое и как работает поисковая оптимизация, ее виды, особенности, преимущества...

23 04 2024 8:50:30

Динамический ремаркетинг в myTarget: подробный мануал и кейс

Динамический ремаркетинг в myTarget: подробный мануал и кейс Как настроить динамический ремаркетинг в myTarget и эффективно ли работают такие объявления — делимся собственным опытом....

22 04 2024 6:24:32

Как оптимизировать контент: title, h1, description, keywords

Как оптимизировать контент: title, h1, description, keywords Грамотно оформленные метатеги презентуют сайт, помогают пользователям быстро найти нужную информацию, а поисковым системам — повысить ресурс в выдаче...

21 04 2024 18:59:54

Как выбрать подрядчика для SEO и PPC: нанять агентство или создать инхаус-комaнду

Как выбрать подрядчика для SEO и PPC: нанять агентство или создать инхаус-комaнду Почему синергия штатных специалистов и рекламное дело агентства SEO/PPC выгодна бизнесу...

20 04 2024 9:36:48

Как автоматизировать заботу о сотрудниках

Как автоматизировать заботу о сотрудниках 9 тревожных признаков того, что ваши подчиненные могут выгореть и уволиться. Обратите внимание и, возможно, не придется терять ценных для компании людей....

19 04 2024 14:51:16

Интеграция Google BigQuery c BI-платформами и электронными таблицами

Интеграция Google BigQuery c BI-платформами и электронными таблицами Подробная инструкция по интеграции с облачной базой данных и сравнение BI-платформ....

18 04 2024 0:43:49

Фидбек от покупателей: о чем, зачем и как спрашивать

Фидбек от покупателей: о чем, зачем и как спрашивать Что такое обратная связь, почему фидбек от клиентов важен и как его правильно собирать. Все, что нужно знать, чтобы получить отзыв от клиента....

17 04 2024 16:48:57

Где бесплатно разместить ссылки — площадки для продвижения

Где бесплатно разместить ссылки — площадки для продвижения Как найти релевантный сайт-донор для размещения своей ссылки...

16 04 2024 0:15:43

Как создать специальный отчет в Google ***ytics

Как создать специальный отчет в Google ***ytics Мануал, по которому вы создадите специальный отчет, чтобы применить его на своем сайте....

15 04 2024 3:42:16

93 шага к идеальному интернет-магазину — детальный чек-лист

93 шага к идеальному интернет-магазину — детальный чек-лист Открытие проверенных действий по увеличению продаж...

14 04 2024 18:37:21

Лайфхаки по работе с Google Chrome

Лайфхаки по работе с Google Chrome Расширения, горячие клавиши и мгновенный перевод слов на другой язык — минимум лайфаков, которые можно использовать для удобства пользователей Google Chrome...

13 04 2024 4:27:43

Триггерная email-рассылка: какие письма отправлять, чтобы подписчик точно заинтересовался

Триггерная email-рассылка: какие письма отправлять, чтобы подписчик точно заинтересовался Какие рассылки можно отправить покупателю, если у вас есть только данные из карточки товара...

12 04 2024 1:25:38

Что такое электронный кошелек и для чего им пользоваться

Что такое электронный кошелек и для чего им пользоваться Электронный кошелек — это виртуальная ячейка для хранения денежных средств. Каждая такая ячейка обладает уникальным цифровым определителем и может принадлежать одному человеку....

11 04 2024 13:57:25

Анализ эффективности кампаний рекламной сети Яндекса с помощью отчета по многокaнaльным последовательностям

Отчет «Многокaнaльные последовательности» в Google ***ytics помогает оценить влияние каждого канала, сделать выводы о работе рекламных кампаний — понять их вклад и участие в цепочке до совершения конверсии. Показываем на примере....

10 04 2024 5:12:18

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::