Какой лучший способ сделать мобильный сайт дружественным?

Question

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

Answer 1

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

Answer 2

Это довольно широкий вопрос, но здесь идет речь:

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

Answer 3

Я добавил слой мобильной презентации на действующий сайт около года назад. Основываясь на архитектуре сайта (надеюсь, это не слишком зависит от вашей технологии), я добавил новый набор JSP для размещения мобильных браузеров (см. Примечание: http://wurfl.sourceforge.net/ - отличный способ создания мобильных страниц независимо от тип браузера). Кроме того, некоторые функциональные возможности сервера были изменены из-за ограниченной функциональности большинства мобильных браузеров. Короче говоря, интеграция оказалась не такой болезненной, как можно было бы ожидать.

Удачи!

Answer 4

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

Это потому, что блог Mippin Mobilized становится частью гораздо более широкого сообщества контента, людей, новостей, блогов, списков, всего, что связано с контентом, и многого другого на мобильном сайте:

http://mippin.com (в мобильном браузере.)

Взгляните на инструмент Mobilizing, потому что он показывает, что сайт может сделать за секунду:

www.mippin.com / mobilizer

Только если у вас есть блог, конечно ...

Answer 5

На очень высоком уровне абстракции с мобильными устройствами есть два основных предупреждения: (1) их экран маленький, (2) их сетевое соединение прерывистое. По сути, это означает, что вам нужно представить контент так, чтобы он хорошо смотрелся даже на маленьком экране (с переменным размером), и желательно также сделать его кэшируемым, чтобы пользователи могли просматривать контент в автономном режиме. Кроме того, существует проблема низкой пропускной способности и высокой задержки, но в настоящее время они немного менее важны.

Answer 6

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

Я никогда не знаю, какой тип приложения потребуется для использования данных в будущем. Мы делаем много приложений на разных платформах, но модель предметной области редко меняется. В итоге я использую одни и те же объекты среднего уровня, где могу, и извлекаю эти данные в разных клиентах. Хорошим примером этого является недавний проект, в котором у нас было полнофункциональное интернет-приложение (виджет), полноценный веб-сайт и веб-сервис, использующий одни и те же данные. Абстракция данных на среднем уровне действительно сияет в этой среде.

Answer 7

В дополнение к системе возможностей WURFL / WALL, о которой говорилось выше, существуют библиотеки Java Server Faces, которые используют альтернативные WML-пакеты для мобильных телефонов.