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

Question

Я ищу что-то, что поможет мне научиться настраивать мой сайт так, чтобы, когда люди заходили на него, была обычная и мобильная версия. Проблема, с которой я сталкиваюсь, заключается в том, что большинство сайтов, которые я вижу в Google, - это платные сайты, которые помогают вам настроить это. Могу ли я просто сделать две версии своего сайта и загрузить их на свой хостинг? Кроме того, как он знает, когда загрузить мобильный телефон по сравнению с обычным? Это то, чему я хочу научиться, какие предложения о том, с чего начать?

Answer 1

Пожалуйста, пожалуйста, убедитесь, что вы делаете следующее:

1. Сделайте мобильную версию, только если она добавляет ценность.
2. Если пользователь запрашивает глубокую ссылку с мобильного устройства, не перенаправляйте на мобильную домашнюю страницу
3. Разрешить пользователю выбирать просмотр полной версии
4. Убедитесь, что планшеты, такие как iPad, используют полную версию по умолчанию
5. Не подавайте WML на смартфоны с высоким разрешением, такие как iPhone
6. Если ваш полноразмерный веб-сайт непригоден для использования на телефоне, подумайте над тем, чтобы настроить его более подходящим образом (не печатайте текст слишком широко).

Современные iPhone и iPad прекрасно справляются с большинством полноразмерных веб-сайтов, поэтому мобильная версия практически не нужна, если только она не улучшает пользовательский интерфейс. Я не хочу, чтобы меня перенаправили на детский интерфейс, который не предоставляет нужную мне информацию.

Хорошие примеры мобильных версий:

• веб-сайт Google
• веб-сайт Gmail

Посредственные примеры включают в себя:

• Любой блогпресс сайт

Плохие примеры включают

• все, что использует WML

---

Вот совет Apple по предоставлению мобильных версий для iPad :

Обратите внимание, что пользователь Safari на iPad Строка агента содержит слово «Мобильный», но не содержит слово "айфон". Если вы в настоящее время подача мобильного контента в любой браузер который идентифицирует себя как «мобильный», вы следует изменить строку вашего агента пользователя проверяет, чтобы искать iPad и избегать отправив неверную версию вашего сайт. Номера версий в этом строка может изменяться со временем как новые версии Safari на iPad стать доступным, поэтому любой код, который проверяет строку агента пользователя не полагаться на номера версий.

Answer 2

У Алекса было несколько хороших предложений, но если вы действительно хотите предоставить конкретную версию, основанную на мобильной или не мобильной версии, вы можете взглянуть на заголовок http.В некоторых случаях пользовательский агент выдаст его, но не всегда.Проверьте эту ссылку для деталей: http://detectmobilebrowsers.mobi/

Answer 3

Что-то, на что стоит обратить внимание, - это тип носителя @mobile css, который используется для загрузки различных стилей при загрузке на мобильное устройство.Я не уверен, какие устройства поддерживают это, но я предполагаю, что это будет большинство популярных моделей.Что касается вашего предложения, вы, конечно же, можете разместить два отдельных сайта, но я бы с протестом рассмотрел предложения Алекса, прежде чем вы решите проблему.