Top-15-Services-for-Making-Mobile-Friendly-Websites

С тех пор как Google сместил фокус в сторону мобильного поиска, владельцам сайтов приходится обеспечивать комфортный доступ с любых устройств. Но ситуации бывают разные — одни поручают разработку мобильного сайта внутренней команде или подрядчику, а другие в целях экономии делают его сами.

Я собрала для вас подборку бесплатных и условно-бесплатных инструментов для создания мобильных сайтов. Для удобства я распределила их на три группы в зависимости от результата:

– Нативное приложение;
– Мобильная версия сайта;
– Адаптивный сайт.

Native-Mobile-Web-Design-Services_r

Подходит, если: нужен простой мобильный сайт, быстро и доступно.

1. IWebKit

Помогает делать стандартные приложения для iPhone, iPod и iPad.

Плюсы: бесплатный и не требует глубоких познаний HTML. В комплекте идет подробная документация.

Минусы: подходит только для дизайна iOS-приложений, нужно изучить руководство по использованию.

2. Mobify

Специальный инструмент для создания приложений для мобильной коммерции. Базовая версия бесплатна, а дополнительные аналитические функции стоят 25$ в месяц или 99$ в год.

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

Минусы: за полную версию придется заплатить.

3. Zinadoo

Пользователи Zinadoo создают WAP-странички и продвигают их с помощью рассылки и участия в рейтингах мобильных сайтов. Стриминг видео через приложение Mobile Video и оптимизация сайта для Google Mobile включены в бесплатный пакет.

Плюсы: доступ к сервису для аналитики и продвижения сайтов Mobiseer. Подробная инструкция.

Минусы: скромный набор интерактивных модулей — карт, галерей, кнопок призыва к действию и пр.

4. Winksite

Winksite – это бесплатный ресурс, соответствующий стандартам W3C mobileOK и .mobi. Он подойдет тем, кто продвигает сайт с помощью социальных сетей.

Плюсы: обширный функционал для создания чатов, соцопросов, форумов, блогов.

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

Web-to-Mobile-Web-Design-Services_r

Подходит, если: у вас уже есть рабочий веб-сайт, и вы не хотите его переделывать под мобильные устройства, ведь это обойдется еще дороже, чем создание отдельного мобильного приложения.

5. Mobile Optimizer

Сервис Google, который трансформирует веб-сайт в его мобильную версию, избавляясь от тяжелой графики и прочих деталей, замедляющих работу на мобильных устройствах.

Плюсы: интуитивно понятный и не требует регистрации.

Минусы: практически невозможно редактировать результат.

6. Mippin

Бесплатный инструмент для создания мобильных версий RSS-сайтов, совместимых с любыми устройствами.

Плюсы: бесплатный аналитический отчет о поведении пользователей для выбора стратегии продвижения.

Минусы: только для сайтов с RSS-лентой.

7. MobilePress

Плагин WordPress, предназначенный специально для конвертации сайтов на базе WordPress в их мобильные версии.

Плюсы: бесплатный.

Минусы: только для сайтов на WordPress.

8. Mobilize by Mippin

Еще один бесплатный плагин для WordPress.

Плюсы: сохраняет визуальные прелести родительского сайта, адаптируя изображения и видео под разрешения мобильных экранов. Что важнее: облегчить и ускорить сайт или сохранить его оболочку — решать вам.

Минусы: снова все ограничивается WordPress-сайтами.

9. Wirenode

Wirenode подходит для создания мобильных версий сайтов. В бесплатный пакет входит редактор страниц, бесплатный хостинг для 3-х мобильных сайтов и набор инструментов для аналитики и статистики. Чтобы выключить рекламу, нужно оформить платную подписку.

Плюсы: идеален для создания информационно насыщенных сайтов вроде новостных порталов, блогов и бизнес-портфолио.

Минусы: нужны базовые знания веб-дизайна.

Responsive-Web-Design-(RWD)-Services_r

Подходит, если: вы готовы инвестировать в платформу, которая будет отвечать запросам рынка в будущем. Поисковые системы отдают приоритет адаптивным сайтам в поисковой выдаче. На обновление и ведение статистики одного продукта нужно меньше времени и средств, чем на поддержку нескольких версий. Это выгодное решение в долгосрочной перспективе — вы охватите всех мобильных пользователей без исключения.

10. Webflow

Этот сервис предлагает набор редактируемых шаблонов и множество платных и бесплатных функций для создания адаптивного дизайна с нуля. Его особенность – интуитивный редактор для дизайна, который работает по технологии WYSIWYG, и фреймворк Bootstrap 3.0 для адаптивной верстки. Перетаскивая элементы, вы сразу же увидите, как они отображаются на экранах мобильных устройств.

Плюсы: не придется лишний раз думать об «отзывчивости» сайта — с Webflow он в любом случае получится адаптивным. Доступно два режима работы: для новичков и продвинутых пользователей.

Минусы: редактировать CSS и HTML можно только за дополнительную плату: подписка стоит 49$ в месяц.

11. MotoCMS 3.0

MotoCMS 3.0 – это конструктор адаптивных сайтов для новичков. Содержит наборы готовых шаблонов, которые несложно редактировать, даже если вы не профессиональный дизайнер. Во время работы с административной частью выпадают подсказки, все элементы перетаскиваются мышью. Еще один приятный бонус – автоматизация некоторых функций. Например, пользователь может изменить всю цветовую палитру сайта или заменить все объекты одного класса одной кнопкой.

Плюсы: в MotoCMS 3.0 уже заложены данные о популярных разрешениях мониторов, планшетов, смартфонов, с возможностью подгонять размер элементов под конкретные разрешения книжной и альбомной ориентации. Приложение не требует регистрации.

Минусы: все ещё находится в разработке, поэтому в процессе работы могут быть ошибки. MotoCMS 3.0 заточен скорее под любителей, поэтому возможность редактирования таблиц стилей CSS не предусмотрена. Дополнительные шаблоны стоят от 130$ до 200$.

12. Wirefy

Инструмент для разработки прототипов адаптивных сайтов, однако для работы с ним нужны знания CSS и HTML. Используя коллекцию готовых шаблонов и HTML-сниппетов, вы протестируете работу макета на любых разрешениях.

Плюсы: многофункционален и легко интегрируется с другими фреймворками для веб-дизайна и CMS-системами.

Минусы: рассчитан на пользователей, знакомых с CSS и HTML.

13. Bootstrap

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

Плюсы: в пакет включены JavaScript-расширения.

Минусы: если вы захотите отойти от базовой функциональности, то без навыков программирования не обойтись.

14. Gridset

Инструмент в помощь веб-дизайнеру, который строит адаптивные макеты по сетке. Gridset позволяет создавать различные модульные сетки для адаптивного дизайна, от базовых до сложных CSS-фреймворков. С его помощью вы за минуту построите сетку нужного размера без калькулятора.

Плюсы: интегрируется с Drupal, WordPress и с графическими редакторами Fireworks и Photoshop.

Минусы: ориентирован на визуальную составляющую дизайна, поэтому при построении сетки не учитывает важные аспекты верстки.

15. Adobe Edge Reflow

Adobe Edge Reflow конвертирует PSD-файл в HTML и CSS — остается лишь подогнать его под нужное разрешение.

Плюсы: Интеграция с Photoshop и Illustrator.

Минусы: необходимы навыки HTML и CSS.

На этом список бесплатных инструментов не заканчивается. Чтобы правильно выбрать подходящий сервис, определите бизнес-цель, изучите целевую аудиторию и предложения конкурентов, оцените свои силы и бюджет. А если вам нужна помощь – обращайтесь к Itransition.