Как сделать редирект на мобильную версию сайта


Как сделать мобильный редирект. Все способы

Обратите внимание

Если вы используете WordPress или Joomla, вы можете воспользоваться специализированными плагинами для мобильного редиректа.
Google, рекомендует не использовать мобильный редирект вовсе (имеется ввиду не делать отдельный домен/поддомен для мобильного сайта), а сделать адаптивную верстку сайта.

Редирект при помощи .htaccess файла
  1. Редирект пользователей на мобильную версию сайта

    RewriteEngine On
    # Проверка mime типов, которые обычно поддерживаются мобильными устройствами
    RewriteCond %{HTTP_ACCEPT} "text\/vnd\.wap\.wml|application\/vnd\.wap\.xhtml\+xml" [NC]
    RewriteCond %{REQUEST_URI} ^/$
    RewriteRule ^ http://m.domain.com%{REQUEST_URI} [R,L]

    Замените m.domain.com на домен своего мобильного сайта.
PHP редирект
  1. Редирект на мобильный сайт Используйте для определения мобильного устройства специальную библиотеку Mobile Detect, реализация есть практически для всех фреймворков и CMS (Репозиторий на GitHub)

    <?
    // пример работы библиотеки Mobile Detect require_once 'Mobile_Detect.php';
    $detect = new Mobile_Detect;
    if ( $detect->isMobile() ) {// код}
    if ( $detect->isTablet() ) {// код}
    if ( $detect->isiOS() ) {// код}
    if ( $detect->isAndroidOS() ) {// код}
    ?>

    Как видите, можно определять не только мобильное устройство или таблетку/планшет, но и операционную систему.
JavaScript редирект
  1. Перенаправление на мобильную версию

    <script type="text/javascript">
    if (screen.width window.location = "http://m.domain.com";
    }
    </script>

    Замените m.domain.com на адрес своего мобильного сайта. Как видите, мы определяем тип устройства по его разрешению (ширине экрана в данном случае). 480px, это типичное максимальное разрешение для Iphone или Android устройств. Типчные разрешения разных устройств

Как перенаправить на мобильную версию вашего сайта

Пользователи мобильных устройств

Если вы создали версию своего веб-сайта для мобильных устройств , вам необходимо убедиться, что перенаправляет посетителей мобильных устройств на ваш веб-сайт для мобильных устройств. Например, если кто-то посещает domain.com со своего телефона, вам понадобится способ перенаправить его на m.domain.com (мобильная версия вашего сайта, созданная на субдомене под названием « m ») .

Тогда возникает вопрос: «Как вы автоматически отправляете пользователей на мобильный сайт?»

Если вы задумаетесь о том, как на самом деле работает ваше перенаправление, теоретически это легко понять: « Если пользователь использует мобильное устройство, перенаправьте его на мобильную версию сайта ».Затем решение зависит от того, как идентифицировать вашего посетителя как мобильного пользователя. Есть несколько разных способов идентифицировать мобильного пользователя:

Ищете новый дом для своего сайта WordPress? Попробуйте решения InMotion для хостинга WordPress для безопасных, оптимизированных серверов, настроенных в соответствии с вашим бюджетом.

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

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

Используйте Javascript или jQuery

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

Использование кода программирования для обнаружения мобильного браузера

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

Использовать универсальный файл ресурсов беспроводной сети (WURFL)

WURFL на самом деле состоит из API и файла конфигурации XML, которые предоставляют вам доступ к базам данных, которые содержат информацию о самых разных мобильных устройствах. Преимущество использования WURFL заключается в том, что, хотя код API может устареть, информация о мобильных устройствах регулярно обновляется. Вы можете периодически обновлять его и получать самый последний список используемых мобильных устройств. Вам нужно будет реализовать API на своем веб-сайте, чтобы использовать его.

Как видите, существует множество различных возможных решений для создания отдельного мобильного веб-сайта, оптимизированного для ваших пользователей. Однако лучшим решением, рекомендованным отраслью, является использование адаптивного дизайна . Это позволяет использовать только ОДИН набор кода для вашего сайта. Использование адаптивного дизайна - идеальное решение, поскольку оно экономит время и упрощает управление вашим сайтом. Не нужно беспокоиться об обновлении двух сайтов и о том, чтобы оба сайта всегда работали.

Чтобы узнать больше об использовании адаптивного дизайна, прочтите нашу статью «Введение: создание адаптивного веб-дизайна».

.

Перенаправить пользователя на мобильную версию сайта

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.

sebarmeli / JS-Redirection-Mobile-Site: JS для обработки перенаправления на мобильную версию вашего сайта

перейти к содержанию Зарегистрироваться
  • Почему именно GitHub? Особенности →
    • Обзор кода
    • Управление проектами
    • Интеграции
    • Действия
    • Пакеты
    • Безопасность
    • Управление командой
    • Хостинг
    • мобильный
    • Истории клиентов →
    • Безопасность →
  • Команда
  • Предприятие
.

Как автоматически перенаправить на мобильный сайт

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий