Уже много лет эксперты говорят, что трафик на сайты со стороны посетителей мобильных устройств резко возрастает. По этой причине многие компании начали активно использовать мобильную стратегию для своего присутствия в Интернете, создавая опыт, подходящий для телефонов и других мобильных устройств.
После того как вы потратили время на изучение дизайна веб-страниц для мобильных телефонов и реализацию своей стратегии, вы также захотите убедиться, что посетители вашего сайта смогут увидеть эти проекты. Есть много способов сделать это, а некоторые работают лучше, чем другие. Посмотрите на метод, который вы можете использовать для поддержки мобильной поддержки на своих веб-сайтах, а также рекомендацию ближе к концу, для чего лучший способ достичь этого - на сегодняшнем веб-сайте!
Предоставить ссылку на другую версию сайта
Это, безусловно, самый простой способ обработки пользователей сотовых телефонов. Вместо того, чтобы беспокоиться о том, могут ли они или не могут видеть ваши страницы, просто поместите ссылку где-нибудь рядом с верхней частью страницы, которая указывает на отдельную мобильную версию вашего сайта. Затем читатели могут самостоятельно выбрать, хотят ли они видеть мобильную версию или продолжить «нормальную» версию.
Преимущество этого решения в том, что его легко реализовать. Это требует, чтобы вы создали оптимизированную версию для мобильных устройств, а затем добавили ссылку где-то около верха обычных страниц сайта.
Недостатки:
- Вы должны поддерживать отдельную версию сайта для мобильных пользователей. Поскольку ваш сайт становится больше, вы можете забыть, что вторая версия и ваши сайты могут выпасть из синхронизации.
- Вы также создаете третью версию для планшетов? Как насчет четвертой версии для ношения? Эта концепция версий, зависящих от устройства, может быстро выйти из-под контроля.
- Вы должны убрать уродливую ссылку в верхней части страницы, которую могут видеть не-мобильные читатели (и, возможно, нажмите).
В конечном счете, этот подход является устаревшим, что вряд ли станет частью современной мобильной стратегии. Иногда это используется как исправление стоп-зала, в то время как лучшее решение разрабатывается, но на самом деле это краткосрочная бандажная помощь.
Использовать JavaScript
В варианте вышеупомянутого подхода некоторые разработчики используют некоторый тип сценария обнаружения браузера, чтобы определить, находится ли клиент на мобильном устройстве, а затем перенаправить его на этот отдельный мобильный сайт. Проблема с обнаружением браузера и мобильными устройствами заключается в том, что есть тысячи мобильных устройств. Чтобы попытаться обнаружить их все с помощью одного JavaScript, вы можете превратить все ваши страницы в кошмар загрузки, и вы по-прежнему подвергаетесь многим из тех же недостатков, что и вышеупомянутый подход.
Использование CSS @media Handheld
Команда CSS @media handheld кажется, что это будет идеальный способ отображения стилей CSS только для карманных устройств - например, сотовых телефонов. Это похоже на идеальное решение для отображения страниц для мобильных устройств. Вы пишете одну веб-страницу, а затем создаете две таблицы стилей. Первый для «экранного» типа мультимедиа стилирует вашу страницу для мониторов и экранов компьютеров. Второй для «handheld» стилирует вашу страницу для небольших устройств, таких как мобильные телефоны. Звучит просто, но на практике это не работает.
Самое большое преимущество этого метода заключается в том, что вам не нужно поддерживать две версии вашего сайта. Вы просто поддерживаете одно, а таблица стилей определяет, как он должен выглядеть, что фактически приближается к конечному решению, которое мы хотим.
Проблема с этим методом заключается в том, что многие телефоны не поддерживают тип носителя - вместо этого они отображают свои страницы с типом экрана. И многие старые сотовые телефоны и карманные компьютеры вообще не поддерживают CSS. В конце концов, этот метод ненадежен и поэтому редко используется для доставки мобильных версий веб-сайта.
Используйте PHP, JSP, ASP для обнаружения User-Agent
Это гораздо лучший способ перенаправить мобильных пользователей на мобильную версию веб-сайта, потому что он не полагается на язык сценариев или CSS, которые мобильное устройство не использует. Вместо этого он использует серверный язык (PHP, ASP, JSP, ColdFusion и т. Д.), Чтобы посмотреть на пользовательский агент, а затем изменить HTTP-запрос, чтобы указать на мобильную страницу, если это мобильное устройство.
Простой код PHP для этого будет выглядеть так:
stristr ($ ua, «Windows CE») илиstristr ($ ua, «AvantGo») илиstristr ($ ua, «Mazingo») илиstristr ($ ua, «Мобильный») илиstristr ($ ua, "T68") илиstristr ($ ua, «Syncalot») илиstristr ($ ua, "Blazer")) {$ DEVICE_TYPE = "MOBILE";}if (isset ($ DEVICE_TYPE) и $ DEVICE_TYPE == "MOBILE") {$ Расположение = 'мобильный / index.php';header ('Местоположение:'. $ location);выход;}?>
Проблема здесь в том, что существует множество и множество других потенциальных агентов-пользователей, которые используются мобильными устройствами. Этот скрипт будет захватывать и перенаправлять многие из них, но не все. И еще добавляются все время.
Кроме того, как и в случае с другими решениями выше, вам все равно придется поддерживать отдельный мобильный сайт для этих читателей! Этот недостаток в том, чтобы управлять двумя (или более!) Веб-сайтами, является достаточной причиной для поиска лучшего решения.
Использовать WURFL
Если вы по-прежнему настроены перенаправить своих мобильных пользователей на отдельный сайт, то WURFL (Wireless Universal Resource File) является хорошим решением. Это XML-файл (и теперь файл DB) и различные библиотеки DBI, которые не только содержат современные данные пользователя беспроводного пользователя, но и те функции и возможности, которые поддерживают эти пользовательские агенты.
Чтобы использовать WURFL, вы загружаете файл конфигурации XML, а затем выбираете свой язык и реализуете API на своем веб-сайте. Существуют инструменты для использования WURFL с Java, PHP, Perl, Ruby, Python, Net, XSLT и C ++.
Преимущество использования WURFL заключается в том, что есть много людей, постоянно обновляющих и добавляющих в конфигурационный файл. Поэтому, пока файл, который вы используете, устарел почти до того, как вы его загрузили, есть вероятность, что если вы его загрузите один раз в месяц или около того, у вас будут все мобильные браузеры, которые ваши читатели обычно используют без каких-либо проблемы. Недостатком, конечно же, является то, что вы должны постоянно загружать и обновлять это - все, чтобы вы могли направлять пользователей на второй веб-сайт и создавая недостатки.
Лучшее решение - это отзывчивый дизайн
Так что если поддерживать разные сайты для разных устройств, это не ответ, что такое? Отзывчивый веб-дизайн.
Отзывчивый дизайн - это то, где вы используете CSS-запросы для определения стилей для устройств различной ширины. Отзывчивый дизайн позволяет создать одну веб-страницу для мобильных и не мобильных пользователей. Тогда вам не нужно беспокоиться о том, какой контент отображать на мобильном сайте, или не забудьте перенести последние изменения на свой мобильный сайт. Кроме того, как только вы написали CSS, вам не нужно загружать что-либо новое.
Отзывчивый дизайн может не работать отлично на чрезвычайно старых устройствах и браузерах (большинство из которых сегодня очень мало используются и не должны вас беспокоить), а потому, что он аддитив (добавление стилей в контент, а не получение контента ) эти читатели все равно смогут прочитать ваш сайт, он просто не будет выглядеть идеально на своем старом устройстве или в браузере.
