Адаптация сайта под мобильные устройства
Как не потерять ТОП и заработать еще больше?

5 августа 2015 (обновлено 16 февраля 2018)
5.1K
3 мин.

Наш подписчик Алексей Гончаров в комментарии к статье «Что выбрать: приложение, адаптивный сайт или мобильную версию?» предложил еще один вариант адаптации сайта под мобильные устройства – мобильные шаблоны. Он обещал сам написать статью на эту тему и действительно написал. А мы, убедившись в её актуальности, публикуем.

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

Мобильные шаблоны

Нашей основной задачей является демонстрация мобильной версии страницы, без замены ее URL-адреса. С точки зрения SEO такое продвижение весьма выгодно, так как страница будет отображаться одинаково высоко как в поиске с ПК, так и в мобильном поиске. Напомним, что компания Google ввела алгоритм Mobile-Friendly, который понижает позиции не дружественных к мобильным устройствам страниц в мобильном поиске. А с помощью метода, о котором поговорим сегодня, ваши позиции в мобильном поиске будут как минимум не ниже, а то и выше.

В случае с «адаптивным дизайном» определение «мобильности» пользователя происходит в момент загрузки страницы, и если страница напичкана большим числом скриптов, картинок и т.п., то вы съедите огромное количество трафика и времени пользователя. В свою очередь это плохо скажется на его лояльности. Зачем ему загружать то, что показывают для посетителей ПК и чего он, вероятно, даже не увидит? Также это скажется на поведенческих факторах вашего сайта, т.к. при долгой загрузке страниц показатель отказов увеличивается, а глубина просмотра страниц уменьшается.

Из всего вышесказанного следует вывод: надо определять «мобильность» пользователя в момент запроса. Мы создаем 2 шаблона для страницы: мобильный и шаблон для ПК. Далее мы ищем любое упоминание о «мобильности» пользователя в HTTP_USER_AGENT и, если мы нашли его, показать мобильный шаблон, если нет – шаблон для ПК.

При данном подходе мы достигаем сразу нескольких важных преимуществ:

  • один URL-адрес страницы, который гораздо проще продвигать;
  • оптимизированные под мобильных пользователей и пользователей с ПК страницы.

Просто и эффективно, не правда ли? Как это ни странно, данных метод легче и быстрее в реализации, чем адаптивность.

Как искать упоминания о мобильности?

Мобильные браузеры обычно по умолчанию передают информацию о своей «мобильности». Для этого мы создадим список выражений, которые используют мобильные браузеры, и будем искать совпадения с тем, что передал клиент в HTTP_USER_AGENT.

Достаточно такого списка выражений:

'up.browser', 'up.link', 'mmp', 'symbian', 'smartphone', 'midp', 'wap', 'phone', 'windows ce', 'pda', 'mobile', 'mini', 'palm', 'netfront', 'opera mobi', 'iphone', 'android', 'xda', 'tablet', 'ipad', 'playbook'

А как же планшеты?

Страница для телефона может плохо смотреться на планшетах, поэтому можно добавить третий шаблон.

Для определения с планшета можно воспользоваться следующим списком выражений (не забудьте убрать их из списка для телефона):

'tablet', 'ipad', 'playbook'

Небольшие советы:

  1. Мобильные шаблоны обязательно делайте «резиновыми». В них же постарайтесь использовать адаптивность, чтобы оптимизировать страницы для портретного и альбомного просмотра. Что касается шаблона для ПК – выбор за вами!
  2. Проверяйте, удобно ли просматривать страницу на мобильных устройствах. Для этого можно воспользоваться специальным инструментом от Google.
  3. Для разделения имен шаблонов используйте следующую схему:

    страница.html – для ПК
    cтраница_m.html – для мобильного
    страница_t.html – для планшета (опционально)

На этом все. Надеюсь, что данная статья поможет вам работать с мобильными пользователями, при этом оставаясь на вершине поиска.

0
0
0
0
0

Алексей Гончаров

Клиент сервиса 1PS.RU

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна

50+ нейросетей и инструментов для маркетологов и бизнеса

Забирайте 50 самых полезных сервисов на основе искусственного интеллекта для продвижения бизнеса.

Забрать список

Популярные статьи

26 июня 2024

Как проверить позиции своего сайта: обзор сервисов

Читать статью 106.7K 9 мин.
24 июля 2024

SEO оптимизация сайта бесплатно: полная пошаговая инструкция

Читать статью 39.4K 9 мин.
5 апреля 2024

Пошаговое руководство, как вывести сайт на Tilda в топ поисковых систем

Читать статью 4.6K 5 мин.
18 сентября 2023

Эволюция не по Дарвину: все алгоритмы Яндекса с 2007 по 2023 год

Читать статью 33.7K 18 мин.
4 октября 2024

Яндекс.Вордстат: инструкция по применению

Читать статью 301.1K 8 мин.
28 августа 2024

SEO-сопровождение сайта: кому это выгодно?

Читать статью 9.3K 5 мин.
9 января 2019

Хитрости написания title и description

Читать статью 146.6K 5 мин.
8 июля 2020

Лид-магниты на сайте: как начать притягивать клиентов

Читать статью 13.2K 16 мин.
29 сентября 2020

Cайты-агрегаторы: как попасть в ТОП с их помощью

Читать статью 40.8K 11 мин.
1 февраля 2019

На все руки мастер: полезные сервисы Яндекса. Часть 1

Читать статью 65.7K 14 мин.
3 февраля 2025

Что такое 301 редирект и как его правильно настроить

Читать статью 29.1K 12 мин.
22 июня 2020

Турбо-страницы для интернет-магазинов

Читать статью 22.4K 12 мин.

Все популярные статьи

Закрытый клуб для маркетологов и владельцев бизнеса. Оставьте запрос на вступление!

Бизнес-завтраки онлайн, эксклюзивные материалы, доступ к Обучающему центру.
Специальные предложения для своих. Бесплатно навсегда

250 000 участников сообщества каждую неделю получают письма от нас

Еженедельные полезные советы по продвижению бизнеса и эксклюзивные предложения абсолютно бесплатно – подайте заявку на вступление!

Услуги, которые могут вас заинтересовать

Привлечем новых клиентов текстами! Напишем качественные статьи, промаркируем их, разместим на сторонних площадках – вы получите большие охваты, рост узнаваемости и трафика на сайт.

Стоимость:
от 32 500

Любые работы по оптимизации: составление сем. ядра, настройка вебмастеров, теги Title, Description, H1-H6, файлы robots.txt, sitemap и др.

Позволяет получить естественные ссылки на сайт, улучшает видимость сайта в поисковиках.

Стоимость:
от 9 900

Смотреть все услуги Попробовать бесплатно