пятница, 3 апреля 2015 г.

Как сделать мобильный сайт?

Сегодня  мобильные приложения и сайты пользуются все большим спросом. Поисковые системы высоко ранжируют те ресурсы, у которых есть адаптивный дизайн, доля мобильного трафика растет,я  уже не говорю о мобильном арбитраже, где создание мобильных лендингов – насущная необходимость.  А вот в вопросе создания мобильных сайтов есть много пробелов и недопонимания. Как их делать, где, есть ли быстрые решения. Сегодня постараюсь дать ответы на эти вопросы.


Мобильные лендинги

Мобильные лендинги – минисайты, содержащие в себе завлекающий текст, предложение или призыв к действию.  Если  вы владеете HTML и CSS то проблем у вас с ними нет. Если эти знания остались в стороне от вашего разума, есть несколько простых решений.
 Lpgenerator – российский сервис создания мобильных лендингов. Достаточно корявый и не отработанный. К минусам также можно отнести обязательное подключение треккера (естественно платного) и невозможность перетащить код на свой домен. Хотя привязать его к аккаунту можно. Из плюсов – отличный саппорт и простота использования. Неплохой вариант для любительских сайтов, но абсолютно не подходит для профессионалов.

http://cloneforsuccess.com/ - простой и удобный бесплатный сервис генерации мобильных целевых страниц, есть внятное видео, как его использовать. Правда имеет ограниченный функционал, но он легко восполняется с помощью других сервисов. Интергирован с Jquery, что дает множество вариантов для оформления. Если кто не знает Jquery - это библиотека готовых решений и тем для мобильных  и не только сайтов: меню, поиск, регистрации, слайдеры и многое другое. Кроме того, в обучающем видео раскрывается еще с десяток полезных и нужных  примочек.


http://www.mobijq.com/ - пожалуй лучший буржуйский сервис для создания мобильных лендингов и сайтов. Очень удобное и понятное меню,  масса примочек, менюшек и тем, есть различные темы. Но! Самое главное, есть бесплатная версия, которая ограничена лишь объемом загружаемой информации, для создания 2-3  лендов ее вполне достаточно. Если больше, придется подключить платную версию по демократичной цене. Для примера, за год они просят столько же, сколько Lpgenerator за месяц. Что еще приятно, после того как проект готов его можно скачать в аккуратном и удобном виде. Коды  и картинки разложены по папочкам, и чтобы запустить мобильный сайт их нужно лишь перетащить на хостинг в директорию домена.

Мобильные сайты

Для создания полноценного  мобильного сайта есть два варианта за  исключением самостоятельного написания кода.: первый  -  использовать  dreaweaver – программу  Adobe или обратиться к вордпрессу.
Создание мобильного сайта с помощью dreaweaver. Для начала скачиваем программу на торентах, я не буду давать ссылку ее легко можно найти самостоятельно. Регистрируем, открываем.


Создаем новый проект и выбираем Mobile starters > Jquery mobile (cdn).


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


На выходе получим готовый документ Index.html, который останется только поставить на хост и прописать правильные ссылки. Все. С дримвивером на создание ленда у меня уходит до двух часов. Очень просто и удобно.
Второй вариант создания полноценного мобильного сайта использовать специальный плагин Wordpress В этом видео подробно рассказывать, как это делать.



И последнее, о чем я хотел сказать в этой статье, как проверить мобильный лендинг на работоспособность на разных устройствах и операционных системах. Для этого я использую два сервиса -  http://mobiletest.me/





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


ICQ 663249431

Комментариев нет:

Отправить комментарий

Яндекс.Метрика