Гид по 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%.
Комментарии:
Перевод статьи о стадиях формирования комaнд по Брюсу Такмену — полезно знать всем....
05 12 2023 1:51:56
Исправляем ошибки в рекламных кампаниях, аналитике и бюджете...
04 12 2023 11:22:36
Программа покорения онлайн мира мобайла — самому и с ограниченными средствами на маркетинг...
03 12 2023 16:11:53
Функционал для специалистов и новичков: как настраивать особые правила. Знания, которые помогают предотвратить грубые ошибки в рекламе товаров и услуг. Читать дальше!...
02 12 2023 1:28:28
Анализ содержимого сайта показывает: Url разные, а контент страниц одинаковый. Думаете, ничего страшного? Но одинаковый контент может попасть под фильтры поисковых систем. Чтобы этого не произошло, надо знать, как избавляться от внутренних дублей...
01 12 2023 11:37:46
Каждому бизнесу в интернете важно продумать систему оплаты для своих товаров или услуг. При этом следует учитывать объемы и нишу бизнеса. Узнать больше!...
30 11 2023 2:47:15
Бухгалтерский мир Netpeak: цель, задачи, мотивация....
29 11 2023 1:30:21
Адаптивный линкбилдинг: будьте полезны людям, а не поисковикам....
28 11 2023 14:41:35
Клиникка использует лазеры и нуждается в продвижении. В специфических сферах привлечь потребителя впервые бывает сложнее и дороже, чем удержать его. Этот кейс о том, как повысить количество обращений новых клиентов с помощью видеорекламы...
27 11 2023 17:22:46
Специалисты дропшиппинг-платформы делятся данными по самым продаваемым товарам на крупных онлайн-площадках. Информация для масштабирования бизнеса. Читать!...
26 11 2023 11:46:42
Как работать с негативом и что делать, чтобы его было меньше/не было вовсе....
25 11 2023 13:23:44
Простая инструкция для новичков, как легко создать анимированные баннеры для рекламных кампаний с помощью бесплатного инструмента Google Web Designer. При создании баннера сервис предложит создать файл с нуля либо использовать шаблон. Узнайте обо всех возможностях!...
24 11 2023 16:43:13
Чтобы грамотно анализировать статистику рекламных кампаний, необходимо связать Яндекс.Метрику и Яндекс.Директ. Рассказываем, как это сделать...
23 11 2023 15:37:46
Мы запустили еще один полезный инструмент: Netpeak Spider....
22 11 2023 20:35:25
Десять вопросов, которые чаще всего задают люди, столкнувшиеся с необходимостью создания landing page....
21 11 2023 5:35:39
Проведение краудфандинговых кампаний — это бизнес. Это отдельный и вполне серьёзный рынок с уймой заточенных под ваши нужды услуг. Раньше нужно было ждать, пока проект пройдет обязательную проверку сотрудником Kickstarter, сейчас можно запускать кампанию...
20 11 2023 15:41:29
Как использовать расширенное семантическое ядро для увеличения целевого трафика....
19 11 2023 17:19:50
Несложные рекомендации, как увеличить продажи с сайта и его мобильной версии с помощью инструментов Google: ***ytics, Tag Manager, Optimizer и форм-опросов. UX-специалисты Турум-бурум рекомендуют их для проверки сайта и используют в своей работе....
18 11 2023 13:25:47
Всем, кто собирается перейти на Single Page Application, но переживает, что они поссорятся с поисковыми системами. Правильно переживаете!...
17 11 2023 2:51:34
Рассказываем, как обменять свои деньги на действительно полезные знания....
16 11 2023 7:51:46
Нужно ли начинать работу с Google Marketing Platform, и если да, то на каком этапе развития бизнеса?...
15 11 2023 6:37:23
Гениальный математик создал систему, которая вполне может конкурировать с Google — Wolfram|Alpha. Или нет? Это не поисковик, тогда при чем здесь Гугл и теория вычислимости?...
14 11 2023 21:41:46
Что делать, если нет четкой модели оценки эффективности контекстной рекламы?...
13 11 2023 9:19:21
Кейс продвижения Pizza House — ROMI 709,9%. От старта с дублями страниц и постановки целей и задач продвижения, проведения технического аудита, аналитики, анализа поисковых фраз, выбора контента до экспериментов с метатегами, увеличения среднего чека и планов на будущее...
12 11 2023 19:45:33
Что такое App Store optimization и как раскручивать мобильные приложения...
11 11 2023 9:38:40
Эти советы будут полезны вебмастерам, которые хотят сделать шаблон сайта самостоятельно...
10 11 2023 23:55:18
Не стучитесь к Алексею на ФБ с предложением что-то придумать для бренда. У Ломоносова целый тред таких непрочитанных сообщений. Узнать больше....
09 11 2023 13:24:56
Это не автобиографические романы, не бесплатные учебники и не подборка книжек, чтобы скачать в epub. Это интересная топ литература о маркетинге, которую мы хотим вам посоветовать....
08 11 2023 8:24:36
Начинаем серию постов в режиме реалити-шоу о подробностях продвижения крупного игрока бизнеса email- и sms-рассылок — компании UniSender....
07 11 2023 9:33:24
Как создавать интеpaктивные рассылки-сайты и чем они хороши...
06 11 2023 22:30:22
Чтобы создать позитивный образ компании, бренда, персоны или работодателя в поисковых системах, нужно приложить много усилий. Но, поверьте, результат того стоит. И начать стоит с репутационного аудита....
05 11 2023 12:52:47
Обязательные элементы продающей страницы: удобный и красивый дизайн, легко читаемые форматы и стили шрифтов, текстовые блоки, кнопки призыва к действию. Узнать больше!...
04 11 2023 6:44:57
В этом году часть пользователей предпочла вернуться к привычным покупкам в оффлайн-магазинах....
03 11 2023 5:52:15
Зеркалами считаются сайты с разными доменными именами, но идентичным контентом...
02 11 2023 8:26:13
Помимо полезного и качественного продукта, услуги, компании нужен мощный маркетинг. И возможно это только благодаря хорошему директору по маркетингу. Только так это работает. Кто лучшие в этой нише в Казахстане? Узнать!...
01 11 2023 16:33:56
Темная сторона лайков или правда о продвижении постов в Facebook...
31 10 2023 5:48:12
Забавные и полезные штуки от Google и как их найти...
30 10 2023 1:51:59
Делимся фишками, которые облегчат работу как новичкам, так и специалистам....
29 10 2023 14:21:13
Мы хотим найти и купить локальную комaнду SEO или PPC-специалистов. Как обычно, делаем предложение нестандартно — в блоге...
28 10 2023 13:40:12
Что мы узнали после 19 миллионов показов рекламных объявлений по разным спискам ремаркетинга....
27 10 2023 22:12:57
Как построить самостоятельную комaнду и научиться спокойно делегировать...
26 10 2023 13:16:16
Корзина интернет-магазина поможет повысить продажи, если ее функционал содержит: фото товара, кликабельное наименование товара, перечень способов оплаты. Узнать больше!...
25 10 2023 21:13:52
Почему бизнесу нужно настраивать мультикaнaльную модель атрибуции на основе воронки продаж и как это сделать....
24 10 2023 20:42:57
Пост о том, как и когда тратит деньги американский и украинский покупатель...
23 10 2023 18:13:33
Суперспособности фрилансера: как понять свою прокрастинацию, распознать мошенников и решать проблемы, связанные с удалёнкой...
22 10 2023 17:16:39
Какие возможности дает Chrome DevTools для SEO-оптимизации...
21 10 2023 9:21:33
Как создать портрет покупателя и зачем он нужен бизнесу....
20 10 2023 12:54:30
Google Shopping и Smart Shopping Campaign сами себя не оптимизируют....
19 10 2023 22:58:13
Важный вопрос, если вы рассчитываете на вирусный эффект своих рекламных идей....
18 10 2023 15:58:38
Amazon сократил комиссию для сайтов партнеров от 30% до 80% — что делать дальше? Мнение эксперта....
17 10 2023 22:29:30
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::