Гид по 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%.
Комментарии:
В течение месяца нам удалось наладить рассылку с новой платформы....
26 04 2024 12:42:27
Наличие или отсутствие в карточках отзывов о товарах интернет магазина сказывается на продажах, а также оказывает влияние на SEO. Об этом, а также о пользе автоматизированного сбора отзывов о товарах мы расскажем в этой статье....
25 04 2024 11:43:13
Если вам нужно быстро изменить небольшой объем контента на сайте без доступа к CMS, можно воспользоваться GTM. Как именно, читайте дальше....
24 04 2024 19:11:47
Идея, напечатанная в 3Д? Уже сегодня маркетологи могут это делать с успехом. Главное — поменять свой стиль мышления....
23 04 2024 8:44:14
Как завоевать Instagram, задавая правильные цели и вопросы. Также в статье делимся табличкой лучшего времени постинга для различных тематических публикаций. Узнать больше!...
22 04 2024 3:40:52
Новые тактики в рекламных кампаниях, SMM и PR, которые использует бизнес в новых условиях...
21 04 2024 4:23:14
В одной из самых «перегретых» ниш вышли в топ-5 по некоторым высокочастотным запросам. Узнать больше!...
20 04 2024 5:21:34
Нужно организовать конференцию с участием многих пользователей? Этот пост будет полезен, если до важного ивента есть хотя бы несколько дней в запасе....
19 04 2024 20:37:23
История для заказчиков, которые самостоятельно запускают рекламу...
18 04 2024 6:30:15
Свежесть и актуальность контента — главные уроки из Google December 2020 Core Update. Почему — читайте в статье....
17 04 2024 2:32:32
Словосочетания и аббревиатуры, которыми пользуются на рынке игрового маркетинга....
16 04 2024 22:43:17
Что бывает, когда работа над продвижением сайта начинается до его выхода в паблик....
15 04 2024 15:12:19
Как научиться продвигать мобильные приложения и заpaбатывать на этом....
14 04 2024 14:47:26
У каждого сайта в топе есть страница, о существовании которой знают только роботы и... SEO-специалисты. Это robots.txt или индексный файл....
13 04 2024 20:31:27
Всё, что нужно знать заказчикам услуг о внутренней кухне PM-специалистов...
12 04 2024 9:38:58
Как внедрить Business Intelligence для малого и среднего бизнеса....
11 04 2024 22:39:24
Как и где найти хорошего автора для вашего сайта: сравнение платформ копирайтинга, форматы оплаты (объем или качество), фишки по выбору фрилансера. Читать дальше!...
10 04 2024 4:39:49
Как изменить геовыдачу с помощью настроек Google, Яндекс или специальных дополнений...
09 04 2024 8:53:12
Как улучшить видимость сайта в результатах поисковой выдачи, когда основные требования по оптимизации уже выполнены...
08 04 2024 21:39:37
Дмитрий Шахов, Алексей Чекушин и другие эксперты поделились своим опытом решения сложных вопросов SEO на примере больших проектов....
07 04 2024 21:35:41
Лидеров определили открытым голосованием. В ТОП-списки вошли CPA-сети, которые набрали больше всего голосов суммарно и по отдельным критериям....
06 04 2024 8:18:56
Создание репутации крутого специалиста — дело рук крутого специалиста....
05 04 2024 10:45:30
Как узнать, что потенциальный сотрудник креативный, умеет убеждать, работать в комaнде, адаптироваться к быстрой смене условий, владеет эмоциональным интеллектом? Вопросы для проверки этих софт-скиллов здесь....
04 04 2024 5:59:12
Ringostat и Binotel. Сравнение главных сервисов для коллтрекинга в Украине...
03 04 2024 14:15:54
PR должен решать задачи бизнеса и для этого мало мониторить упоминания компании или бренда, нужно анализировать. С появлением соцсетей пиар изменился. Узнать больше!...
02 04 2024 8:17:12
Работа — рекламировать. Интервью с директором по стратегии агентства Smartica/Skykillers....
01 04 2024 0:11:27
Руководство по переносу кампаний в новый аккаунт Рекламы...
31 03 2024 18:40:52
Большинство покупателей предпочитают безналичный расчет, желают иметь разные варианты оплаты. Как их наличие или отсутствие влияет на средний чек?...
30 03 2024 15:59:35
Facebook buttons. Пора поделиться самым волнующим вопросом 2011-го года...
29 03 2024 8:21:14
Стратегия продвижения, благодаря которой удалось снизить стоимость заявки от покупателей. Рассказываем об особенностях проведения акций в нише. Узнать больше!...
28 03 2024 0:21:43
Учим правильно платить за верхние строчки показов объявления: настройка быстрых звонков из поисковых объявлений «Только номер телефона» Google Ads...
27 03 2024 16:56:52
Что такое контекстная реклама? Настраиваем рекламу в поиске Google...
26 03 2024 14:42:36
Визуализация данных для новичков. Отвечаем на вопрос читателя....
25 03 2024 19:17:41
Николь Лаззаро из XEODesign провела исследование о том, почему мы играем или не играем в игры....
24 03 2024 11:56:27
Возможно, вы купили обувь Intertop именно после просмотра нашей рекламы....
23 03 2024 21:42:11
Признаки того, что магазин находится под фильтром и шаги по выводу из него...
22 03 2024 7:47:46
Короткий кейс и рекомендации по защите аккаунта от взлома....
21 03 2024 12:11:49
Правила преобразования фидов в Google Merchant Center помогут сегментировать товары и сделать вашу рекламу более эффективной...
20 03 2024 10:17:54
Как настроить многокaнaльную модель атрибуции для своего бизнеса....
19 03 2024 21:15:11
Аккаунт менеджеры это... Быть лицом компании, проводником между заказчиком и комaндой агентства, ментором для коллег и суперменом, готовым прийти на помощь клиенту в любой час дня и ночи… Эти задачи по плечу аккаунт-менеджерам Netpeak...
18 03 2024 15:43:35
Изучаем на примере тестирования товарных кампаний в момент смены логотипа и ренейминга...
17 03 2024 6:42:12
Пришло такое время — обновить данные, тем более что в начале сентября появилось исследование Google....
16 03 2024 22:24:40
А ещё у нас появилась новая стратегия SEO-продвижения для ниши доставки еды и продуктов....
15 03 2024 20:51:18
Анализ пути — это как многокaнaльные последовательности в Universal ***ytics, только лучше....
14 03 2024 0:51:36
К чему стоит относиться с особенным вниманием при отправке рассылок. Грамматические ошибки, тема, прехедер и другие стратегически важные составляющие письма. Узнать больше!...
13 03 2024 21:43:57
Наука перехода — понятие краулинга (crawling, сканирование) сайта и принципа его работы. Виды поисковых роботов и способы их управления и другие полезные фишки в рубрике Азбука SEO на Netpeak Blog...
12 03 2024 10:30:52
Рассылка ежемecячно занимает второе место среди источников реферального трафика BuzzFeed. Уроки увеличения базы подписчиков от BuzzFeed от базы до метрик оценки. Принцип BuzzFeed — как можно быстрее внедрять в рассылку то, что нравится читателям....
11 03 2024 3:20:58
Примеры новой концепции Digital-маркетинга по формуле 8Р...
10 03 2024 2:13:15
Не Google единым. Нужные и важные знания по Яндекс.Вебмастер....
09 03 2024 22:44:15
Не хотите настраивать объявление в Google Рекламе и Яндекс.Директ по отдельности? Узнайте, как сделать экспорт кампании и сэкономить время....
08 03 2024 23:57:50
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::