Год назад Google анонсировал «Мобайлгеддон», которого ждали и боялись вебмастера всего мира. А недавно его примеру последовал и Яндекс, анонсировав формулу ранжирования «Владивосток». Тем самым поисковые системы не просто намекают, а уже говорят прямым текстом о необходимости создания мобильных версий сайтов. Именно поэтому редакция SEOnews решила создать подборку инструментов, которые пригодятся вам при создании мобильной версии вашего ресурса.
Конструкторы
1. MoFuse – один из самых известных конструкторов мобильных сайтов. Инструмент платный, минимальная стоимость – $9 в месяц.
2. Wirenode – позволяет настраивать доменное имя, загружать изображения, отслеживать посетителей. Есть бесплатная версия.
3. Mippin – бесплатный инструмент с поддержкой рассылки RSS.
4. Winksite– еще один бесплатный конструктор мобильных сайтов.
5. MobiSiteGalore – платформа для разработки мобильных веб-сайтов, которые можно посещать как с компьютера, так и с мобильного телефона. Минимальная стоимость – $49 в год.
6. Mobify– инструмент с простым и интуитивно понятным интерфейсом.
7. Wirenode – этим конструктором пользуются такие компании, как Ford, Nokia и Reebok.
8. Onbile – инструмент обещает создать мобильную версию вашего сайта за пять минут (или даже меньше).
9. DudaMobile – поможет создать сайт с адаптивным дизайном.
10.MoAction– конструктор мобильных сайтов для малого бизнеса и интернет-магазинов.
Проверка работы на различных устройствах
10. Ipad Peek – инструмент позволит узнать, как ваш сайт выглядит на экране IPad или iPhone. Сервис бесплатный.
11. Mobile Phone Emulator – здесь вы можете посмотреть на свой сайт на экране iPhone, HTC, LG, BlackBerry и Samsung.
12. Screenfly – Еще один бесплатный сервис с поддержкой различных устройств.
14. Responsinator – позволяет узнать, как инструмент выглядит на iPhone, iPad, Android, и Kindle.
15. Opera Mini Simulator – эмулятор от Opera с большой базой мобильных устройств.
16. CrossBrowserTesting – здесь вы можете проверить сайт на более чем 130 версиях браузеров.
17. BrowserStack – платный инструмент, предоставляет доступ к широкой базе браузеров.
18. Multi-Browser Viewer – приложение, которое содержит 11 мобильных браузеров и эмуляторов, 55 автономных браузеров и 88 различных разрешений для тестирования экрана браузера в разных форматах.
19. Perfecto Mobile – предоставляет доступ к широкой базе мобильных телефонов и планшетов.
Инструменты для адаптации видео и изображений
20. Adaptive Images – изменяет размер изображения в зависимости от размера экрана.
21. Sencha – динамически изменяет размер изображений (не увеличивает).
22. Resizeable Images – руководство по изменению размеров изображения в зависимости от объема текста.
23. Responsive Widgets – этот плагин предлагает новые текстовые/HTML виджеты WordPress, доступные только на гаджетах типа iPad, Nook, PlayStation Vita и других общих устройствах.
24. FitVidJS – плагин для создания эластичного видео.
25. Photo Swipe – адаптивная галерея для мобильных и сенсорных устройств.
Друзья, теперь вы можете поддержать SEOnews https://pay.cloudtips.ru/p/8828f772
Ваши донаты помогут нам развивать издание и дальше радовать вас полезным контентом.
I blog frequently and I really appreciate your content. Your article has really peaked my interest. I am going to bookmark your website and keep checking for new details about once per week. I subscribed to your RSS feed too.
Nice post. I learn something totally new and challenging on websites I stumbleupon every day. It's always useful to read through articles from other authors and practice something from other sites.
Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.
Пример:
На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все з...
Лучший инструмент для создания сайтов адаптивных это руки) На помощь может придти плагины, скрипты, css-фреймворки. По моему мнению все эти сервисы шляпа. Никако инструмент не сделает адаптив лучше чем верстальщик. Ни один инструмент не может сказать что сайт оптимизирован на все 100%.
Пример:
На один сайт я поставил медиа запрос 320-480px (популярное разрешение мобилок). Однако, Яндекс Бета Вебмастер, Пейдж Спид и Мобайл Фёрст от Гугла говорят мол крч все збс, все оптимизировано. Но заглянув к примеру в Метрику срез по году по популярным разрешениям экранов, там много больше разрешений. Так вот, если делать адаптив под все разрешения хотя бы те что >960px то там как минимум 5 итераций надо. По времени и ресурсам накладненько. Но не сделав этого, пользователь зайдя с планшета ужаснется от внешнего вида и убежит как испуганная крыса с корабля.