В последнее время мобильные телефоны стали иметь в своём активе приличные web браузеры и с телефонов стали всё больше заходить на Ваш сайт. Для разных движков существуют различные решения по мобилизации контента в блоге. Для
Blogger/Blogspot проще всего использовать сервис
Mobify.me. Сервис предоставляет инструмент создания мобильной версии Вашего сайта, оптимизированный для iPhone, Android, BlackBerry и еще 4000 мобильных устройств, инструмент управления отображаемым контентом, возможность перенаправления пользователя на мобильную версию, создание минисайта на Вашем собственном домене.
После бесплатной регистрации на сайте будет предложено указать с какими сайта Вы будете работать и выбрать
тип аккаунта, нас вполне устроит Free версия. Для начала надо решить на каком домене будет располагаться Ваш сайт. Есть два варианта:
- Live: домен, предлагаемый самим сервисом (выглядит как ВАШЕ_ИМЯ.mobify.me), есть у любого сайта
- Custom Domain: поддомен на Вашем домене (предпочтительно m.ВАШ_ДОМЕН.ru). Необходима дополнительная начтройка.
В HTML коде сайта вносится небольшое дополнение
Plugin, позволяющее перенаправить посетителя с основной версии сайта на мобильную, если посетитель с телефона на ВАШЕ_ИМЯ.mobify.me или на собственный поддомен. Для второго случая Вам будет необходимо внести изменения в
DNS зону своего домена, делается это в административной манели настроек доменнного имени, и добавить запись
CNAME, указывающую на ВАШЕ_ИМЯ.mobify.me (Пример: m CNAME
ВАШЕ_ИМЯ.mobify.me.). Это означает, что посетитель с мобильника будет перенаправлен на m.
ВАШ_ДОМЕН.ru, который является так-же и
ВАШЕ_ИМЯ.mobify.me. После настройки трёх пунктов (Live, Plugin, Custom Domain) переадресация начнёт работать. Далее Ваша задача скорректировать содержание Вашего сайта, с учётом ограниченного обзора мобильного браузера, изображения с сайта будут автоматически оптимизированы для мобильного просмотра. Для этого используется
CSS, оригинальные стили можно изменить в зависимости от целевого устройства просмотра. Для этого выбираются видимые элементы, редактируются стили этих элементов, убираются невидимые, меняется размер шрифта, изображения и т.д. За основу берётся стили оригинального сайта. Настройки производятся для четырёх типов браузеров: iPhone, Motorola, Nokia, BlackBerry. В админке можно сразу увидеть результат изменений. В качестве дополнительных опций указываются: аккаунт дизайнера, редактирующего Ваш макет, Ваши
AdMob Analytics ID,
Google Analytics ID и иконку сайта для Home скрина iPhone (в бесплатной версии не доступно). В результате получаем за 15 минут полноценную мобильную версию нашего сайта.