Рекомендации по созданию веб-сайтов, адаптированных для разных типов устройств

Сайты, адаптированные для разных типов устройств: общие сведения

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

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

Узнайте, как рост числа мобильных пользователей отражается на вашем трафике:

Отчеты по эффективности

Откройте в аккаунте AdSense раздел Отчеты и выберите Платформы.

  • Какую долю вашего трафика составляют мобильные устройства высокого класса?
  • Как изменился этот показатель с прошлого года?
  • Какая доля вашей аудитории растет быстрее – пользователи смартфонов или обычных компьютеров?
Google PageSpeed Insights
С помощью этого инструмента вы можете проверить, удобно ли просматривать ваши веб-страницы на мобильных устройствах.
  • Сколько баллов получил ваш сайт? Оценка 85 или выше свидетельствует о высокой эффективности.
  • О том, как интерпретировать полученные результаты и что нужно предпринять, читайте в этой статье.
Тест на оптимизацию для мобильных устройств
С помощью этого инструмента можно проверить, удобно ли просматривать вашу страницу на смартфоне (для этого нужно указать в поле ее URL). Робот Googlebot будет считать ее оптимизированной для мобильных устройств, если она отвечает следующим критериям:
  • не содержит элементов, которые не поддерживаются мобильными устройствами – например, Flash-анимации;
  • текст хорошо видно без увеличения масштаба;
  • содержимое страницы помещается на одном экране, и его легко прочитать без горизонтальной прокрутки и увеличения масштаба;
  • Элементы навигации находятся на достаточном расстоянии друг от друга, чтобы у пользователя не возникало проблем с нажатием.

Подробнее о том, как Google обрабатывает оптимизированные сайты, читайте в нашем блоге.

Персонализированные сводки Google Analytics
Персонализированные сводки Google Analytics помогут изучить поведение пользователей на вашей странице.
  • Нажмите "Мобильные устройства" на панели "Прирост трафика", чтобы узнать, с каких устройств пользователи заходят на вашу страницу и каковы показатели отказов в каждой из категорий.
  • Нажмите "Взаимодействие на различных устройствах" в разделе "Взаимодействие и лояльность", чтобы узнать, сколько времени пользователи разных устройств проводят на странице (то есть среднюю продолжительность сеанса).

Основные методики создания сайтов, адаптированных для разных типов устройств

Есть три способа адаптации сайта для разных типов устройств:

  • Адаптивный веб-дизайн: методика веб-дизайна, при которой используется единый код HTML для всех платформ.
  • Динамический показ: веб-сервер определяет тип устройства пользователя и показывает соответствующую веб-страницу.
  • Отдельный сайт для мобильных устройств: создается специальная версия, которая отличается от сайта для компьютеров.

Руководства для начинающих

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

  • Основы веб-дизайна

    Руководство Основы веб-дизайна – это полезный информационный ресурс по разработке сайтов для разных типов устройств, содержащий подробное пошаговое руководство.

  • Создание веб-сайтов для разных типов устройств

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

  • Руководство Google Developers по оптимизации сайтов для мобильных устройств

    Инструкции по созданию сайта на основе системы управления контентом (CMS) приведены в разделе Настройка программного обеспечения сайта. Кроме того, вы можете воспользоваться советами из раздела "Начало работы".

Советы по монетизации

При монетизации сайтов для разных платформ необходимо соблюдать правила программы AdSense. Подробнее…

Была ли эта статья полезна?
Как можно улучшить эту статью?