Разное

Вот что пишет Гугл в своей рассылке:

Знаете ли вы, что к 2015 году мобильный телефон будет у каждого жителя планеты, а количество поисковых запросов с телефонов и портативных компьютеров увеличилось с 2010 года в четыре раза? Это означает, что с каждым днем все больше пользователей просматривают ваш сайт с помощью мобильных устройств. Какие у них впечатления? Приходится ли им масштабировать и перелистывать страницы, чтобы прочитать текст? Пользуетесь ли вы ссылками, на которые сложно нажать, или удобными кнопками навигации?

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

Вот 10 советов по разработке сайта для мобильных устройств.
Обеспечьте быстроту загрузки: мобильный веб-сайт должен быстро загружаться, а текст необходимо адаптировать для быстрого чтения.
Упростите навигацию: разработайте понятную структуру переходов и средства поиска.
Ориентируйтесь на сенсорные экраны: элементы сайта должны быть достаточно крупными, чтобы на них можно было легко нажимать даже большим пальцем.
Улучшите читаемость: помогите клиентам упростить восприятие информации.
Сделайте сайт универсальным: он должен работать на устройствах любого типа.
Облегчите конверсии: пользователям должно быть понятно, как совершать покупки и связываться с вами.
Учитывайте местоположение: потенциальные клиенты постоянно используют свои телефоны для поиска объектов рядом с ними.
Интегрируйте основной и мобильный сайты: реализуйте в последнем как можно больше функций главного ресурса.
Применяйте переадресацию: пользователи, открывающие сайт с телефонов, должны перенаправляться на его мобильную версию.
Поддерживайте обратную связь: постоянно тестируйте и оптимизируйте сайт.

Сказанное имеет значение, но, всё же, это всего лирика. А есть ли какая-то особенность в кодах или в чет-то ином при создании сайтов для мобильных систем?

>А есть ли какая-то особенность в кодах или в чет-то ином при создании сайтов для мобильных систем?

первое, что приходит на ум - это ширина и высота экранов :)

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

вот от яндекса есть рекомендации - http://download.yandex.ru/company/experience/subbotnik/mobile_layout.pdf

Для мобильной связи нужно создавать отдельный сайт на другом демене?

Совсем не обязательно. Можно даже не разделять ни адресов ни имен. Но на стороне сервера придется изрядно попотеть. Анализируя $_SERVER["HTTP_USER_AGENT"] можно очень многое узнать об устройстве, с которого заходит пользователь: Ширину и высоту экрана, какие разметки поддерживает: WML, cHTML, xHTML, HTML, поддерживает ли яву и какой версии, есть ли сенсорный экран, какие форматы видео, звука и изображений может отображать (проигрывать) и т.д. Имея эту информацию в пхп-коде можно делать ветвление и выдавать результат, учитывающий возможности пользователя.

или редиректить на субдомен mob.site.com

>Для мобильной связи нужно создавать отдельный сайт на другом домене?

По большому счету - нет. Ну можно на .mobi

можно на одном домене, но
если нужна мобильная версия - это нужно закладывать в верстку и стили.

А как это совместить, мне непонятно.

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

Так как же быть-то?

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

вот один из примеров, как верстка адаптируется в зависимости от экрана, тут же можно ваш сайт "проверить" http://mattkersley.com/responsive/

вот большая подборка сайтов где эта технология применяется http://mediaqueri.es/

и на хабре сегодня статья появилась http://habrahabr.ru/blogs/design/133684/

к 2015 году мобильный телефон будет у каждого жителя планеты
========================================================
и в Африке? или она к тому времени уже вымрет от СПИДа и голода? сомневаюсь я что-то.

Это означает, что с каждым днем все больше пользователей просматривают ваш сайт с помощью мобильных устройств.
========================================================
у меня мобильник уже лет 15 (не один, конечно), но в интернет я с него заходила от силы пару раз. не интересно. так что и в этом сомневаюсь.

Иначе ваша компания не сможет привлечь клиентов в мобильном Интернете.
========================================================
в Греции мобильников в три раза больше, чем жителей, а до мобильного интернета нам как Фобос-Грунту до Марса. есть какие-то жалкие потуги, но это все детский сад и рассчитаны все эти фишки на подростков.

У вас хороший проводной и спутниковый интернет вероятно, опять же расстояния короткие - кабель легко протянуть, поэтому мобильный интернет по-настоящему нафиг никому не нужен и не приносит прибыли. А у нас тут куча мелких городов и деревень разбросанных по большим расстояниям - мобильный интернет: золотое дно для сотовых операторов, они за абонентов по настоящему борются: повышают пропускную способность, снижают цены, вводя десятки тарифов для разных ниш. Дошло до того, что они начали активно осваивать кабельный сектор, т.е. кабельное телевидение и интернет по подъездам у нас тянут сотовые операторы...

>и в Африке? или она к тому времени уже вымрет от СПИДа и голода? сомневаюсь я что-то.
А они там, кстати, очень распространены и заменяют компьютеры. Более того, это самый развитый сектор мобильного банкинга. Это у нас операторы берут 50% комиссии за передачу денег с одного мобильного счета на другой, а там нормальная комиссия и развитый сектор мобильных микро-платежей, не смотря на СПИД и голод. У нас заплатить с мобильника за товар - отдать половину оператору, а у них - это норма жизни и процент адекватный.